commit 522970c4a134e7c6b641befd271d1ddce094b68a Author: guilherme Date: Tue Jun 17 10:55:25 2025 -0300 feat(explode): first commit diff --git a/nb-configuration.xml b/nb-configuration.xml new file mode 100644 index 0000000..f8baa68 --- /dev/null +++ b/nb-configuration.xml @@ -0,0 +1,19 @@ + + + + + + Tomcat + JDK_21 + + diff --git a/pom.xml b/pom.xml new file mode 100644 index 0000000..3d2b4a9 --- /dev/null +++ b/pom.xml @@ -0,0 +1,498 @@ + + 4.0.0 + + br.com.agapesistemas + agtemplate + 1.0.0 + ${packaging.type} + + AgTemplate + + + UTF-8 + 2.0.21 + 4.0.7 + 1.3.24 + 5.0.0 + 1.18.32 + 3.1.0 + 2.15.2 + war + poseidon + + + + + io.jsonwebtoken + jjwt + 0.9.1 + + + javax.xml.bind + jaxb-api + 2.3.1 + + + org.glassfish.jaxb + jaxb-runtime + 2.3.1 + + + + + org.projectlombok + lombok + ${lombok.version} + true + + + + org.modelmapper + modelmapper + ${modelmapper.version} + + + + + org.apache.httpcomponents + httpclient + 4.5.13 + + + com.fasterxml.jackson.core + jackson-databind + ${jackson.version} + + + + com.fasterxml.jackson.datatype + jackson-datatype-jsr310 + ${jackson.version} + + + + + com.fasterxml.jackson.datatype + jackson-datatype-jdk8 + ${jackson.version} + + + + org.postgresql + postgresql + 42.3.1 + + + + org.primefaces + primefaces + 11.0.0 + jakarta + + + org.glassfish + jakarta.faces + ${mojarra.version} + + + jakarta.servlet + jakarta.servlet-api + 5.0.0 + provided + + + + jakarta.platform + jakarta.jakartaee-api + 10.0.0 + + + + + + org.jboss.weld.servlet + weld-servlet-shaded + 5.0.1.Final + + + + jakarta.enterprise + jakarta.enterprise.cdi-api + 4.0.1 + + + + + + org.apache.poi + poi + ${poi.version} + + + org.apache.poi + poi-ooxml + ${poi.version} + + + org.apache.xmlgraphics + batik-all + + + de.rototor.pdfbox + graphics2d + + + org.apache.santuario + xmlsec + + + org.bouncycastle + bcpkix-jdk15on + + + com.github.virtuald + curvesapi + + + org.bouncycastle + bcprov-jdk15on + + + + + com.github.librepdf + openpdf + ${open-pdf.version} + + + + + + prime-repo + PrimeFaces Maven Repository + http://repository.primefaces.org + + + + + + + src/main/resources + true + + + ${basedir}/src/main/webapp/WEB-INF + + web.xml + + true + ${project.build.directory} + + + + + org.apache.maven.plugins + maven-compiler-plugin + 3.7.0 + + 1.8 + 1.8 + ${project.build.sourceEncoding} + + + + org.eclipse.jetty + jetty-maven-plugin + 9.4.36.v20210114 + + + /poseidon + + 5 + ${project.build.directory}/web.xml + + + + + + + + distribute + + jar + + + + + maven-assembly-plugin + 2.3 + + + build-layout + package + + single + + + + src/assemble/layout.xml + + ${project.template}-layout-${project.version} + false + + + + build-theme + package + + single + + + + src/assemble/theme.xml + + ${project.template}-theme-${project.version} + false + + + + + + org.apache.maven.plugins + maven-shade-plugin + + ${project.template}-theme-${project.version}-jakarta + false + false + true + true + true + + + *:* + + org/primefaces/${project.template}/component/* + META-INF/MANIFEST.MF + META-INF/faces-config.xml + META-INF/primefaces-${project.template}.taglib.xml + META-INF/resources/primefaces-${project.template}-*/* + + + + + + + jakarta + package + + shade + + + true + jakarta + false + + + + + + + META-INF/faces-config.xml + + + META-INF/primefaces-${project.template}.taglib.xml + + + + + + + ${project.groupId}:${project.artifactId} + + + + + javax.faces + jakarta.faces + + + javax.el + jakarta.el + + + jakarta.annotation + jakarta.annotation + + + javax.servlet + jakarta.servlet + + + javax.persistence + jakarta.persistence + + + jakarta.enterprise + jakarta.enterprise + + + javax.xml.bind + jakarta.xml.bind + + + javax.validation + jakarta.validation + + + jakarta.inject + jakarta.inject + + + javax.activation + jakarta.activation + + + javax.ws.rs + jakarta.ws.rs + + + javax.jws + jakarta.jws + + + javax.cache + jakarta.cache + + + javax.xml.ws + jakarta.xml.ws + + + javax.xml.soap + jakarta.xml.soap + + + window.jsf + window.faces + + + jsf.ajax + faces.ajax + + + + + + + + io.yupiik.maven + maven-shade-transformers + 0.0.1 + + + + + + + + deploy + + true + + + + + org.apache.maven.plugins + maven-war-plugin + 3.2.0 + + + + true + src/main/webapp + + **/web.xml + + + + src/main/webapp + ${project.build.directory}/web.xml + + + + + + + + diff --git a/src/assemble/layout.xml b/src/assemble/layout.xml new file mode 100644 index 0000000..e403ef3 --- /dev/null +++ b/src/assemble/layout.xml @@ -0,0 +1,44 @@ + + + layout + + zip + + + false + + + + ${basedir}/src/main/webapp/resources/poseidon-layout + /resources/poseidon-layout + + + ${basedir}/src/main/webapp + + notfound.xhtml + access.xhtml + login.xhtml + empty.xhtml + error.xhtml + landing.xhtml + invoice.xhtml + help.xhtml + + / + + + ${basedir}/src/main/webapp/WEB-INF + + *.xhtml + + /WEB-INF + + + ${basedir}/src/main/webapp/resources/sass + /sass + + + + \ No newline at end of file diff --git a/src/assemble/theme.xml b/src/assemble/theme.xml new file mode 100644 index 0000000..8f7aed8 --- /dev/null +++ b/src/assemble/theme.xml @@ -0,0 +1,173 @@ + + + theme + + jar + + + false + + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-amber-dark + /META-INF/resources/primefaces-poseidon-amber-dark + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-amber-dim + /META-INF/resources/primefaces-poseidon-amber-dim + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-amber-light + /META-INF/resources/primefaces-poseidon-amber-light + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-amethyst-dark + /META-INF/resources/primefaces-poseidon-amethyst-dark + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-amethyst-dim + /META-INF/resources/primefaces-poseidon-amethyst-dim + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-amethyst-light + /META-INF/resources/primefaces-poseidon-amethyst-light + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-apple-dark + /META-INF/resources/primefaces-poseidon-apple-dark + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-apple-dim + /META-INF/resources/primefaces-poseidon-apple-dim + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-apple-light + /META-INF/resources/primefaces-poseidon-apple-light + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-camelot-dark + /META-INF/resources/primefaces-poseidon-camelot-dark + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-camelot-dim + /META-INF/resources/primefaces-poseidon-camelot-dim + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-camelot-light + /META-INF/resources/primefaces-poseidon-camelot-light + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-cape-palliser-dark + /META-INF/resources/primefaces-poseidon-cape-palliser-dark + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-cape-palliser-dim + /META-INF/resources/primefaces-poseidon-cape-palliser-dim + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-cape-palliser-light + /META-INF/resources/primefaces-poseidon-cape-palliser-light + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-cyan-dark + /META-INF/resources/primefaces-poseidon-cyan-dark + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-cyan-dim + /META-INF/resources/primefaces-poseidon-cyan-dim + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-cyan-light + /META-INF/resources/primefaces-poseidon-cyan-light + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-denim-dark + /META-INF/resources/primefaces-poseidon-denim-dark + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-denim-dim + /META-INF/resources/primefaces-poseidon-denim-dim + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-denim-light + /META-INF/resources/primefaces-poseidon-denim-light + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-gigas-dark + /META-INF/resources/primefaces-poseidon-gigas-dark + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-gigas-dim + /META-INF/resources/primefaces-poseidon-gigas-dim + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-gigas-light + /META-INF/resources/primefaces-poseidon-gigas-light + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-jungle-green-dark + /META-INF/resources/primefaces-poseidon-jungle-green-dark + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-jungle-green-dim + /META-INF/resources/primefaces-poseidon-jungle-green-dim + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-jungle-green-light + /META-INF/resources/primefaces-poseidon-jungle-green-light + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-sea-green-dark + /META-INF/resources/primefaces-poseidon-sea-green-dark + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-sea-green-dim + /META-INF/resources/primefaces-poseidon-sea-green-dim + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-sea-green-light + /META-INF/resources/primefaces-poseidon-sea-green-light + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-tapestry-dark + /META-INF/resources/primefaces-poseidon-tapestry-dark + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-tapestry-dim + /META-INF/resources/primefaces-poseidon-tapestry-dim + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-tapestry-light + /META-INF/resources/primefaces-poseidon-tapestry-light + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-wedgewood-dark + /META-INF/resources/primefaces-poseidon-wedgewood-dark + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-wedgewood-dim + /META-INF/resources/primefaces-poseidon-wedgewood-dim + + + ${basedir}/src/main/webapp/resources/primefaces-poseidon-wedgewood-light + /META-INF/resources/primefaces-poseidon-wedgewood-light + + + ${basedir}/src/main/webapp/WEB-INF + /META-INF/ + + faces-config.xml + primefaces-poseidon.taglib.xml + + + + ${basedir}/target/classes + / + + org/primefaces/poseidon/component/* + + + + \ No newline at end of file diff --git a/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/api/assembler/Tb_templateInputAssembler.java b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/api/assembler/Tb_templateInputAssembler.java new file mode 100644 index 0000000..3f42c25 --- /dev/null +++ b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/api/assembler/Tb_templateInputAssembler.java @@ -0,0 +1,39 @@ +package br.com.agapesistemas.agtemplate.agtemplate.api.assembler; + +import java.io.Serializable; +import java.util.List; +import java.util.stream.Collectors; +import org.modelmapper.ModelMapper; +import br.com.agapesistemas.agtemplate.agtemplate.api.model.input.Tb_templateInput; +import br.com.agapesistemas.agtemplate.agtemplate.api.model.input.Tb_templateIdInput; +import br.com.agapesistemas.agtemplate.agtemplate.model.to.Tb_template; +import br.com.agapesistemas.agtemplate.agtemplate.api.model.ModelMapperConfiguration; + +public class Tb_templateInputAssembler implements Serializable { + + private ModelMapper modelMapper; + + public Tb_templateInputAssembler(){ + modelMapper = ModelMapperConfiguration.getInstance(); + } + + public Tb_templateInput toInput(Tb_template tb_template) { + return modelMapper.map(tb_template, Tb_templateInput.class); + } + + public List toCollectionInput(List listTb_template) { + return listTb_template.stream() + .map(tb_template -> toInput(tb_template)) + .collect(Collectors.toList()); + } + + public Tb_templateIdInput toIdInput(Tb_template tb_template) { + return modelMapper.map(tb_template, Tb_templateIdInput.class); + } + public List toCollectionIdInput(List listTb_template) { + return listTb_template.stream() + .map(tb_template -> toIdInput(tb_template)) + .collect(Collectors.toList()); + } +} + diff --git a/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/api/assembler/Tb_templateModelDisassembler.java b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/api/assembler/Tb_templateModelDisassembler.java new file mode 100644 index 0000000..d92dc12 --- /dev/null +++ b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/api/assembler/Tb_templateModelDisassembler.java @@ -0,0 +1,20 @@ +package br.com.agapesistemas.agtemplate.agtemplate.api.assembler; + +import java.io.Serializable; +import org.modelmapper.ModelMapper; +import br.com.agapesistemas.agtemplate.agtemplate.api.model.Tb_templateModel; +import br.com.agapesistemas.agtemplate.agtemplate.model.to.Tb_template; +import br.com.agapesistemas.agtemplate.agtemplate.api.model.ModelMapperConfiguration; + +public class Tb_templateModelDisassembler implements Serializable { + + private ModelMapper modelMapper = ModelMapperConfiguration.getInstance(); + + public Tb_template toDomainObject(Tb_templateModel tb_templateModel) { + return modelMapper.map(tb_templateModel, Tb_template.class); + } + public void copyToDomainObject(Tb_templateModel tb_templateModel, Tb_template tb_template) { + modelMapper.map(tb_templateModel, tb_template); + } +} + diff --git a/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/api/model/ModelMapperConfiguration.java b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/api/model/ModelMapperConfiguration.java new file mode 100644 index 0000000..a316b01 --- /dev/null +++ b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/api/model/ModelMapperConfiguration.java @@ -0,0 +1,38 @@ +package br.com.agapesistemas.agtemplate.agtemplate.api.model; + +import org.modelmapper.ModelMapper; +import org.modelmapper.PropertyMap; +import br.com.agapesistemas.agtemplate.agtemplate.model.to.Tb_template; +import br.com.agapesistemas.agtemplate.agtemplate.api.model.input.Tb_templateInput; + +public class ModelMapperConfiguration { + + private static ModelMapper modelMapper = null; + + public synchronized static ModelMapper getInstance(){ + if(modelMapper == null){ + modelMapper = new ModelMapper(); + //Mapear tb_template + modelMapper.addMappings(new PropertyMap() { + @Override + protected void configure() { + } + }); + + modelMapper.addMappings(new PropertyMap() { + @Override + protected void configure() { + } + }); + + modelMapper.addMappings(new PropertyMap() { + @Override + protected void configure() { + } + }); + + } + return modelMapper; + } +} + diff --git a/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/api/model/Tb_templateModel.java b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/api/model/Tb_templateModel.java new file mode 100644 index 0000000..39a5160 --- /dev/null +++ b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/api/model/Tb_templateModel.java @@ -0,0 +1,16 @@ +package br.com.agapesistemas.agtemplate.agtemplate.api.model; + +import java.io.Serializable; +import lombok.Getter; +import lombok.Setter; +import com.fasterxml.jackson.annotation.JsonView; +import br.com.agapesistemas.agtemplate.agtemplate.api.model.view.Tb_templateView; + +@Setter +@Getter +public class Tb_templateModel implements Serializable { + + private Integer id; + private String nome; +} + diff --git a/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/api/model/input/Tb_templateIdInput.java b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/api/model/input/Tb_templateIdInput.java new file mode 100644 index 0000000..4dbc6d4 --- /dev/null +++ b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/api/model/input/Tb_templateIdInput.java @@ -0,0 +1,13 @@ +package br.com.agapesistemas.agtemplate.agtemplate.api.model.input; + +import java.io.Serializable; +import lombok.Getter; +import lombok.Setter; + +@Setter +@Getter +public class Tb_templateIdInput implements Serializable { + + private Integer id; +} + diff --git a/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/api/model/input/Tb_templateInput.java b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/api/model/input/Tb_templateInput.java new file mode 100644 index 0000000..afbb12f --- /dev/null +++ b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/api/model/input/Tb_templateInput.java @@ -0,0 +1,16 @@ +package br.com.agapesistemas.agtemplate.agtemplate.api.model.input; + +import java.io.Serializable; +import lombok.Getter; +import lombok.Setter; + +@Setter +@Getter +public class Tb_templateInput implements Serializable { + + private Integer id; + + private String nome; + +} + diff --git a/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/api/model/view/Tb_templateView.java b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/api/model/view/Tb_templateView.java new file mode 100644 index 0000000..33e567f --- /dev/null +++ b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/api/model/view/Tb_templateView.java @@ -0,0 +1,11 @@ +package br.com.agapesistemas.agtemplate.agtemplate.api.model.view; + +public interface Tb_templateView { + + public interface Consulta { + } + + public interface Id { + } +} + diff --git a/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/api/service/Tb_templateService.java b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/api/service/Tb_templateService.java new file mode 100644 index 0000000..0884d8f --- /dev/null +++ b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/api/service/Tb_templateService.java @@ -0,0 +1,111 @@ +package br.com.agapesistemas.agtemplate.agtemplate.api.service; + +import br.com.agapesistemas.agtemplate.agtemplate.api.assembler.Tb_templateModelDisassembler; +import br.com.agapesistemas.agtemplate.agtemplate.api.assembler.Tb_templateInputAssembler; +import br.com.agapesistemas.agtemplate.agtemplate.api.model.Tb_templateModel; +import br.com.agapesistemas.agtemplate.agtemplate.api.model.input.Tb_templateInput; +import br.com.agapesistemas.agtemplate.agtemplate.api.model.input.Tb_templateIdInput; +import br.com.agapesistemas.agtemplate.agtemplate.model.to.Tb_template; +import br.com.agapesistemas.agtemplate.agtemplate.api.service.base.AgtemplateApiBase; +import com.fasterxml.jackson.core.type.TypeReference; +import java.util.ArrayList; +import java.util.List; +import br.com.agapesistemas.agtemplate.agtemplate.filtro.Tb_templateFiltro; +import java.util.Map; + +public class Tb_templateService extends AgtemplateApiBase { + + private static final String BASE_URL = SCHEMA_URL+"/tb_templates"; + + private static String getBase(String token){ + return token==null?BASE_URL:BASE_URL+"/"+getUuidCliente(token); + } + + public static void insert(String token, Tb_template tb_template) throws Exception { + String uri = getBase(token); + + Tb_templateInputAssembler assembler = new Tb_templateInputAssembler(); + Tb_templateInput input = assembler.toInput(tb_template); + String jsonBody = convertObjectToJson(input); + Tb_templateModelDisassembler disassembler = new Tb_templateModelDisassembler(); + Tb_templateModel model = (Tb_templateModel) post(token,uri,jsonBody, new TypeReference() {}); + if (model != null) { + disassembler.copyToDomainObject(model, tb_template); + } + } + + public static void update(String token, Tb_template tb_template) throws Exception { + String uri = getBase(token)+"/"+tb_template.getId(); + Tb_templateInputAssembler assembler = new Tb_templateInputAssembler(); + Tb_templateInput input = assembler.toInput(tb_template); + String jsonBody = convertObjectToJson(input); + Tb_templateModelDisassembler disassembler = new Tb_templateModelDisassembler(); + Tb_templateModel model = (Tb_templateModel) put(token,uri,jsonBody, new TypeReference() {}); + if (model != null) { + disassembler.copyToDomainObject(model, tb_template); + } + } + + public static void delete(String token, Tb_template tb_template) throws Exception { + String uri = getBase(token)+"/"+tb_template.getId(); + delete(token,uri); + } + + public static void deleteAll(String token, List listTb_template) throws Exception { + String uri = getBase(token) + "/excluirlista"; + Tb_templateInputAssembler assembler = new Tb_templateInputAssembler(); + List inputs = assembler.toCollectionIdInput(listTb_template); + String jsonBody = convertObjectToJson(inputs); + post(token,uri, jsonBody, new TypeReference() {}); + } + public static Tb_template getByPK(String token, Tb_template tb_template) throws Exception { + String uri = getBase(token) +"/"+ tb_template.getId(); + Tb_templateModelDisassembler disassembler = new Tb_templateModelDisassembler(); + Tb_templateModel model = (Tb_templateModel) get(token,uri, new TypeReference() {}); + if (model != null) { + Tb_template objeto = new Tb_template(); + disassembler.copyToDomainObject(model, objeto); + return objeto; + } + return null; + } + + public static Tb_template getByPKToString(String token, Tb_template tb_template) throws Exception { + String uri = getBase(token) +"/"+ tb_template.getId()+"/tostring"; + Tb_templateModelDisassembler disassembler = new Tb_templateModelDisassembler(); + Tb_templateModel model = (Tb_templateModel) get(token,uri, new TypeReference() {}); + if (model != null) { + Tb_template objeto = new Tb_template(); + disassembler.copyToDomainObject(model, objeto); + return objeto; + } + return null; + } + + public static List getAllByFiltro(String token, Tb_templateFiltro tb_templateFiltro) throws Exception { + tb_templateFiltro.setCount(false); + String uri = getBase(token)+"/filtrar"; + String jsonBody = convertObjectToJson(tb_templateFiltro); + Tb_templateModelDisassembler disassembler = new Tb_templateModelDisassembler(); + List list = (List) post(token,uri,jsonBody, new TypeReference>() {}); + List listTb_template = new ArrayList<>(); + if (list != null) { + for (Tb_templateModel model : list) { + Tb_template tb_template = new Tb_template(); + disassembler.copyToDomainObject(model, tb_template); + listTb_template.add(tb_template); + } + } + return listTb_template; + } + + public static Integer getCountByFiltro(String token, Tb_templateFiltro tb_templateFiltro) throws Exception { + tb_templateFiltro.setCount(true); + String uri = getBase(token)+"/filtrar/total"; + String jsonBody = convertObjectToJson(tb_templateFiltro); + Map resultMap = (Map) post(token,uri,jsonBody, new TypeReference>() {}); + return resultMap.get("total"); + } + +} + diff --git a/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/api/service/base/AgtemplateApiBase.java b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/api/service/base/AgtemplateApiBase.java new file mode 100644 index 0000000..b01edc0 --- /dev/null +++ b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/api/service/base/AgtemplateApiBase.java @@ -0,0 +1,10 @@ +package br.com.agapesistemas.agtemplate.agtemplate.api.service.base; + +import br.com.agapesistemas.agtemplate.service.BaseService; + +public class AgtemplateApiBase extends BaseService { + + protected static final String SCHEMA_URL = DOMINIO_SERVICE+"/agtemplate"; + +} + diff --git a/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/controller/Tb_templateController.java b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/controller/Tb_templateController.java new file mode 100644 index 0000000..f01f6fc --- /dev/null +++ b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/controller/Tb_templateController.java @@ -0,0 +1,123 @@ +package br.com.agapesistemas.agtemplate.agtemplate.controller; + +import br.com.agapesistemas.agtemplate.agtemplate.model.to.Tb_template; +import br.com.agapesistemas.agtemplate.agtemplate.filtro.Tb_templateFiltro; +import br.com.agapesistemas.agtemplate.agtemplate.exception.Tb_templateException; +import java.io.Serializable; +import br.com.agapesistemas.agtemplate.jdbc.TransactionManager; +import br.com.agapesistemas.agtemplate.agtemplate.model.dao.Tb_templateDAO; +import java.util.List; + +public class Tb_templateController implements Serializable { + + public static void insert(Tb_template tb_template) throws Exception { + try (TransactionManager transactionManager = new TransactionManager()) { + Tb_templateDAO.insert(tb_template,transactionManager.getConnection()); + transactionManager.commit(); + } catch (Exception ex) { + throw ex; + } + } + + public static void update(Tb_template tb_template) throws Exception { + try (TransactionManager transactionManager = new TransactionManager()) { + Tb_templateDAO.update(tb_template,transactionManager.getConnection()); + transactionManager.commit(); + } catch (Exception ex) { + throw ex; + } + } + + public static void delete(Tb_template tb_template) throws Exception { + try (TransactionManager transactionManager = new TransactionManager()) { + Tb_templateDAO.delete(tb_template,transactionManager.getConnection()); + transactionManager.commit(); + } catch (Exception ex) { + throw ex; + } + } + + public static void deleteAll(List listTb_template) throws Exception { + try (TransactionManager transactionManager = new TransactionManager()) { + for(Tb_template tb_template: listTb_template){ + Tb_templateDAO.delete(tb_template,transactionManager.getConnection()); + } + transactionManager.commit(); + } catch (Exception ex) { + throw ex; + } + } + + public static Tb_template getByPK(Tb_template tb_template) throws Exception { + try (TransactionManager transactionManager = new TransactionManager()) { + return Tb_templateDAO.getByPK(tb_template,transactionManager.getConnection()); + } catch (Exception e) { + throw e; + } + } + + public static Tb_template buscarOuFalhar(Integer id) throws Exception { + try (TransactionManager transactionManager = new TransactionManager()) { + Tb_template tb_template = Tb_templateDAO.getByPK(id,transactionManager.getConnection()); + if(tb_template == null){ + throw new Tb_templateException(Tb_template.MODULO+" não encontrado."); + } + return tb_template; + } catch (Exception e) { + throw e; + } + } + + public static Tb_template buscarOuFalharToString(Integer id) throws Exception { + try (TransactionManager transactionManager = new TransactionManager()) { + Tb_template tb_template = Tb_templateDAO.getByPKToString(id,transactionManager.getConnection()); + if(tb_template == null){ + throw new Tb_templateException(Tb_template.MODULO+" não encontrado."); + } + return tb_template; + } catch (Exception e) { + throw e; + } + } + + public static List getAll(String pesquisa) throws Exception { + try (TransactionManager transactionManager = new TransactionManager()) { + return Tb_templateDAO.getAll(pesquisa,transactionManager.getConnection()); + } catch (Exception e) { + throw e; + } + } + + public static List getAllToString(String pesquisa) throws Exception { + try (TransactionManager transactionManager = new TransactionManager()) { + return Tb_templateDAO.getAllToString(pesquisa,transactionManager.getConnection()); + } catch (Exception e) { + throw e; + } + } + + public static List getAllByFiltro(Tb_templateFiltro tb_templateFiltro) throws Exception { + try (TransactionManager transactionManager = new TransactionManager()) { + return Tb_templateDAO.getAllByFiltro(tb_templateFiltro,transactionManager.getConnection()); + } catch (Exception e) { + throw e; + } + } + + public static int getCountByFiltro(Tb_templateFiltro tb_templateFiltro) throws Exception { + try (TransactionManager transactionManager = new TransactionManager()) { + return Tb_templateDAO.getCountByFiltro(tb_templateFiltro,transactionManager.getConnection()); + } catch (Exception e) { + throw e; + } + } + + public static int getQtdCamposPreenchidos(Tb_template tb_template) throws Exception { + try (TransactionManager transactionManager = new TransactionManager()) { + return Tb_templateDAO.getQtdCamposPreenchidos(tb_template,transactionManager.getConnection()); + } catch (Exception e) { + throw e; + } + } + +} diff --git a/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/converter/Tb_templateConverter.java b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/converter/Tb_templateConverter.java new file mode 100644 index 0000000..809b510 --- /dev/null +++ b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/converter/Tb_templateConverter.java @@ -0,0 +1,39 @@ +package br.com.agapesistemas.agtemplate.agtemplate.converter; + +import br.com.agapesistemas.agtemplate.agtemplate.model.to.Tb_template; +import java.io.Serializable; +import java.util.logging.Level; +import java.util.logging.Logger; +import jakarta.faces.component.UIComponent; +import jakarta.faces.context.FacesContext; +import jakarta.faces.convert.Converter; +import jakarta.faces.convert.FacesConverter; +import br.com.agapesistemas.agtemplate.agtemplate.controller.Tb_templateController; + +@FacesConverter(value = "agtemplateTb_templateConverter") +public class Tb_templateConverter implements Converter,Serializable { + + @Override + public Object getAsObject(FacesContext fc, UIComponent uic, String string) { + return string; + } + + @Override + public String getAsString(FacesContext fc, UIComponent uic, Object o) { + if (o != null) { + Tb_template objeto = null; + try { + + if(objeto != null){ + return objeto.toString(); + } else { + return null; + } + } catch (Exception ex) { + Logger.getLogger(Tb_templateConverter.class.getName()).log(Level.SEVERE, null, ex); + } + return o.toString(); + } + return null; + } +} diff --git a/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/exception/Tb_templateException.java b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/exception/Tb_templateException.java new file mode 100644 index 0000000..15a6a9d --- /dev/null +++ b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/exception/Tb_templateException.java @@ -0,0 +1,48 @@ +package br.com.agapesistemas.agtemplate.agtemplate.exception; + +import java.util.HashMap; +import java.sql.SQLException; +import br.com.agapesistemas.agtemplate.exception.base.BaseException; +import br.com.agapesistemas.agtemplate.agtemplate.model.to.Tb_template; + + +public class Tb_templateException extends BaseException { + + private static HashMap chaves; + private Tb_template tb_template; + + public Tb_templateException(String msg) { + super(msg); + } + + public Tb_templateException(String msg, Tb_template tb_template) { + super((tb_template != null?" ("+tb_template.toString()+")":"")+msg); + } + + public Tb_template getTb_template() { + return tb_template; + } + + public String getNomeObjeto() { + if (tb_template != null){ + return "("+tb_template.toString()+")"; + } + return ""; + } + + public static String getErro(SQLException ex) { + if(ex != null){ + return getChaves().get(getKey("tb_template",ex)); + } + return null; + } + + private static synchronized HashMap getChaves(){ + if(chaves == null){ + chaves = new HashMap<>(); + chaves.put("tb_template.tb_template_pkey", Tb_template.MODULO+" já cadastrado."); + } + return chaves; + } + +} diff --git a/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/filter/AgtemplateFilter.java b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/filter/AgtemplateFilter.java new file mode 100644 index 0000000..fceec51 --- /dev/null +++ b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/filter/AgtemplateFilter.java @@ -0,0 +1,37 @@ +package br.com.agapesistemas.agtemplate.agtemplate.filter; + +import java.io.IOException; +import jakarta.servlet.Filter; +import jakarta.servlet.FilterChain; +import jakarta.servlet.FilterConfig; +import jakarta.servlet.ServletException; +import jakarta.servlet.ServletRequest; +import jakarta.servlet.ServletResponse; +import jakarta.servlet.http.HttpServletRequest; +import jakarta.servlet.http.HttpServletResponse; + +public class AgtemplateFilter implements Filter { + + @Override + public void destroy() { + // TODO Auto-generated method stub + } + + @Override + public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException { + //Usuario usuario = (Usuario) ((HttpServletRequest) request).getSession().getAttribute("usuarioSessao") + String usuario = ""; + if(usuario == null){ + String contextPath = ((HttpServletRequest) request).getContextPath(); + ((HttpServletResponse) response).sendRedirect(contextPath + "/"); + } else { + chain.doFilter(request, response); + } + } + + @Override + public void init(FilterConfig filterConfig) { + // TODO Auto-generated method stub + } + +} diff --git a/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/filtro/Filtro.java b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/filtro/Filtro.java new file mode 100644 index 0000000..1416399 --- /dev/null +++ b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/filtro/Filtro.java @@ -0,0 +1,88 @@ +package br.com.agapesistemas.agtemplate.agtemplate.filtro; + +import java.io.Serializable; +import java.util.List; +import java.util.ArrayList; +import java.util.HashMap; +import java.util.Map; + +public class Filtro implements Serializable { + private int primeiroRegitro = 0; + private int quantidadeRegitros = 10; + private boolean generica; + private boolean limit = true; + private boolean count; + private String pesquisaGenerica; + private List listFiltro = new ArrayList(); + private Map listColumnOrder = new HashMap<>(); + private Map listColumnFilter = new HashMap<>(); + + public Map getListColumnOrder() { + return listColumnOrder; + } + + public void setListColumnOrder(Map listColumnOrder) { + this.listColumnOrder = listColumnOrder; + } + + public Map getListColumnFilter() { + return listColumnFilter; + } + + public void setListColumnFilter(Map listColumnFilter) { + this.listColumnFilter = listColumnFilter; + } + + public int getPrimeiroRegitro() { + return primeiroRegitro; + } + + public void setPrimeiroRegitro(int primeiroRegitro) { + this.primeiroRegitro = primeiroRegitro; + } + + public int getQuantidadeRegitros() { + return quantidadeRegitros; + } + + public void setQuantidadeRegitros(int quantidadeRegitros) { + this.quantidadeRegitros = quantidadeRegitros; + } + + public List getListFiltro() { + return listFiltro; + } + + public void setListFiltro(List listFiltro) { + this.listFiltro = listFiltro; + } + public boolean isGenerica() { + return generica; + } + + public void setGenerica(boolean generica) { + this.generica = generica; + } + public boolean isCount() { + return count; + } + + public void setCount(boolean count) { + this.count = count; + } + public boolean isLimit() { + return limit; + } + + public void setLimit(boolean limit) { + this.limit = limit; + } + public String getPesquisaGenerica() { + return pesquisaGenerica; + } + + public void setPesquisaGenerica(String pesquisaGenerica) { + this.pesquisaGenerica = pesquisaGenerica; + } + +} diff --git a/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/filtro/Tb_templateFiltro.java b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/filtro/Tb_templateFiltro.java new file mode 100644 index 0000000..e3d37fd --- /dev/null +++ b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/filtro/Tb_templateFiltro.java @@ -0,0 +1,75 @@ +package br.com.agapesistemas.agtemplate.agtemplate.filtro; + +import java.math.BigDecimal; + +public class Tb_templateFiltro extends Filtro { + private Integer id; + private String nome; + + public Integer getId(){ + return id; + } + + public void setId(Integer id){ + this.id = id; + } + + public String getNome(){ + return nome; + } + + public void setNome(String nome){ + this.nome = nome; + } + + public String getSQL(String orderBy){ + StringBuilder sql = new StringBuilder(" where 1=1"); + getListFiltro().clear(); + if (isGenerica()) { + if (getPesquisaGenerica() != null && !getPesquisaGenerica().trim().equals("")) { + sql.append(" and (1=2"); + try{ + getListFiltro().add(Integer.parseInt(getPesquisaGenerica())); + sql.append(" or id = ?"); + }catch(NumberFormatException e){} + getListFiltro().add("%"+getPesquisaGenerica()+"%"); + sql.append(" or nome ilike ?"); + sql.append(")"); + } + }else{ + if(id != null){ + getListFiltro().add(id); + sql.append(" and id = ?"); + } + if(nome != null && !nome.trim().equals("")){ + getListFiltro().add("%"+nome+"%"); + sql.append(" and nome ilike ?"); + } + } + if (!isCount()){ + if (!isCount() && !getListColumnOrder().isEmpty()) { + sql.append(" order by "); + int i = 0; + for (String key : getListColumnOrder().keySet()) { + if (i > 0) { + sql.append(","); + } + sql.append(key); + boolean asc = getListColumnOrder().get(key); + if (asc) { + sql.append(" asc"); + } else { + sql.append(" desc"); + } + i++; } }else if(orderBy != null){ + sql.append(orderBy); + } + if(isLimit()){ + sql.append(" limit ").append(getQuantidadeRegitros()); + sql.append(" offset ").append(getPrimeiroRegitro()); + } + } + return sql.toString(); + } + +} diff --git a/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/model/dao/Tb_templateDAO.java b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/model/dao/Tb_templateDAO.java new file mode 100644 index 0000000..4305064 --- /dev/null +++ b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/model/dao/Tb_templateDAO.java @@ -0,0 +1,349 @@ +package br.com.agapesistemas.agtemplate.agtemplate.model.dao; + +import br.com.agapesistemas.agtemplate.agtemplate.model.to.Tb_template; +import br.com.agapesistemas.agtemplate.agtemplate.filtro.Tb_templateFiltro; +import br.com.agapesistemas.agtemplate.agtemplate.exception.Tb_templateException; +import java.io.Serializable; +import java.sql.*; +import java.util.List; +import java.util.ArrayList; + +public class Tb_templateDAO extends br.com.agapesistemas.agtemplate.model.dao.BaseDAO implements Serializable { + + private static final String SQL_QTD_CAMPOS_PREENCHIDOS = "select case when id is null then 0 else 1 end + case when nome is null then 0 else 1 end as total from agtemplate.tb_template where 1=1 and id = ?"; + private static final String TABELA = "agtemplate.tb_template"; + private static final String TABELA_CONSULTA = TABELA+ " t"; + public static final String CAMPOS_PK = "id"; + private static final String CAMPOS_SEM_PK_ANEXOS = "nome"; + private static final String CAMPOS_ANEXOS = ""; + private static final String CAMPOS_TO_STRING = "id"; + private static final String CAMPOS_COMPLETO_SEM_PK = CAMPOS_SEM_PK_ANEXOS + (!CAMPOS_ANEXOS.isEmpty() ? "," + CAMPOS_ANEXOS : ""); + private static final String CAMPOS_SEM_ANEXO = CAMPOS_PK + "," + CAMPOS_SEM_PK_ANEXOS; + private static final String CAMPOS_COMPLETO = CAMPOS_PK + "," + CAMPOS_SEM_PK_ANEXOS + (!CAMPOS_ANEXOS.isEmpty() ? "," + CAMPOS_ANEXOS : ""); + private static final String ORDERBY = " order by id"; + private static final String SQL_INSERT = "insert into "+TABELA+"(" + CAMPOS_COMPLETO + ") values ("+createPlaceHolderInsert(CAMPOS_COMPLETO)+")"; + private static final String SQL_UPDATE = "update "+TABELA+" set "+createPlaceHolderUpdate(CAMPOS_COMPLETO_SEM_PK)+" where id=? "; + private static final String SQL_DELETE = "delete from "+TABELA+" where id=? "; + private static final String SQL_SELECT = "select "+CAMPOS_SEM_ANEXO+" from "+TABELA_CONSULTA; + private static final String SQL_TOSTRING = "select "+CAMPOS_TO_STRING+" from "+TABELA_CONSULTA; + private static final String SQL_PK = "select "+CAMPOS_COMPLETO+" from "+TABELA_CONSULTA+" where id=? "; + private static final String SQL_TOSTRING_PK = "select "+CAMPOS_TO_STRING+" from "+TABELA_CONSULTA+" where id=? "; + private static final String SQL_COUNT = "select count(1) as total from "+TABELA_CONSULTA; + private static final String SQL_SEQUENCE = "select nextval('agtemplate.sq_agtemplate_tb_template') as valor"; + + public static Integer getNextCodigo(Connection con) throws Exception { + PreparedStatement pStmt = null; + ResultSet rs = null; + try { + pStmt = con.prepareStatement(SQL_SEQUENCE); + rs = pStmt.executeQuery(); + if(rs.next()){ + return rs.getInt("valor"); + } + return null; + + } catch (SQLException e) { + throw e; + } finally { + close(rs, pStmt); + } + } + + + + public static Integer getNextCodigo(String sequence, Connection con) throws Exception { + PreparedStatement pStmt = null; + ResultSet rs = null; + try { + String sql_sequence = "select nextval('agtemplate."+sequence+"') as valor "; + pStmt = con.prepareStatement(sql_sequence); + rs = pStmt.executeQuery(); + if(rs.next()){ + return rs.getInt("valor"); + } + return null; + + } catch (SQLException e) { + throw e; + } finally { + close(rs, pStmt); + } + } + + public static void insert(Tb_template tb_template, Connection con) throws Exception { + PreparedStatement pStmt = null; + try { + pStmt = con.prepareStatement((new StringBuilder(SQL_INSERT)).toString()); + int i = 1; +/* + pStmt.setObject(i++, tb_template.getId()); + pStmt.setObject(i++, tb_template.getNome()); +*/ + i = createPreparedStatement(i,pStmt, CAMPOS_COMPLETO, tb_template); + pStmt.execute(); + br.com.agapesistemas.agtemplate.model.dao.LogDAO.insertLog(tb_template, con); + } catch (SQLException ex) { + String msg = Tb_templateException.getErro(ex); + if(msg != null){ + throw new Tb_templateException(msg, tb_template); + } + throw ex; + } finally { + close(null, pStmt); + } + } + + public static void update(Tb_template tb_template, Connection con) throws Exception { + PreparedStatement pStmt = null; + try { + pStmt = con.prepareStatement((new StringBuilder(SQL_UPDATE)).toString()); + int i = 1; +/* + pStmt.setObject(i++, tb_template.getNome()); + pStmt.setObject(i++, tb_template.getId()); +*/ + i = createPreparedStatement(i,pStmt, CAMPOS_COMPLETO_SEM_PK, tb_template); + createPreparedStatement(i,pStmt, CAMPOS_PK, tb_template); + pStmt.execute(); + br.com.agapesistemas.agtemplate.model.dao.LogDAO.updateLog(tb_template, con); + } catch (SQLException ex) { + String msg = Tb_templateException.getErro(ex); + if(msg != null){ + throw new Tb_templateException(msg, tb_template); + } + throw ex; + } finally { + close(null, pStmt); + } + } + + public static void delete(Tb_template tb_template, Connection con) throws Exception { + PreparedStatement pStmt = null; + try { + pStmt = con.prepareStatement((new StringBuilder(SQL_DELETE)).toString()); + int i = 1; +/* + pStmt.setObject(i++, tb_template.getId()); +*/ + createPreparedStatement(i,pStmt, CAMPOS_PK, tb_template); + pStmt.execute(); + br.com.agapesistemas.agtemplate.model.dao.LogDAO.deleteLog(tb_template, con); + } catch (SQLException ex) { + String msg = Tb_templateException.getErro(ex); + if(msg != null){ + throw new Tb_templateException(msg, tb_template); + } + throw ex; + } finally { + close(null, pStmt); + } + } + + private static List resultSetToObjectTransfer(ResultSet rs, boolean completo, Connection con) throws Exception { + List objs = new ArrayList<>(); + while (rs.next()) { + Tb_template tb_template = new Tb_template(); + resultSetPreencher(rs, tb_template); + if(completo){ + setObjetos(tb_template,con); + } + objs.add(tb_template); + } + return objs; + } + + private static Tb_template resultSetToObject(ResultSet rs, boolean completo, Connection con) throws Exception { + if (rs.next()) { + Tb_template tb_template = new Tb_template(); + resultSetPreencher(rs, tb_template); + if(completo){ + setObjetos(tb_template,con); + } + return tb_template; + } + return null; + } + private static List resultSetToObjectTransferToString(ResultSet rs, boolean completo, Connection con) throws Exception { + List objs = new ArrayList<>(); + while (rs.next()) { + Tb_template tb_template = new Tb_template(); + + resultSetPreencher(rs, tb_template); + objs.add(tb_template); + } + return objs; + } + + private static Tb_template resultSetToObjectToString(ResultSet rs, boolean completo, Connection con) throws Exception { + if (rs.next()) { + Tb_template tb_template = new Tb_template(); + resultSetPreencher(rs, tb_template); + return tb_template; + } + return null; + } + private static void resultSetPreencher(ResultSet rs, Tb_template tb_template) throws Exception { + preencherObjeto(rs, tb_template); + /* + tb_template.setId((Integer)rs.getObject("id")); + tb_template.setNome(rs.getString("nome")); + */ + + + } + + public static void setObjetos(Tb_template tb_template, Connection con) throws Exception { + } + + public static Tb_template getByPK(Tb_template tb_template, Connection con) throws Exception { + PreparedStatement pStmt = null; + ResultSet rs = null; + try { + pStmt = con.prepareStatement((new StringBuilder(SQL_PK)).append(ORDERBY).toString()); + int i = 1; + createPreparedStatement(i,pStmt, CAMPOS_PK, tb_template); + rs = pStmt.executeQuery(); + return resultSetToObject(rs,false,con); + + } catch (SQLException e) { + throw e; + } finally { + close(rs, pStmt); + } + } + + public static Tb_template getByPK(Integer id, Connection con) throws Exception { + PreparedStatement pStmt = null; + ResultSet rs = null; + try { + pStmt = con.prepareStatement((new StringBuilder(SQL_PK)).append(ORDERBY).toString()); + int i = 1; + + pStmt.setObject(i++, id); + rs = pStmt.executeQuery(); + return resultSetToObjectToString(rs,true,con); + + } catch (SQLException e) { + throw e; + } finally { + close(rs, pStmt); + } + } + + public static Tb_template getByPKToString(Integer id, Connection con) throws Exception { + PreparedStatement pStmt = null; + ResultSet rs = null; + try { + pStmt = con.prepareStatement((new StringBuilder(SQL_TOSTRING_PK)).append(ORDERBY).toString()); + int i = 1; + + pStmt.setObject(i++, id); + rs = pStmt.executeQuery(); + return resultSetToObjectToString(rs,true,con); + + } catch (SQLException e) { + throw e; + } finally { + close(rs, pStmt); + } + } + + public static List getAll(String pesquisa, Connection con) throws Exception { + PreparedStatement pStmt = null; + ResultSet rs = null; + try { + pStmt = con.prepareStatement((new StringBuilder(SQL_SELECT)).append(ORDERBY).toString()); + int i = 1; + + rs = pStmt.executeQuery(); + return resultSetToObjectTransfer(rs,true,con); + + } catch (SQLException e) { + throw e; + } finally { + close(rs, pStmt); + } + } + + public static List getAllToString(String pesquisa, Connection con) throws Exception { + PreparedStatement pStmt = null; + ResultSet rs = null; + try { + pStmt = con.prepareStatement((new StringBuilder(SQL_TOSTRING)).append(ORDERBY).toString()); + int i = 1; + + rs = pStmt.executeQuery(); + return resultSetToObjectTransferToString(rs,true,con); + + } catch (SQLException e) { + throw e; + } finally { + close(rs, pStmt); + } + } + + public static List getAllByFiltro(Tb_templateFiltro tb_templateFiltro, Connection con) throws Exception { + tb_templateFiltro.setCount(false); + PreparedStatement pStmt = null; + ResultSet rs = null; + try { + pStmt = con.prepareStatement((new StringBuilder(SQL_SELECT)).append(tb_templateFiltro.getSQL(ORDERBY)).toString()); + int i = 1; + for(Object object : tb_templateFiltro.getListFiltro()){ + pStmt.setObject(i++, object); + } + rs = pStmt.executeQuery(); + return resultSetToObjectTransfer(rs,false,con); + + } catch (SQLException e) { + throw e; + } finally { + close(rs, pStmt); + } + } + + public static int getCountByFiltro(Tb_templateFiltro tb_templateFiltro, Connection con) throws Exception { + tb_templateFiltro.setCount(true); + PreparedStatement pStmt = null; + ResultSet rs = null; + try { + tb_templateFiltro.getListColumnOrder().clear(); + tb_templateFiltro.getListColumnFilter().clear(); + pStmt = con.prepareStatement((new StringBuilder(SQL_COUNT)).append(tb_templateFiltro.getSQL(null)).toString()); + int i = 1; + for(Object object : tb_templateFiltro.getListFiltro()){ + pStmt.setObject(i++, object); + } + rs = pStmt.executeQuery(); + if(rs.next()){ + return ((Number) rs.getObject("total")).intValue(); + } + return 0; + } catch (SQLException e) { + throw e; + } finally { + close(rs, pStmt); + } + } + + public static int getQtdCamposPreenchidos(Tb_template tb_template, Connection con) throws Exception { + PreparedStatement pStmt = null; + ResultSet rs = null; + try { + pStmt = con.prepareStatement(SQL_QTD_CAMPOS_PREENCHIDOS); + int i = 1; + pStmt.setObject(i++,tb_template.getId()); + rs = pStmt.executeQuery(); + if(rs.next()){ + return rs.getInt("total"); + } + return 0; + + } catch (SQLException e) { + throw e; + } finally { + close(rs, pStmt); + } + } + +} diff --git a/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/model/to/Tb_template.java b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/model/to/Tb_template.java new file mode 100644 index 0000000..013b255 --- /dev/null +++ b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/model/to/Tb_template.java @@ -0,0 +1,80 @@ +package br.com.agapesistemas.agtemplate.agtemplate.model.to; + +import java.io.Serializable; +import java.util.HashMap; +import br.com.agapesistemas.agtemplate.agtemplate.controller.Tb_templateController; + +public class Tb_template extends br.com.agapesistemas.agtemplate.model.to.Log implements Cloneable, Serializable { + public static final int TOTAL_CAMPOS = 2; + public static final String SISTEMA = "Agtemplate"; + public static final String MODULO = "Tb_template"; + private Integer id; + private String nome; + + public Tb_template(){ + super.setSistemaLog(SISTEMA); + super.setModuloLog(MODULO); + } + + public Integer getId(){ + return id; + } + + public void setId(Integer id){ + this.id = id; + } + + public String getNome(){ + return nome; + } + + public void setNome(String nome){ + this.nome = nome; + } + + @Override + public String getLog(){ + return "id: "+ getId() + " / nome: "+ getNome(); + } + + @Override + public String toString(){ + return super.toString(); + } + + @Override + public boolean equals(Object obj) { + if (obj == null) { + return false; + } + if (getClass() != obj.getClass()) { + return false; + } + final Tb_template other = (Tb_template) obj; + if ( this.id != other.id && (this.id == null || !this.id.equals(other.id))) { + return false; + } + return true; + } + + @Override + public int hashCode() { + int hash = 3; + + return hash; + } + public Tb_template clonar() throws CloneNotSupportedException { + Tb_template tb_template = (Tb_template)super.clone(); + tb_template.setId(null); + return tb_template; + } + + public int getQtdCamposPreenchidos() throws Exception{ + return Tb_templateController.getQtdCamposPreenchidos(this); + } + + public double getPercCamposPreenchidos() throws Exception{ + return (((double)getQtdCamposPreenchidos())*100)/TOTAL_CAMPOS; + } + +} diff --git a/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/view/Tb_templateBean.java b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/view/Tb_templateBean.java new file mode 100644 index 0000000..c051ca0 --- /dev/null +++ b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/view/Tb_templateBean.java @@ -0,0 +1,302 @@ +package br.com.agapesistemas.agtemplate.agtemplate.view; + +import java.io.Serializable; +import java.util.Map; +import org.primefaces.model.LazyDataModel; +import org.primefaces.model.FilterMeta; +import org.primefaces.model.SortMeta; +import org.primefaces.model.SortOrder; +import java.util.Collection; +import java.io.IOException; +import br.com.agapesistemas.agtemplate.agtemplate.view.base.BaseBean; +import br.com.agapesistemas.agtemplate.agtemplate.model.to.Tb_template; +import br.com.agapesistemas.agtemplate.agtemplate.filtro.Tb_templateFiltro; +import br.com.agapesistemas.agtemplate.agtemplate.controller.Tb_templateController; +import br.com.agapesistemas.agtemplate.agtemplate.api.service.Tb_templateService; +import br.com.agapesistemas.agtemplate.agtemplate.exception.Tb_templateException; +import java.util.List; +import java.util.ArrayList; +import java.util.logging.Level; +import java.util.logging.Logger; +import jakarta.faces.event.ActionEvent; +import jakarta.inject.Named; +import jakarta.faces.view.ViewScoped; +import org.primefaces.event.ToggleEvent; +import org.primefaces.model.Visibility; + +@ViewScoped +@Named("agtemplateTb_templateBean") +public class Tb_templateBean extends BaseBean implements Serializable { + + private static final String PAGINA = "/agtemplate/Tb_template.xhtml"; + private Tb_template tb_template = new Tb_template(); + private Tb_templateFiltro tb_templateFiltro = new Tb_templateFiltro(); + private List listTb_template; + private List selectedTb_template; + private LazyDataModel model; + + public Tb_templateBean(){ + if(isPaginaTb_template()){ + clickPesquisarByFiltro(); + } + } + public boolean isPaginaTb_template() { + return getPaginaAcesso().contains(PAGINA); + } + + public Tb_template getTb_template() { + return tb_template; + } + + public void setTb_template(Tb_template tb_template) { + this.tb_template = tb_template; + } + + public Tb_templateFiltro getTb_templateFiltro() { + return tb_templateFiltro; + } + + public void setTb_templateFiltro(Tb_templateFiltro tb_templateFiltro) { + this.tb_templateFiltro = tb_templateFiltro; + } + + public List getListTb_template() { + return listTb_template; + } + + public void setListTb_template(List listTb_template) { + this.listTb_template = listTb_template; + } + + public List getSelectedTb_template() { + return selectedTb_template; + } + + public void setSelectedTb_template(List selectedTb_template) { + this.selectedTb_template = selectedTb_template; + } + + public LazyDataModel getModel() { + return model; + } + + public void clickClonar(Tb_template tb_template){ + setTb_template(tb_template); + try { + setTb_template(getTb_template().clonar()); + setNovo(true); + } catch (CloneNotSupportedException ex) { + setAlerta(this, ex, AlertaEnum.ERRO); + } + } + + public void clickNovo() { + if(!isNovo()){ + resetInput(); + setTb_template(new Tb_template()); + setNovo(true); + } + } + + public void clickSalvar() { + try { + + if (isNovo()) { + clickInsert(); + }else if (isAlterar()) { + clickUpdate(); + } + } catch (Exception ex) { + setAlerta(this, ex, AlertaEnum.ERRO); + } + } + + public void clickCancelar() { + setAlterar(true); + resetInput(); + } + + public void clickAlterar(Tb_template tb_template){ + setTb_template(tb_template); + setAlterar(true); + resetInput(); + } + + public void clickDeletar(Tb_template tb_template){ + setTb_template(tb_template); + setDeletar(true); + } + + public void clickSelecionar(Tb_template tb_template){ + setTb_template(tb_template); + setSelecionar(true); + } + + public void clickConsultar() { + setConsultar(true); + } + + public void clickAdicionar(ActionEvent e) { + setAdicionar(true); + } + + public void clickInsert() { + try { + Tb_templateController.insert(tb_template); + setNovo(false); + setTotalPesquisa(getTotalPesquisa()+1); + if(getListTb_template() == null){ + setListTb_template(new ArrayList()); + } + getListTb_template().add(0,tb_template); + clickNovo(); + inicializaLazyDataModel(); + setAlerta(Tb_template.MODULO+" inserido(a) com sucesso.",AlertaEnum.INFO.getAlerta()); + } catch (Exception ex) { + setAlerta(this, ex, AlertaEnum.ERRO); + } + } + + public void clickUpdate() { + try { + Tb_templateController.update(tb_template); + setAlerta(Tb_template.MODULO+" atualizado(a) com sucesso.",AlertaEnum.INFO.getAlerta()); + } catch (Exception ex) { + setAlerta(this, ex, AlertaEnum.ERRO); + } + } + + public void clickDelete() { + try { + Tb_templateController.delete(tb_template); + getListTb_template().remove(tb_template); + setAlerta(Tb_template.MODULO+" removido(a) com sucesso.",AlertaEnum.INFO.getAlerta()); + } catch (Exception ex) { + setAlerta(this, ex, AlertaEnum.ERRO); + } + } + + public void clickPesquisar() { + try { + tb_templateFiltro.setGenerica(true); + tb_templateFiltro.setPesquisaGenerica(getPesquisa()); + carregaTotalPesquisa(); + inicializaLazyDataModel(); + + } catch (Exception ex) { + setAlerta(this, ex, AlertaEnum.ERRO); + } + } + + public void clickPesquisarByFiltro() { + try { + tb_templateFiltro.setGenerica(false); + carregaTotalPesquisa(); + inicializaLazyDataModel(); + + } catch (Exception ex) { + setAlerta(this, ex, AlertaEnum.ERRO); + } + } + + private void carregaTotalPesquisa() throws Exception{ + setTotalPesquisa(Tb_templateController.getCountByFiltro(tb_templateFiltro)); + mensagemConsulta(); + } + + private void inicializaLazyDataModel() { + getDataTable().setFirst(0); + if (model == null) { + model = new LazyDataModel() { + @Override + public String getRowKey(Tb_template tb_template) { + return tb_template.getId().toString(); + } + @Override + public Tb_template getRowData(String rowKey) { + Tb_template row = getListTb_template().stream() + .filter(tb_template -> rowKey.equals(tb_template.getId().toString())) + .findAny() + .orElse(null); + return row; + } + @Override + public List load(int offset, int pageSize, Map sortBy, Map filterBy) { + if (getTotalPesquisa() < 0) { + setRowCount(getRowCount() + 1); + } + try { + if (!isPossuiErro() && getTotalPesquisa() >= 0) { + tb_templateFiltro.setPrimeiroRegitro(offset); + tb_templateFiltro.setQuantidadeRegitros(pageSize); + Collection filtrosSortOrder = sortBy.values(); + tb_templateFiltro.getListColumnOrder().clear(); + for(SortMeta f : filtrosSortOrder){ + tb_templateFiltro.getListColumnOrder().put(f.getField(), SortOrder.ASCENDING.equals(f.getOrder())); + } + setRowCount(getTotalPesquisa()); + setListTb_template(Tb_templateController.getAllByFiltro(tb_templateFiltro)); + } + return getListTb_template(); + } catch (Exception ex) { + setAlerta(this, ex, AlertaEnum.ERRO); + } + return null; + } + + @Override + public int count(Map map) { + return getTotalPesquisa(); + } + }; + } + } + + public void clickLimparPesquisa() { + setPesquisa(null); + setListTb_template(null); + } + + public void clickLimparFiltro() { + tb_templateFiltro = new Tb_templateFiltro(); + } + + @Override + public String getTituloModal() { + return super.getTituloModal()+" "+Tb_template.MODULO; + } + + public void onRowToggle(ToggleEvent event) { + if (event.getVisibility() == Visibility.VISIBLE) { + Tb_template tb_template = (Tb_template) event.getData(); + if (tb_template != null) { + //CARREGA ALGO + } + } + } + + public String getDeleteButtonMessage() { + if (hasSelectedTb_template()) { + int size = this.selectedTb_template.size(); + return size > 1 ? size + " tb_templates selecionadas(os)" : "1 tb_template selecionada(o)"; + } + return "Remover"; + } + + public boolean hasSelectedTb_template() { + return this.selectedTb_template != null && !this.selectedTb_template.isEmpty(); + } + + public void deleteSelectedTb_template() { + try { + + Tb_templateController.deleteAll(this.selectedTb_template); + this.selectedTb_template.clear(); + setAlerta(Tb_template.MODULO+"(s) removidas(os) com sucesso.",AlertaEnum.INFO.getAlerta()); + + } catch (Exception ex) { + setAlerta(this, ex, AlertaEnum.ERRO); + } + } + +} diff --git a/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/view/base/BaseBean.java b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/view/base/BaseBean.java new file mode 100644 index 0000000..88bad0e --- /dev/null +++ b/src/main/java/br/com/agapesistemas/agtemplate/agtemplate/view/base/BaseBean.java @@ -0,0 +1,191 @@ +package br.com.agapesistemas.agtemplate.agtemplate.view.base; + +import java.io.Serializable; +import br.com.agapesistemas.agtemplate.util.Utils; +import br.com.agapesistemas.agtemplate.exception.base.BaseException; +import java.util.logging.Level; +import java.util.logging.Logger; +import org.primefaces.component.datatable.DataTable; + +public class BaseBean extends Utils implements Serializable { + + private boolean alterar; + private boolean deletar; + private boolean novo; + private boolean selecionar; + private boolean consultar; + private boolean adicionar; + private boolean menuDataTableDynamic = true; + private String pesquisa; + private int alturaModal = 400; + private int larguraModal = 600; + private int zindexModal = 101; + private int totalPesquisa = 0; + private transient DataTable dataTable = new DataTable(); + + public boolean isMenuDataTableDynamic(){ + return menuDataTableDynamic; + } + + public DataTable getDataTable(){ + return dataTable; + } + + public void setDataTable(DataTable dataTable) { + this.dataTable = dataTable; + } + + public int getTotalPesquisa() { + return totalPesquisa; + } + + public void setTotalPesquisa(int totalPesquisa) { + this.totalPesquisa = totalPesquisa; + } + + public boolean isAchouPesquisa(){ + return getTotalPesquisa() != 0; + } + + public boolean isNovoAlterar(){ + if(isNovo() || isAlterar()){ + return true; + } + return false; + } + + public boolean isAlterar(){ + return alterar; + } + + public void setAlterar(boolean alterar) { + iniciarVariaveis(); + this.alterar = alterar; + } + + public boolean isDeletar(){ + return deletar; + } + + public void setDeletar(boolean deletar) { + iniciarVariaveis(); + this.deletar = deletar; + } + + public boolean isNovo(){ + return novo; + } + + public void setNovo(boolean novo) { + iniciarVariaveis(); + this.novo = novo; + } + + public boolean isSelecionar(){ + return selecionar; + } + + public void setSelecionar(boolean selecionar) { + iniciarVariaveis(); + this.selecionar = selecionar; + } + + public boolean isConsultar(){ + return consultar; + } + + public void setConsultar(boolean consultar) { + this.consultar = consultar; + } + + public boolean isAdicionar(){ + return adicionar; + } + + public void setAdicionar(boolean adicionar) { + this.adicionar = adicionar; + } + + private void iniciarVariaveis() { + this.alterar = false; + this.deletar = false; + this.novo = false; + this.selecionar = false; + //this.consultar = false; + this.adicionar = false; + } + + public String getPesquisa(){ + return pesquisa; + } + + public void setPesquisa(String pesquisa){ + this.pesquisa = pesquisa; + } + + public int getAlturaModal(){ + return alturaModal; + } + + public void setAlturaModal(int alturaModal){ + this.alturaModal = alturaModal; + } + + public int getLarguraModal(){ + return larguraModal; + } + + public void setLarguraModal(int larguraModal){ + this.larguraModal = larguraModal; + } + + public int getZindexModal(){ + return zindexModal; + } + + public void setZindexModal(int zindexModal){ + this.zindexModal = zindexModal; + } + + public String getTituloModal(){ + if(isAlterar()){ + return "Alterar"; + }else if(isNovo()){ + return "Novo(a)"; + }else if(isDeletar()){ + return "Excluir"; + }else if(isConsultar()){ + return "Consultar"; + } + return ""; + } + + protected void mensagemConsulta() { + if (!isAchouPesquisa()) { + setAlerta("Nenhum registro encontrado.", OBSERVACAO); + } else { + setAlerta("Encontrado(s) " + getTotalPesquisa() + " registro(s).", INFO); + } + } + + public enum AlertaEnum { + ERRO('E'),INFO('I'),OBSERVACAO('O'),FATAL('F'); + private char alerta; + + AlertaEnum(char alerta) { + this.alerta = alerta; + } + + public char getAlerta(){ + return alerta; + } + } + + protected void setAlerta(Object object, Exception ex, AlertaEnum alerta) { + setAlerta(ex.getMessage(),alerta == null ? AlertaEnum.ERRO.getAlerta() : alerta.getAlerta()); + if(!(ex instanceof BaseException)){ + Logger.getLogger(object.getClass().getName()).log(Level.SEVERE, null, ex); + } + } + +} diff --git a/src/main/java/br/com/agapesistemas/agtemplate/converter/BooleanConverter.java b/src/main/java/br/com/agapesistemas/agtemplate/converter/BooleanConverter.java new file mode 100644 index 0000000..e5c6916 --- /dev/null +++ b/src/main/java/br/com/agapesistemas/agtemplate/converter/BooleanConverter.java @@ -0,0 +1,30 @@ +package br.com.agapesistemas.agtemplate.converter; + +import java.io.Serializable; +import jakarta.faces.component.UIComponent; +import jakarta.faces.context.FacesContext; +import jakarta.faces.convert.Converter; +import jakarta.faces.convert.FacesConverter; + +@FacesConverter(value = "booleanConverter") +public class BooleanConverter implements Converter, Serializable { + + @Override + public Object getAsObject(FacesContext fc, UIComponent uic, String string) { + return string; + } + + @Override + public String getAsString(FacesContext fc, UIComponent uic, Object o) { + if (o != null) { + boolean objeto = (Boolean)o; + if (objeto) { + return "Sim"; + }else{ + return "Não"; + } + } + return null; + } + +} diff --git a/src/main/java/br/com/agapesistemas/agtemplate/exception/base/BaseException.java b/src/main/java/br/com/agapesistemas/agtemplate/exception/base/BaseException.java new file mode 100644 index 0000000..b22631a --- /dev/null +++ b/src/main/java/br/com/agapesistemas/agtemplate/exception/base/BaseException.java @@ -0,0 +1,35 @@ +package br.com.agapesistemas.agtemplate.exception.base; + + import java.sql.SQLException; + +public class BaseException extends Exception { + + public BaseException(String msg) { + super(msg); + } + + public static String getKey(String tabela, SQLException ex) { + String codigoErro = ex.getSQLState(); + if(codigoErro.equals("23503") || codigoErro.equals("23505")){ + String msg = ex.getMessage(); + String key = null,erro = null, fk = null, origem=null; + if(codigoErro.equals("23503")){ + erro = msg.substring(0, msg.indexOf("Detalhe:")).trim(); + erro = erro.substring(0,erro.lastIndexOf("\"")); + tabela = erro.substring(erro.lastIndexOf("\"")+1); + erro = erro.substring(0,erro.lastIndexOf("\"")); + erro = erro.substring(0,erro.lastIndexOf("\"")); + key = erro.substring(erro.lastIndexOf("\"")+1); + erro = erro.substring(0,erro.lastIndexOf("\"")); + erro = erro.substring(0,erro.lastIndexOf("\"")); + origem = erro.substring(erro.lastIndexOf("\"")+1); + }else if(codigoErro.equals("23505")){ + key = msg.substring(msg.indexOf("\"")+1,msg.lastIndexOf("\"")); + } + if(key != null && tabela != null){ + return tabela+"."+key; + } + } + return null; + } +} diff --git a/src/main/java/br/com/agapesistemas/agtemplate/jdbc/ConnectionFactory.java b/src/main/java/br/com/agapesistemas/agtemplate/jdbc/ConnectionFactory.java new file mode 100644 index 0000000..b15f7c8 --- /dev/null +++ b/src/main/java/br/com/agapesistemas/agtemplate/jdbc/ConnectionFactory.java @@ -0,0 +1,42 @@ +package br.com.agapesistemas.agtemplate.jdbc; + +import java.sql.Connection; +import java.sql.DriverManager; +import java.sql.SQLException; +import javax.naming.Context; +import javax.naming.InitialContext; +import javax.naming.NamingException; +import javax.sql.DataSource; + +public class ConnectionFactory { + private static boolean poll; + + public static Connection getConnection() throws Exception{ + if(poll){ + return getConnectionPool(); + }else{ + return getConnectionDrive(); + } + } + + public static Connection getConnectionDrive() throws SQLException{ + try{ + Class.forName("org.postgresql.Driver"); + return DriverManager.getConnection("jdbc:postgresql://localhost:5432/agtemplate","postgres","postgres"); + }catch (ClassNotFoundException e){ + throw new SQLException(e.getMessage()); + } + } + + public static Connection getConnectionPool() throws SQLException{ + try{ + InitialContext initCtx = new InitialContext(); + Context envCtx = (Context) initCtx.lookup("java:comp/env"); + DataSource ds = (DataSource)envCtx.lookup("jdbc/agtemplate"); + return ds.getConnection(); + }catch (NamingException e){ + throw new SQLException(e.getMessage()); + } + } + +} diff --git a/src/main/java/br/com/agapesistemas/agtemplate/jdbc/TransactionManager.java b/src/main/java/br/com/agapesistemas/agtemplate/jdbc/TransactionManager.java new file mode 100644 index 0000000..bd7310b --- /dev/null +++ b/src/main/java/br/com/agapesistemas/agtemplate/jdbc/TransactionManager.java @@ -0,0 +1,35 @@ +package br.com.agapesistemas.agtemplate.jdbc; + +import java.sql.Connection; +import java.sql.SQLException; + +public class TransactionManager implements AutoCloseable { + private Connection con; + + public TransactionManager() throws Exception { + this.con = ConnectionFactory.getConnection(); + this.con.setAutoCommit(false); + } + + public Connection getConnection() { + return con; + } + + public void commit() throws SQLException { + con.commit(); + } + + public void rollback() throws SQLException { + if (con != null) { + con.rollback(); + } + } + + @Override + public void close() throws SQLException { + if (con != null) { + con.close(); + } + } + +} diff --git a/src/main/java/br/com/agapesistemas/agtemplate/model/dao/BaseDAO.java b/src/main/java/br/com/agapesistemas/agtemplate/model/dao/BaseDAO.java new file mode 100644 index 0000000..903cdd1 --- /dev/null +++ b/src/main/java/br/com/agapesistemas/agtemplate/model/dao/BaseDAO.java @@ -0,0 +1,149 @@ +package br.com.agapesistemas.agtemplate.model.dao; + +import java.io.Serializable; +import java.lang.reflect.Field; +import java.lang.reflect.Method; +import java.lang.reflect.InvocationTargetException; +import java.sql.*;import java.util.ArrayList; +import java.util.List; + + +public class BaseDAO implements Serializable { + + + public static boolean isExisteColuna(ResultSet resultSet, String columnName) throws SQLException { + // Obtendo o metadata do ResultSet + ResultSetMetaData metaData = resultSet.getMetaData(); + // Obtendo o número total de colunas + int columnCount = metaData.getColumnCount(); + // Verificando se a coluna está presente no ResultSet + boolean columnExists = false; + for (int i = 1; i <= columnCount; i++) { + if (columnName.equalsIgnoreCase(metaData.getColumnName(i))) { + columnExists = true; + break; + } + } + return columnExists; + } + public static T preencherObjeto(ResultSet resultSet, T objeto) throws SQLException { + Class classeObjeto = objeto.getClass(); + Field[] campos = classeObjeto.getDeclaredFields(); + for (Field campo : campos) { + campo.setAccessible(true); + String nomeCampo = campo.getName(); + if (isExisteColuna(resultSet, nomeCampo)) { + Object valorCampo = resultSet.getObject(nomeCampo); + try { + campo.set(objeto, valorCampo); + } catch (IllegalAccessException e) { + // Tratar exceção de acesso ilegal aqui + //e.printStackTrace(); + } + } + } + return objeto; + } + + + public static int createPreparedStatement(int pos, PreparedStatement ps, String campos, T objeto) throws SQLException, NoSuchFieldException, IllegalArgumentException, IllegalAccessException, InvocationTargetException { + // Dividir a string usando a vírgula como delimitador e remover os espaços em branco + String[] valueArray = campos.split(","); + for (int i = 0; i < valueArray.length; i++) { + valueArray[i] = valueArray[i].trim(); // Remove os espaços em branco + } + return createPreparedStatement(pos, ps, valueArray, objeto); + } + + public static int createPreparedStatement(int pos, PreparedStatement ps, String[] campos, T objeto) throws SQLException, NoSuchFieldException, IllegalArgumentException, IllegalAccessException, InvocationTargetException { + Class classeObjeto = objeto.getClass(); + for (String nomeCampo : campos) { + // Obter o campo da classe + Field field = classeObjeto.getDeclaredField(nomeCampo.trim()); + // Tornar o campo acessível (pode ser privado) + field.setAccessible(true); + // Tentar obter o método getter usando a convenção padrão + String nomeMetodo = "get" + Character.toUpperCase(nomeCampo.charAt(0)) + nomeCampo.substring(1); + Method getter = null; + Object value = null; + try { + getter = classeObjeto.getMethod(nomeMetodo); + } catch (NoSuchMethodException e) { + // Se não encontrar, tentar usando a convenção com "_" + nomeMetodo = "get" + formatarNomeCampo(nomeCampo); + try { + getter = classeObjeto.getMethod(nomeMetodo); + } catch (NoSuchMethodException e2) { + // Obter o valor da variável no objeto + value = field.get(objeto); + } + } + // Obter o valor da variável no objeto usando o método getter + if(getter != null){ + value = getter.invoke(objeto); + } + // Verificar o tipo do campo e converter se necessário + if (value instanceof java.sql.Timestamp) { + ps.setTimestamp(pos++, (value == null) ? null : (java.sql.Timestamp) value); + } else if (value instanceof java.util.Date) { + // Se for java.util.Date, converte para java.sql.Date + ps.setDate(pos++, (value == null) ? null : new Date(((java.util.Date) value).getTime())); + } else { + // Caso padrão, define o valor diretamente (tratando o valor nulo) + ps.setObject(pos++, value); + } + } + return pos; + } + + private static String formatarNomeCampo(String nomeCampo) { + String[] partes = nomeCampo.split("_"); + StringBuilder sb = new StringBuilder(); + for (String parte : partes) { + if (!parte.isEmpty()) { + sb.append(Character.toUpperCase(parte.charAt(0))); + if (parte.length() > 1) { + sb.append(parte.substring(1)); + } + } + } + return sb.toString(); + } + + public static String createPlaceHolderInsert(String campos){ + String[] valueArray = campos.split(","); + return createPlaceHolderInsert(valueArray); + } + + public static String createPlaceHolderInsert(String[] campos){ + List value = new ArrayList<>(); + for (int i = 0; i < campos.length; i++) { + value.add("?"); + } + return String.join(",", value); + } + + public static String createPlaceHolderUpdate(String campos){ + String[] valueArray = campos.split(","); + return createPlaceHolderUpdate(valueArray); + } + + public static String createPlaceHolderUpdate(String[] campos){ + List value = new ArrayList<>(); + for (int i = 0; i < campos.length; i++) { + value.add(campos[i].trim()+"=?"); + } + return String.join(",", value); + } + public static void close(ResultSet rs, PreparedStatement pStmt) throws Exception{ + try { + if (rs != null) + rs.close(); + if (pStmt != null) + pStmt.close(); + } catch (SQLException e) { + throw e; + } + } + +} diff --git a/src/main/java/br/com/agapesistemas/agtemplate/model/dao/LogDAO.java b/src/main/java/br/com/agapesistemas/agtemplate/model/dao/LogDAO.java new file mode 100644 index 0000000..ce106a3 --- /dev/null +++ b/src/main/java/br/com/agapesistemas/agtemplate/model/dao/LogDAO.java @@ -0,0 +1,22 @@ +package br.com.agapesistemas.agtemplate.model.dao; + +import java.io.Serializable; +import br.com.agapesistemas.agtemplate.model.to.Log; +import java.sql.Connection; + +public class LogDAO implements Serializable { + + + public static void insertLog(Log log, Connection con) throws Exception{ + //TODO + } + + public static void updateLog(Log log, Connection con) throws Exception{ + //TODO + } + + public static void deleteLog(Log log, Connection con) throws Exception{ + //TODO + } + +} diff --git a/src/main/java/br/com/agapesistemas/agtemplate/model/to/Log.java b/src/main/java/br/com/agapesistemas/agtemplate/model/to/Log.java new file mode 100644 index 0000000..e52ede0 --- /dev/null +++ b/src/main/java/br/com/agapesistemas/agtemplate/model/to/Log.java @@ -0,0 +1,68 @@ +package br.com.agapesistemas.agtemplate.model.to; + +import java.io.Serializable; +import java.util.Date; +import java.util.HashMap; + +public class Log implements Serializable { + public static final String TIPO_INSERCAO = "INSERT"; + public static final String TIPO_ALTERACAO = "UPDATE"; + public static final String TIPO_REMOCAO = "DELETE"; + private String sistemaLog; + private String moduloLog; + private String tipoLog; + + public String getLog(){ + return toString(); + } + + public Date getData(){ + return new Date(); + } + + public String getSistemaLog(){ + return sistemaLog; + } + + public void setSistemaLog(String sistemaLog) { + this.sistemaLog = sistemaLog; + } + + public String getModuloLog() { + return moduloLog; + } + + public void setModuloLog(String moduloLog) { + this.moduloLog = moduloLog; + } + + public String getTipoLog() { + return tipoLog; + } + + public void setTipoLog(String tipoLog) { + this.tipoLog = tipoLog; + } + + public boolean isTipoAlteracao(){ + if(tipoLog != null && tipoLog.equals(TIPO_ALTERACAO)){ + return true; + } + return false; + } + + public boolean isTipoInsercao(){ + if(tipoLog != null && tipoLog.equals(TIPO_INSERCAO)){ + return true; + } + return false; + } + + public boolean isTipoRemocao(){ + if(tipoLog != null && tipoLog.equals(TIPO_REMOCAO)){ + return true; + } + return false; + } + +} diff --git a/src/main/java/br/com/agapesistemas/agtemplate/service/BaseService.java b/src/main/java/br/com/agapesistemas/agtemplate/service/BaseService.java new file mode 100644 index 0000000..f93b4d4 --- /dev/null +++ b/src/main/java/br/com/agapesistemas/agtemplate/service/BaseService.java @@ -0,0 +1,118 @@ +package br.com.agapesistemas.agtemplate.service; + +import br.com.agapesistemas.agtemplate.exception.base.BaseException; +import com.fasterxml.jackson.core.type.TypeReference; +import com.fasterxml.jackson.databind.ObjectMapper; +import com.fasterxml.jackson.datatype.jsr310.JavaTimeModule; +import jakarta.enterprise.inject.Produces; +import java.io.IOException; +import org.apache.http.HttpEntity; +import org.apache.http.HttpResponse; +import org.apache.http.util.EntityUtils; +import java.io.Serializable; +import org.apache.http.client.methods.HttpPost; +import org.apache.http.client.methods.HttpPut; +import org.apache.http.client.methods.HttpGet; +import org.apache.http.client.methods.HttpDelete; +import org.apache.http.entity.ContentType; +import org.apache.http.entity.StringEntity; +import org.apache.http.impl.client.CloseableHttpClient; +import org.apache.http.impl.client.HttpClients; +import io.jsonwebtoken.Claims; +import io.jsonwebtoken.Jws; +import io.jsonwebtoken.Jwts; + +public class BaseService implements Serializable { + + protected static final String DOMINIO_SERVICE = "http://localhost:8080"; + + @Produces + public static final ObjectMapper getDefaultObjectMapper() { + ObjectMapper objectMapper = new ObjectMapper(); + objectMapper.registerModule(new JavaTimeModule()); + return objectMapper; + } + + protected static String convertObjectToJson(Object object) throws IOException { + ObjectMapper objectMapper = new ObjectMapper(); + return objectMapper.writeValueAsString(object); + } + + protected static Object handleResponse(HttpResponse response, Object responseClass) throws IOException, Exception { + // Verifica se a resposta foi bem-sucedida (código 2xx) + int statusCode = response.getStatusLine().getStatusCode(); + HttpEntity entity = response.getEntity(); + String responseBody = null; + if (entity != null) { + responseBody = EntityUtils.toString(entity); + if (statusCode >= 200 && statusCode < 300) { + if(responseBody.isEmpty()){ + return null; + } + ObjectMapper objectMapper = getDefaultObjectMapper(); + if(responseClass instanceof TypeReference){ + return objectMapper.readValue(responseBody, (TypeReference)responseClass); + } + return objectMapper.readValue(responseBody, responseClass.getClass()); + } else if (statusCode == 400) { + ObjectMapper objectMapper = getDefaultObjectMapper(); + Problem problem = objectMapper.readValue(responseBody, Problem.class); + throw new BaseException(problem.getDetail()); + } else { + throw new Exception("Falha na requisição. Código de status: " + statusCode); + } + } + return null; + } + + public static Object post(String token,String uri, String json, TypeReference typeReference) throws IOException, Exception { + CloseableHttpClient httpClient = HttpClients.createDefault(); + HttpPost httpPost = new HttpPost(uri); + httpPost.setEntity(new StringEntity(json, ContentType.APPLICATION_JSON)); + HttpResponse postResponse = httpClient.execute(httpPost); + return handleResponse(postResponse, typeReference); + } + + public static Object put(String token,String uri, String json, TypeReference typeReference) throws IOException, Exception { + CloseableHttpClient httpClient = HttpClients.createDefault(); + HttpPut httpPut = new HttpPut(uri); + httpPut.setEntity(new StringEntity(json, ContentType.APPLICATION_JSON)); + HttpResponse postResponse = httpClient.execute(httpPut); + return handleResponse(postResponse, typeReference); + } + + public static void delete(String token,String uri) throws IOException, Exception { + CloseableHttpClient httpClient = HttpClients.createDefault(); + HttpDelete httpDelete = new HttpDelete(uri); + HttpResponse postResponse = httpClient.execute(httpDelete); + handleResponse(postResponse, String.class); + } + + + public static Object get(String token,String uri, TypeReference typeReference) throws IOException, Exception { + CloseableHttpClient httpClient = HttpClients.createDefault(); + HttpGet httpGet = new HttpGet(uri); + HttpResponse postResponse = httpClient.execute(httpGet); + return handleResponse(postResponse, typeReference); + } + public static String getUuidCliente(String token) { + Claims claims = getClaimsToken(token); + return claims.get("agc_codigo", String.class); + } + + public static Claims getClaimsToken(String token) { + Claims claims = decodeJWTWithoutValidation(token); + return claims; + } + + private static Claims decodeJWTWithoutValidation(String jwt) { + String[] parts = jwt.split("\\."); + if (parts.length != 3) { + throw new IllegalArgumentException("Invalid JWT token"); + } + Claims jwsClaims = Jwts.parser().parseClaimsJwt(parts[0] + "." + parts[1] + ".").getBody(); + return jwsClaims; + } + +} + diff --git a/src/main/java/br/com/agapesistemas/agtemplate/service/Problem.java b/src/main/java/br/com/agapesistemas/agtemplate/service/Problem.java new file mode 100644 index 0000000..c289ee4 --- /dev/null +++ b/src/main/java/br/com/agapesistemas/agtemplate/service/Problem.java @@ -0,0 +1,29 @@ +package br.com.agapesistemas.agtemplate.service; + +import java.time.OffsetDateTime; +import java.util.List; +import java.io.Serializable; +import lombok.Builder; +import lombok.Getter; +import lombok.Setter; + +@Getter +@Setter +public class Problem implements Serializable { + + private Integer status; + private OffsetDateTime timestamp; + private String type; + private String title; + private String detail; + private String userMessage; + private List objects; + + @Getter + @Setter + public static class Object { + private String name; + private String userMessage; + } +} + diff --git a/src/main/java/br/com/agapesistemas/agtemplate/util/Utils.java b/src/main/java/br/com/agapesistemas/agtemplate/util/Utils.java new file mode 100644 index 0000000..24dffda --- /dev/null +++ b/src/main/java/br/com/agapesistemas/agtemplate/util/Utils.java @@ -0,0 +1,215 @@ +package br.com.agapesistemas.agtemplate.util; + +import java.io.Serializable; +import java.io.ByteArrayOutputStream; +import java.io.File; +import java.io.FileInputStream; +import java.io.IOException; +import java.text.ParseException; +import java.util.Date; +import java.util.Random; +import java.util.logging.Level; +import java.util.logging.Logger; +import java.util.List; +import java.util.Collection; +import jakarta.faces.application.FacesMessage; +import jakarta.faces.context.ExternalContext; +import jakarta.faces.context.FacesContext; +import jakarta.servlet.ServletOutputStream; +import jakarta.servlet.http.HttpServletResponse; +import jakarta.servlet.http.HttpSession; +import jakarta.faces.component.UIViewRoot; +import jakarta.faces.component.UIComponent; +import jakarta.faces.component.UIInput; +import org.primefaces.PrimeFaces; +import jakarta.servlet.http.HttpServletRequest; +import java.util.HashMap; +import java.util.Map; + +public class Utils implements Serializable { + public static final char INFO = 'I'; + public static final char ERRO = 'E'; + public static final char OBSERVACAO = 'O'; + public static final char FATAL = 'F'; + + public static void clearSession(){ + getExternalContext().getSessionMap().clear(); + ((HttpSession)getExternalContext().getSession(false)).invalidate(); + } + + public static void download(String nome, byte[] data) throws IOException { + FacesContext facesContext = FacesContext.getCurrentInstance(); + HttpServletResponse response = (HttpServletResponse) facesContext.getExternalContext().getResponse(); + response.setContentType("application/download"); + response.setHeader("Content-disposition", "attachment;filename=" + nome); + ServletOutputStream ouputStream = response.getOutputStream(); + ouputStream.write(data, 0, data.length); + response.getOutputStream().close(); + facesContext.responseComplete(); + } + + public static void download(String nome, File arquivo) throws IOException, Exception { + byte[] data = fileToByte(arquivo); + download(nome,data); + } + + public static byte[] fileToByte(File arquivo) throws Exception { + FileInputStream fis = new FileInputStream(arquivo); + ByteArrayOutputStream baos = new ByteArrayOutputStream(); + byte[] buffer = new byte[8192]; + int bytesRead = 0; + while ((bytesRead = fis.read(buffer, 0, 8192)) != -1) { + baos.write(buffer, 0, bytesRead); + } + fis.close(); + baos.close(); + baos.flush(); + return baos.toByteArray(); + } + + public static long getDiasEntreData(Date inicio, Date fim) throws ParseException { + return (fim.getTime() - inicio.getTime() + 3600000L) / 86400000L; + } + + public static String getDiretorioReal(String diretorio){ + HttpSession request = (HttpSession) getExternalContext().getSession(false); + return request.getServletContext().getRealPath(diretorio); + } + + public static ExternalContext getExternalContext(){ + return FacesContext.getCurrentInstance().getExternalContext(); + } + + /** + * + * @param caminho Empresa, forms/crud/EmpresaConsultLazy + * @param modal true, false + * @param options + options.put("width", 640); + options.put("height", 340); + options.put("contentWidth", "100%"); + options.put("contentHeight", "100%"); + options.put("headerElement", "customheader"); + **/ + public static void abrirDialogXhtml(String caminho, boolean modal, Map options) { + if(options == null){ + options = new HashMap<>(); + } + options.put("modal", modal); + /* + options.put("width", 640); + options.put("height", 340); + options.put("contentWidth", "100%"); + options.put("contentHeight", "100%"); + options.put("headerElement", "customheader"); + */ + PrimeFaces.current().dialog().openDynamic(caminho, options, null); + } + + public static void fecharDialogXhtml(String nome) { + PrimeFaces.current().dialog().closeDynamic(nome); + } + + public static void abrirDialogJS(String vwDialog) { + PrimeFaces.current().executeScript("PF('"+vwDialog+"').show();"); + } + + public static void fecharDialogJS(String vwDialog) { + PrimeFaces.current().executeScript("PF('"+vwDialog+"').hide();"); + } + + public static void executeScriptJS(String script) { + PrimeFaces.current().executeScript(script); + } + + public static String getPaginaAcesso() { + return ((HttpServletRequest)getExternalContext().getRequest()).getRequestURI(); + } + + public static String getParam(String parametro){ + return FacesContext.getCurrentInstance().getExternalContext().getRequestParameterMap().get(parametro); + } + + public static Object getSessionObject(String nome){ + return getExternalContext().getSessionMap().get(nome); + } + + public static Object removeSessionObject(String nome){ + return getExternalContext().getSessionMap().remove(nome); + } + + public boolean isPossuiErro() { + for (FacesMessage fm : FacesContext.getCurrentInstance().getMessageList()) { + if (fm.getSeverity().equals(FacesMessage.SEVERITY_ERROR) || fm.getSeverity().equals(FacesMessage.SEVERITY_FATAL)) { + return true; + } + } + return false; + } + + public static String gerarSenha(int nCaracteres) { + char[] letras = "ABCDEFGHIJKLMNOPQRSTUVWXYZ".toCharArray(); + char[] numeros = "0123456789".toCharArray(); + char[] ordem = "01".toCharArray(); + Random rand = new Random(); + StringBuffer sb = new StringBuffer(); + for (int i = 0; i < nCaracteres; i++) { + int valor = rand.nextInt(ordem.length); + char character = ordem[valor]; + if(character == '0'){ + valor = rand.nextInt(letras.length); + character = letras[valor]; + }else{ + valor = rand.nextInt(numeros.length); + character = numeros[valor]; + } + sb.append(character); + } + return sb.toString(); + } + + public static void setAlerta(String mensagem, char tipo){ + FacesMessage msg = null; + switch (tipo){ + case 'O' : msg = new FacesMessage(FacesMessage.SEVERITY_WARN, mensagem, "");break; + case 'I' : msg = new FacesMessage(FacesMessage.SEVERITY_INFO, mensagem, "");break; + case 'E' : msg = new FacesMessage(FacesMessage.SEVERITY_ERROR, mensagem, "");break; + case 'F' : msg = new FacesMessage(FacesMessage.SEVERITY_FATAL, mensagem, "");break; + } + FacesContext.getCurrentInstance().addMessage(null, msg); + //Essa linha vai fazer com que suas mensagens sejam armazenadas no escopo de Flash. + //A duração desse escopo vai ser o suficiente para que você consiga exibir as mensagens adicionadas depois do redirecionamento. + getExternalContext().getFlash().setKeepMessages(true); + } + + public static void setSessionObject(String nome, Object objeto){ + getExternalContext().getSessionMap().put(nome, objeto); + } + + public void resetInput(){ + FacesContext context = FacesContext.getCurrentInstance(); + UIViewRoot viewRoot = context.getViewRoot(); + List children = viewRoot.getChildren(); + resetInputValues(children); + } + + private void resetInputValues(List children) { + for (UIComponent component : children) { + if (component.getChildCount() > 0) { + resetInputValues(component.getChildren()); + } else { + if (component instanceof UIInput) { + UIInput input = (UIInput) component; + input.resetValue(); + } + } + } + } + + public static T getBean(String beanName, Class beanClass) { FacesContext facesContext = FacesContext.getCurrentInstance(); return facesContext.getApplication().evaluateExpressionGet(facesContext, "#{" + beanName + "}", beanClass); } + + public static void updateRegion(String id){ PrimeFaces.current().ajax().update(id); } + + public static void updateRegion(Collection ids){ PrimeFaces.current().ajax().update(ids); } + +} diff --git a/src/main/java/br/com/agapesistemas/agtemplate/view/ComboUtilsBean.java b/src/main/java/br/com/agapesistemas/agtemplate/view/ComboUtilsBean.java new file mode 100644 index 0000000..1c7feb3 --- /dev/null +++ b/src/main/java/br/com/agapesistemas/agtemplate/view/ComboUtilsBean.java @@ -0,0 +1,21 @@ +package br.com.agapesistemas.agtemplate.view; + +import java.io.Serializable; +import java.util.List; +import java.util.ArrayList; +import jakarta.faces.model.SelectItem; +import jakarta.inject.Named; +import jakarta.faces.view.ViewScoped; + +@ViewScoped +@Named("comboUtilsBean") +public class ComboUtilsBean implements Serializable { + public List getComboTodosSimNaoFiltro() { + List combo = new ArrayList<>(); + combo.add(new SelectItem("T","Todos")); + combo.add(new SelectItem("S","Sim")); + combo.add(new SelectItem("N","Não")); + return combo; + } + +} diff --git a/src/main/java/org/primefaces/poseidon/blockviewer/BlockViewer.java b/src/main/java/org/primefaces/poseidon/blockviewer/BlockViewer.java new file mode 100644 index 0000000..222fb3f --- /dev/null +++ b/src/main/java/org/primefaces/poseidon/blockviewer/BlockViewer.java @@ -0,0 +1,48 @@ +/* + Copyright 2009-2022 PrimeTek. + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + */ +package org.primefaces.poseidon.blockviewer; + +import jakarta.faces.component.FacesComponent; +import jakarta.faces.component.UINamingContainer; +import java.io.Serializable; + +@FacesComponent(value="BlockViewer") +public class BlockViewer extends UINamingContainer implements Serializable { + + @Override + public String getFamily() { return "jakarta.faces.NamingContainer"; } + + private enum PropertyKeys { + CODEMODE + } + + public void change2PreviewMode() { + setCodeMode(false); + } + + public void change2CodeMode() { + setCodeMode(true); + } + + public void setCodeMode(boolean expanded) { + getStateHelper().put(PropertyKeys.CODEMODE, expanded); + } + + public boolean isCodeMode() { + return (boolean) getStateHelper().eval(PropertyKeys.CODEMODE, false); + } + +} diff --git a/src/main/java/org/primefaces/poseidon/component/PoseidonMenu.java b/src/main/java/org/primefaces/poseidon/component/PoseidonMenu.java new file mode 100644 index 0000000..a1d3b2d --- /dev/null +++ b/src/main/java/org/primefaces/poseidon/component/PoseidonMenu.java @@ -0,0 +1,138 @@ +/* + Copyright 2009-2022 PrimeTek. + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + */ +package org.primefaces.poseidon.component; + +import jakarta.faces.component.UIComponent; +import org.primefaces.component.menu.AbstractMenu; +import jakarta.faces.context.FacesContext; +import jakarta.faces.component.UINamingContainer; +import jakarta.faces.component.UIOutput; +import jakarta.faces.component.UIViewRoot; +import jakarta.faces.event.AbortProcessingException; +import jakarta.faces.event.ComponentSystemEvent; +import jakarta.faces.event.ComponentSystemEventListener; +import jakarta.faces.event.ListenerFor; +import jakarta.faces.event.PostAddToViewEvent; +import org.primefaces.component.api.Widget; + +@ListenerFor(sourceClass = PoseidonMenu.class, systemEventClass = PostAddToViewEvent.class) +public class PoseidonMenu extends AbstractMenu implements Widget,ComponentSystemEventListener { + + public static final String COMPONENT_TYPE = "org.primefaces.component.PoseidonMenu"; + public static final String COMPONENT_FAMILY = "org.primefaces.component"; + private static final String DEFAULT_RENDERER = "org.primefaces.component.PoseidonMenuRenderer"; + private static final String[] LEGACY_RESOURCES = new String[]{"primefaces.css","jquery/jquery.js","jquery/jquery-plugins.js","primefaces.js"}; + private static final String[] MODERN_RESOURCES = new String[]{"components.css","jquery/jquery.js","jquery/jquery-plugins.js","core.js"}; + + protected enum PropertyKeys { + + widgetVar, model, style, styleClass; + + String toString; + + PropertyKeys(String toString) { + this.toString = toString; + } + + PropertyKeys() { + } + + public String toString() { + return ((this.toString != null) ? this.toString : super.toString()); + } + } + + public PoseidonMenu() { + setRendererType(DEFAULT_RENDERER); + } + + public String getFamily() { + return COMPONENT_FAMILY; + } + + public java.lang.String getWidgetVar() { + return (java.lang.String) getStateHelper().eval(PropertyKeys.widgetVar, null); + } + + public void setWidgetVar(java.lang.String _widgetVar) { + getStateHelper().put(PropertyKeys.widgetVar, _widgetVar); + } + + public org.primefaces.model.menu.MenuModel getModel() { + return (org.primefaces.model.menu.MenuModel) getStateHelper().eval(PropertyKeys.model, null); + } + + public void setModel(org.primefaces.model.menu.MenuModel _model) { + getStateHelper().put(PropertyKeys.model, _model); + } + + public java.lang.String getStyle() { + return (java.lang.String) getStateHelper().eval(PropertyKeys.style, null); + } + + public void setStyle(java.lang.String _style) { + getStateHelper().put(PropertyKeys.style, _style); + } + + public java.lang.String getStyleClass() { + return (java.lang.String) getStateHelper().eval(PropertyKeys.styleClass, null); + } + + public void setStyleClass(java.lang.String _styleClass) { + getStateHelper().put(PropertyKeys.styleClass, _styleClass); + } + + public String resolveWidgetVar() { + FacesContext context = getFacesContext(); + String userWidgetVar = (String) getAttributes().get("widgetVar"); + + if (userWidgetVar != null) { + return userWidgetVar; + } else { + return "widget_" + getClientId(context).replaceAll("-|" + UINamingContainer.getSeparatorChar(context), "_"); + } + } + + @Override + public void processEvent(ComponentSystemEvent event) throws AbortProcessingException { + if(event instanceof PostAddToViewEvent) { + FacesContext context = getFacesContext(); + UIViewRoot root = context.getViewRoot(); + + boolean isPrimeConfig; + try { + isPrimeConfig = Class.forName("org.primefaces.config.PrimeConfiguration") != null; + } catch (ClassNotFoundException e) { + isPrimeConfig = false; + } + + String[] resources = (isPrimeConfig) ? MODERN_RESOURCES : LEGACY_RESOURCES; + + for(String res : resources) { + UIComponent component = context.getApplication().createComponent(UIOutput.COMPONENT_TYPE); + if(res.endsWith("css")) + component.setRendererType("jakarta.faces.resource.Stylesheet"); + else if(res.endsWith("js")) + component.setRendererType("jakarta.faces.resource.Script"); + + component.getAttributes().put("library", "primefaces"); + component.getAttributes().put("name", res); + + root.addComponentResource(context, component); + } + } + } +} diff --git a/src/main/java/org/primefaces/poseidon/component/PoseidonMenuRenderer.java b/src/main/java/org/primefaces/poseidon/component/PoseidonMenuRenderer.java new file mode 100644 index 0000000..52375c5 --- /dev/null +++ b/src/main/java/org/primefaces/poseidon/component/PoseidonMenuRenderer.java @@ -0,0 +1,453 @@ +/* + Copyright 2009-2022 PrimeTek. + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + */ +package org.primefaces.poseidon.component; + +import java.io.IOException; +import java.lang.reflect.Method; +import java.util.ArrayList; +import java.util.LinkedHashMap; +import java.util.List; +import java.util.Map; +import jakarta.faces.FacesException; +import jakarta.faces.component.UIComponent; +import jakarta.faces.context.FacesContext; +import jakarta.faces.context.ResponseWriter; +import jakarta.servlet.http.HttpServletRequest; +import org.primefaces.component.api.AjaxSource; +import org.primefaces.component.api.UIOutcomeTarget; +import org.primefaces.component.menu.AbstractMenu; +import org.primefaces.component.menu.BaseMenuRenderer; +import org.primefaces.component.menuitem.UIMenuItem; +import org.primefaces.component.submenu.UISubmenu; +import org.primefaces.expression.SearchExpressionFacade; +import org.primefaces.model.menu.MenuElement; +import org.primefaces.model.menu.MenuItem; +import org.primefaces.model.menu.Separator; +import org.primefaces.model.menu.Submenu; +import org.primefaces.util.AjaxRequestBuilder; +import org.primefaces.util.ComponentTraversalUtils; +import org.primefaces.util.WidgetBuilder; + +public class PoseidonMenuRenderer extends BaseMenuRenderer { + + @Override + protected void encodeMarkup(FacesContext context, AbstractMenu abstractMenu) throws IOException { + PoseidonMenu menu = (PoseidonMenu) abstractMenu; + ResponseWriter writer = context.getResponseWriter(); + String style = menu.getStyle(); + String styleClass = menu.getStyleClass(); + String defaultStyleClass = "layout-menu"; + styleClass = styleClass == null ? defaultStyleClass : defaultStyleClass + " " + styleClass; + + writer.startElement("ul", menu); + writer.writeAttribute("id", menu.getClientId(context), "id"); + writer.writeAttribute("class", styleClass, "styleClass"); + + if(style != null) { + writer.writeAttribute("style", style, "style"); + } + + if(menu.getElementsCount() > 0) { + encodeElements(context, menu, menu.getElements(),true); + } + + writer.endElement("ul"); + } + + protected void encodeElements(FacesContext context, AbstractMenu menu, List elements, boolean root) throws IOException { + int size = elements.size(); + + for (int i = 0; i < size; i++) { + encodeElement(context, menu, elements.get(i),root); + } + } + + protected void encodeElement(FacesContext context, AbstractMenu menu, MenuElement element, boolean root) throws IOException { + ResponseWriter writer = context.getResponseWriter(); + + if(element.isRendered()) { + if(element instanceof MenuItem) { + MenuItem menuItem = (MenuItem) element; + String menuItemClientId = (menuItem instanceof UIComponent) ? menuItem.getClientId() : menu.getClientId(context) + "_" + menuItem.getClientId(); + String containerStyle = menuItem.getContainerStyle(); + String containerStyleClass = menuItem.getContainerStyleClass(); + + writer.startElement("li", null); + writer.writeAttribute("id", menuItemClientId, null); + writer.writeAttribute("role", "menuitem", null); + + if(containerStyle != null) writer.writeAttribute("style", containerStyle, null); + if(containerStyleClass != null) writer.writeAttribute("class", containerStyleClass, null); + + encodeMenuItem(context, menu, menuItem); + + writer.endElement("li"); + } + else if(element instanceof Submenu) { + Submenu submenu = (Submenu) element; + String submenuClientId = (submenu instanceof UIComponent) ? ((UIComponent) submenu).getClientId() : menu.getClientId(context) + "_" + submenu.getId(); + String style = submenu.getStyle(); + String styleClass = submenu.getStyleClass(); + String className = root ? (styleClass != null) ? styleClass + " layout-root-menuitem" : "layout-root-menuitem" : styleClass; + + writer.startElement("li", null); + writer.writeAttribute("id", submenuClientId, null); + writer.writeAttribute("role", "menuitem", null); + + if(style != null) writer.writeAttribute("style", style, null); + if(className != null) writer.writeAttribute("class", className, null); + + encodeSubmenu(context, menu, submenu, root); + + writer.endElement("li"); + } + else if(element instanceof Separator) { + encodeSeparator(context, (Separator) element); + } + } + } + + protected void encodeSubmenu(FacesContext context, AbstractMenu menu, Submenu submenu, boolean root) throws IOException{ + ResponseWriter writer = context.getResponseWriter(); + String icon = submenu.getIcon(); + String label = submenu.getLabel(); + int childrenElementsCount = submenu.getElementsCount(); + + if (root) { + writer.startElement("div", null); + + if(label != null) { + writer.startElement("span", null); + writer.writeAttribute("class", "layout-menuitem-text", null); + writer.writeText(label, null); + writer.endElement("span"); + } + + writer.endElement("div"); + } + + writer.startElement("a", null); + writer.writeAttribute("href", "#", null); + + encodeItemIcon(context, icon); + + if(label != null) { + writer.startElement("span", null); + writer.writeAttribute("class", "layout-menuitem-text", null); + writer.writeText(label, null); + writer.endElement("span"); + + encodeToggleIcon(context, submenu, childrenElementsCount); + + if(submenu instanceof UISubmenu) { + encodeBadge(context, ((UISubmenu) submenu).getAttributes().get("badge")); + } + } + + writer.endElement("a"); + + if(label != null) { + encodeTooltip(context, label); + } + + //submenus and menuitems + if(childrenElementsCount > 0) { + writer.startElement("ul", null); + writer.writeAttribute("role", "menu", null); + encodeElements(context, menu, submenu.getElements(),root); + writer.endElement("ul"); + } + } + + protected void encodeItemIcon(FacesContext context, String icon) throws IOException { + if(icon != null) { + ResponseWriter writer = context.getResponseWriter(); + + writer.startElement("i", null); + if(icon.contains("fa ")) + icon += " fa-fw"; + + writer.writeAttribute("class", icon + " layout-menuitem-icon", null); + writer.endElement("i"); + } + } + + protected void encodeToggleIcon(FacesContext context, Submenu submenu, int childrenElementsCount) throws IOException { + if(childrenElementsCount > 0) { + ResponseWriter writer = context.getResponseWriter(); + + writer.startElement("i", null); + writer.writeAttribute("class", "fa fa-fw layout-submenu-toggler fa-angle-down", null); + writer.endElement("i"); + } + } + + protected void encodeBadge(FacesContext context, Object value) throws IOException { + if(value != null) { + ResponseWriter writer = context.getResponseWriter(); + + writer.startElement("span", null); + writer.writeAttribute("class", "menuitem-badge", null); + writer.writeText(value.toString(), null); + writer.endElement("span"); + } + } + + @Override + protected void encodeSeparator(FacesContext context, Separator separator) throws IOException { + ResponseWriter writer = context.getResponseWriter(); + String style = separator.getStyle(); + String styleClass = separator.getStyleClass(); + styleClass = styleClass == null ? "Separator" : "Separator " + styleClass; + + //title + writer.startElement("li", null); + writer.writeAttribute("class", styleClass, null); + if(style != null) { + writer.writeAttribute("style", style, null); + } + + writer.endElement("li"); + } + + @Override + protected void encodeMenuItem(FacesContext context, AbstractMenu menu, MenuItem menuitem) throws IOException { + ResponseWriter writer = context.getResponseWriter(); + String title = menuitem.getTitle(); + boolean disabled = menuitem.isDisabled(); + Object value = menuitem.getValue(); + String style = menuitem.getStyle(); + String styleClass = menuitem.getStyleClass(); + + writer.startElement("a", null); + if(title != null) writer.writeAttribute("title", title, null); + if(style != null) writer.writeAttribute("style", style, null); + if(styleClass != null) writer.writeAttribute("class", styleClass, null); + + if(disabled) { + writer.writeAttribute("href", "#", null); + writer.writeAttribute("onclick", "return false;", null); + } + else { + String onclick = menuitem.getOnclick(); + + //GET + if(menuitem.getUrl() != null || menuitem.getOutcome() != null) { + String targetURL = getTargetURL(context, (UIOutcomeTarget) menuitem); + writer.writeAttribute("href", targetURL, null); + + if(menuitem.getTarget() != null) { + writer.writeAttribute("target", menuitem.getTarget(), null); + } + } + //POST + else { + writer.writeAttribute("href", "#", null); + + UIComponent form = ComponentTraversalUtils.closestForm(context, menu); + if(form == null) { + throw new FacesException("MenuItem must be inside a form element"); + } + + String command; + if(menuitem.isDynamic()) { + String menuClientId = menu.getClientId(context); + Map> params = menuitem.getParams(); + if(params == null) { + params = new LinkedHashMap>(); + } + List idParams = new ArrayList(); + idParams.add(menuitem.getId()); + params.put(menuClientId + "_menuid", idParams); + + command = menuitem.isAjax() ? createAjaxRequest(context, menu, (AjaxSource) menuitem, form, params) : buildNonAjaxRequest(context, menu, form, menuClientId, params, true); + } + else { + command = menuitem.isAjax() ? createAjaxRequest(context, (AjaxSource) menuitem, form) : buildNonAjaxRequest(context, ((UIComponent) menuitem), form, ((UIComponent) menuitem).getClientId(context), true); + } + + onclick = (onclick == null) ? command : onclick + ";" + command; + } + + if(onclick != null) { + writer.writeAttribute("onclick", onclick, null); + } + } + + encodeMenuItemContent(context, menu, menuitem); + + writer.endElement("a"); + + if(value != null) { + encodeTooltip(context, value); + } + } + + @Override + protected void encodeMenuItemContent(FacesContext context, AbstractMenu menu, MenuItem menuitem) throws IOException { + ResponseWriter writer = context.getResponseWriter(); + String icon = menuitem.getIcon(); + Object value = menuitem.getValue(); + + if(menuitem instanceof UIMenuItem) { + encodeBadge(context, ((UIMenuItem) menuitem).getAttributes().get("badge")); + } + + encodeItemIcon(context, icon); + + if(value != null) { + writer.startElement("span", null); + writer.writeAttribute("class", "layout-menuitem-text", null); + writer.writeText(value, "value"); + writer.endElement("span"); + } + } + + protected void encodeTooltip(FacesContext context, Object value) throws IOException { + ResponseWriter writer = context.getResponseWriter(); + + writer.startElement("div", null); + writer.writeAttribute("class", "layout-menu-tooltip", null); + writer.startElement("div", null); + writer.writeAttribute("class", "layout-menu-tooltip-arrow", null); + writer.endElement("div"); + writer.startElement("div", null); + writer.writeAttribute("class", "layout-menu-tooltip-text", null); + writer.writeText(value, null); + writer.endElement("div"); + writer.endElement("div"); + } + + @Override + protected void encodeScript(FacesContext context, AbstractMenu abstractMenu) throws IOException { + PoseidonMenu menu = (PoseidonMenu) abstractMenu; + String clientId = menu.getClientId(context); + HttpServletRequest req = (HttpServletRequest) FacesContext.getCurrentInstance().getExternalContext().getRequest(); + String pathname = req.getContextPath() + req.getServletPath(); + + ResponseWriter rw = context.getResponseWriter(); + rw.startElement("script", null); + rw.writeAttribute("id", clientId + "_s", null); + rw.writeAttribute("type", "text/javascript", null); + rw.write("PrimeFaces.cw(\"Poseidon\",\""); + rw.write(menu.resolveWidgetVar()); + rw.write("\",{id:\""); + rw.write(clientId); + rw.write("\","); + // attrs + rw.write("pathname:\""); + rw.write(pathname); + rw.write("\""); + + rw.write("});"); + rw.endElement("script"); + + } + + protected String createAjaxRequest(FacesContext context, AjaxSource source, UIComponent form) { + UIComponent component = (UIComponent) source; + String clientId = component.getClientId(context); + + AjaxRequestBuilder builder = getAjaxRequestBuilder(); + + builder.init() + .source(clientId) + .form(SearchExpressionFacade.resolveClientId(context, component, source.getForm())) + .process(component, source.getProcess()) + .update(component, source.getUpdate()) + .async(source.isAsync()) + .global(source.isGlobal()) + .delay(source.getDelay()) + .timeout(source.getTimeout()) + .partialSubmit(source.isPartialSubmit(), source.isPartialSubmitSet(), source.getPartialSubmitFilter()) + .resetValues(source.isResetValues(), source.isResetValuesSet()) + .ignoreAutoUpdate(source.isIgnoreAutoUpdate()) + .onstart(source.getOnstart()) + .onerror(source.getOnerror()) + .onsuccess(source.getOnsuccess()) + .oncomplete(source.getOncomplete()) + .params(component); + + if (form != null) { + builder.form(form.getClientId(context)); + } + + builder.preventDefault(); + + return builder.build(); + } + + protected String createAjaxRequest(FacesContext context, AbstractMenu menu, AjaxSource source, UIComponent form, + Map> params) { + + String clientId = menu.getClientId(context); + + AjaxRequestBuilder builder = getAjaxRequestBuilder(); + + builder.init() + .source(clientId) + .process(menu, source.getProcess()) + .update(menu, source.getUpdate()) + .async(source.isAsync()) + .global(source.isGlobal()) + .delay(source.getDelay()) + .timeout(source.getTimeout()) + .partialSubmit(source.isPartialSubmit(), source.isPartialSubmitSet(), source.getPartialSubmitFilter()) + .resetValues(source.isResetValues(), source.isResetValuesSet()) + .ignoreAutoUpdate(source.isIgnoreAutoUpdate()) + .onstart(source.getOnstart()) + .onerror(source.getOnerror()) + .onsuccess(source.getOnsuccess()) + .oncomplete(source.getOncomplete()) + .params(params); + + if (form != null) { + builder.form(form.getClientId(context)); + } + + builder.preventDefault(); + + return builder.build(); + } + + protected AjaxRequestBuilder getAjaxRequestBuilder() { + Class rootContext; + Object requestContextInstance; + AjaxRequestBuilder builder; + + try { + rootContext = Class.forName("org.primefaces.context.PrimeRequestContext"); + } catch (ClassNotFoundException ex) { + try { + rootContext = Class.forName("org.primefaces.context.RequestContext"); + } catch (ClassNotFoundException ex1) { + throw new RuntimeException(ex1); + } + } + + try { + Method method = rootContext.getMethod("getCurrentInstance"); + requestContextInstance = method.invoke(null); + + method = requestContextInstance.getClass().getMethod("getAjaxRequestBuilder"); + builder = (AjaxRequestBuilder) method.invoke(requestContextInstance); + } catch (Exception ex) { + throw new RuntimeException(ex); + } + + return builder; + } +} diff --git a/src/main/java/org/primefaces/poseidon/domain/Country.java b/src/main/java/org/primefaces/poseidon/domain/Country.java new file mode 100644 index 0000000..5b12283 --- /dev/null +++ b/src/main/java/org/primefaces/poseidon/domain/Country.java @@ -0,0 +1,48 @@ +/* + Copyright 2009-2022 PrimeTek. + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + */ +package org.primefaces.poseidon.domain; + +import java.io.Serializable; + +public class Country implements Serializable { + + private String name; + private String code; + + public Country() {} + + public Country(String name, String code) { + this.name = name; + this.code = code; + } + + public String getName() { + return name; + } + + public void setName(String name) { + this.name = name; + } + + public String getCode() { + return code; + } + + public void setCode(String code) { + this.code = code; + } + +} diff --git a/src/main/java/org/primefaces/poseidon/domain/Customer.java b/src/main/java/org/primefaces/poseidon/domain/Customer.java new file mode 100644 index 0000000..87ed573 --- /dev/null +++ b/src/main/java/org/primefaces/poseidon/domain/Customer.java @@ -0,0 +1,98 @@ +/* + Copyright 2009-2022 PrimeTek. + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + */ +package org.primefaces.poseidon.domain; + +import java.io.Serializable; +import java.time.LocalDate; + +public class Customer implements Serializable { + + private int id; + private String name; + private Country country; + private LocalDate date; + private CustomerStatus status; + private int activity; + private Representative representative; + + public Customer() {} + + public Customer(int id, String name, Country country, LocalDate date, CustomerStatus status, int activity, Representative representative) { + this.id = id; + this.name = name; + this.country = country; + this.date = date; + this.status = status; + this.activity = activity; + this.representative = representative; + } + + public int getId() { + return id; + } + + public void setId(int id) { + this.id = id; + } + + public String getName() { + return name; + } + + public void setName(String name) { + this.name = name; + } + + public Country getCountry() { + return country; + } + + public void setCountry(Country country) { + this.country = country; + } + + public LocalDate getDate() { + return date; + } + + public void setDate(LocalDate date) { + this.date = date; + } + + public CustomerStatus getStatus() { + return status; + } + + public void setStatus(CustomerStatus status) { + this.status = status; + } + + public int getActivity() { + return activity; + } + + public void setActivity(int activity) { + this.activity = activity; + } + + public Representative getRepresentative() { + return representative; + } + + public void setRepresentative(Representative representative) { + this.representative = representative; + } +} diff --git a/src/main/java/org/primefaces/poseidon/domain/CustomerStatus.java b/src/main/java/org/primefaces/poseidon/domain/CustomerStatus.java new file mode 100644 index 0000000..bb53e81 --- /dev/null +++ b/src/main/java/org/primefaces/poseidon/domain/CustomerStatus.java @@ -0,0 +1,32 @@ +/* + Copyright 2009-2022 PrimeTek. + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + */ +package org.primefaces.poseidon.domain; + +import java.util.Random; + +public enum CustomerStatus { + QUALIFIED, + UNQUALIFIED, + NEGOTIATION, + NEW, + RENEWAL, + PROPOSAL; + + public static CustomerStatus random() { + Random random = new Random(); + return values()[random.nextInt(values().length)]; + } +} \ No newline at end of file diff --git a/src/main/java/org/primefaces/poseidon/domain/Document.java b/src/main/java/org/primefaces/poseidon/domain/Document.java new file mode 100644 index 0000000..2a3bfd8 --- /dev/null +++ b/src/main/java/org/primefaces/poseidon/domain/Document.java @@ -0,0 +1,104 @@ +/* + Copyright 2009-2022 PrimeTek. + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + */ +package org.primefaces.poseidon.domain; + +import java.io.Serializable; + +public class Document implements Serializable, Comparable { + + private String name; + + private String size; + + private String type; + + public Document(String name, String size, String type) { + this.name = name; + this.size = size; + this.type = type; + } + + public String getName() { + return name; + } + + public void setName(String name) { + this.name = name; + } + + public String getSize() { + return size; + } + + public void setSize(String size) { + this.size = size; + } + + public String getType() { + return type; + } + + public void setType(String type) { + this.type = type; + } + + //Eclipse Generated hashCode and equals + @Override + public int hashCode() { + final int prime = 31; + int result = 1; + result = prime * result + ((name == null) ? 0 : name.hashCode()); + result = prime * result + ((size == null) ? 0 : size.hashCode()); + result = prime * result + ((type == null) ? 0 : type.hashCode()); + return result; + } + + @Override + public boolean equals(Object obj) { + if (this == obj) + return true; + if (obj == null) + return false; + if (getClass() != obj.getClass()) + return false; + Document other = (Document) obj; + if (name == null) { + if (other.name != null) + return false; + } else if (!name.equals(other.name)) + return false; + if (size == null) { + if (other.size != null) + return false; + } else if (!size.equals(other.size)) + return false; + if (type == null) { + if (other.type != null) + return false; + } else if (!type.equals(other.type)) + return false; + return true; + } + + @Override + public String toString() { + return name; + } + + public int compareTo(Document document) { + return this.getName().compareTo(document.getName()); + } +} \ No newline at end of file diff --git a/src/main/java/org/primefaces/poseidon/domain/InventoryStatus.java b/src/main/java/org/primefaces/poseidon/domain/InventoryStatus.java new file mode 100644 index 0000000..84700e0 --- /dev/null +++ b/src/main/java/org/primefaces/poseidon/domain/InventoryStatus.java @@ -0,0 +1,32 @@ +/* + Copyright 2009-2022 PrimeTek. + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + */ +package org.primefaces.poseidon.domain; + +public enum InventoryStatus { + INSTOCK("In Stock"), + OUTOFSTOCK("Out of Stock"), + LOWSTOCK("Low Stock"); + + private String text; + + InventoryStatus(String text) { + this.text = text; + } + + public String getText() { + return text; + } +} \ No newline at end of file diff --git a/src/main/java/org/primefaces/poseidon/domain/Order.java b/src/main/java/org/primefaces/poseidon/domain/Order.java new file mode 100644 index 0000000..c812db1 --- /dev/null +++ b/src/main/java/org/primefaces/poseidon/domain/Order.java @@ -0,0 +1,104 @@ +/* + Copyright 2009-2022 PrimeTek. + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + */ +package org.primefaces.poseidon.domain; + +import java.io.Serializable; +import java.time.LocalDate; + +public class Order implements Serializable { + + private int id; + + private String productCode; + + private LocalDate date; + + private double amount; + + private int quantity; + + private String customer; + + private OrderStatus status; + + public Order() {} + + public Order(int id, String productCode, LocalDate date, double amount, int quantity, String customer, OrderStatus status) { + this.id = id; + this.productCode = productCode; + this.date = date; + this.amount = amount; + this.quantity = quantity; + this.customer = customer; + this.status = status; + } + + public int getId() { + return id; + } + + public void setId(int id) { + this.id = id; + } + + public String getProductCode() { + return productCode; + } + + public void setProductCode(String productCode) { + this.productCode = productCode; + } + + public LocalDate getDate() { + return date; + } + + public void setDate(LocalDate date) { + this.date = date; + } + + public double getAmount() { + return amount; + } + + public void setAmount(double amount) { + this.amount = amount; + } + + public int getQuantity() { + return quantity; + } + + public void setQuantity(int quantity) { + this.quantity = quantity; + } + + public String getCustomer() { + return customer; + } + + public void setCustomer(String customer) { + this.customer = customer; + } + + public OrderStatus getStatus() { + return status; + } + + public void setStatus(OrderStatus status) { + this.status = status; + } +} \ No newline at end of file diff --git a/src/main/java/org/primefaces/poseidon/domain/OrderStatus.java b/src/main/java/org/primefaces/poseidon/domain/OrderStatus.java new file mode 100644 index 0000000..62a76ce --- /dev/null +++ b/src/main/java/org/primefaces/poseidon/domain/OrderStatus.java @@ -0,0 +1,30 @@ +/* + Copyright 2009-2022 PrimeTek. + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + */ +package org.primefaces.poseidon.domain; + +import java.util.Random; + +public enum OrderStatus { + PENDING, + DELIVERED, + CANCELLED, + RETURNED; + + public static OrderStatus random() { + Random random = new Random(); + return values()[random.nextInt(values().length)]; + } +} \ No newline at end of file diff --git a/src/main/java/org/primefaces/poseidon/domain/Photo.java b/src/main/java/org/primefaces/poseidon/domain/Photo.java new file mode 100644 index 0000000..f9e52cd --- /dev/null +++ b/src/main/java/org/primefaces/poseidon/domain/Photo.java @@ -0,0 +1,77 @@ +/* + * The MIT License + * + * Copyright (c) 2009-2022 PrimeTek + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ +package org.primefaces.poseidon.domain; + +import java.io.Serializable; + +public class Photo implements Serializable { + + private String itemImageSrc; + private String thumbnailImageSrc; + private String alt; + private String title; + + public Photo() { + } + + public Photo(String itemImageSrc, String thumbnailImageSrc, String alt, String title) { + this.itemImageSrc = itemImageSrc; + this.thumbnailImageSrc = thumbnailImageSrc; + this.alt = alt; + this.title = title; + } + + public String getItemImageSrc() { + return itemImageSrc; + } + + public void setItemImageSrc(String itemImageSrc) { + this.itemImageSrc = itemImageSrc; + } + + public String getThumbnailImageSrc() { + return thumbnailImageSrc; + } + + public void setThumbnailImageSrc(String thumbnailImageSrc) { + this.thumbnailImageSrc = thumbnailImageSrc; + } + + public String getAlt() { + return alt; + } + + public void setAlt(String alt) { + this.alt = alt; + } + + public String getTitle() { + return title; + } + + public void setTitle(String title) { + this.title = title; + } + +} diff --git a/src/main/java/org/primefaces/poseidon/domain/Product.java b/src/main/java/org/primefaces/poseidon/domain/Product.java new file mode 100644 index 0000000..6d71392 --- /dev/null +++ b/src/main/java/org/primefaces/poseidon/domain/Product.java @@ -0,0 +1,178 @@ +/* + Copyright 2009-2022 PrimeTek. + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + */ +package org.primefaces.poseidon.domain; + +import java.io.Serializable; +import java.util.List; + +public class Product implements Serializable { + + private int id; + + private String code; + + private String name; + + private String description; + + private String image; + + private double price; + + private String category; + + private int quantity; + + private InventoryStatus inventoryStatus; + + private int rating; + + private List orders; + + public Product() {} + + public Product(int id, String code, String name, String description, String image, double price, String category, int quantity, InventoryStatus inventoryStatus, int rating) { + this.id = id; + this.code = code; + this.name = name; + this.description = description; + this.image = image; + this.price = price; + this.category = category; + this.quantity = quantity; + this.inventoryStatus = inventoryStatus; + this.rating = rating; + } + + public Product clone() { + return new Product(getId(), getCode(), getName(), getDescription(), getImage(), getPrice(), getCategory(), getQuantity(), getInventoryStatus(), getRating()); + } + + public int getId() { + return id; + } + + public void setId(int id) { + this.id = id; + } + + public String getCode() { + return code; + } + + public void setCode(String code) { + this.code = code; + } + + public String getName() { + return name; + } + + public void setName(String name) { + this.name = name; + } + + public String getDescription() { + return description; + } + + public void setDescription(String description) { + this.description = description; + } + + public String getImage() { + return image; + } + + public void setImage(String image) { + this.image = image; + } + + public double getPrice() { + return price; + } + + public void setPrice(double price) { + this.price = price; + } + + public String getCategory() { + return category; + } + + public void setCategory(String category) { + this.category = category; + } + + public int getQuantity() { + return quantity; + } + + public void setQuantity(int quantity) { + this.quantity = quantity; + } + + public InventoryStatus getInventoryStatus() { + return inventoryStatus; + } + + public void setInventoryStatus(InventoryStatus inventoryStatus) { + this.inventoryStatus = inventoryStatus; + } + + public int getRating() { + return rating; + } + + public void setRating(int rating) { + this.rating = rating; + } + + public List getOrders() { + return this.orders; + } + + public void setOrders(List orders) { + this.orders = orders; + } + + @Override + public int hashCode() { + final int prime = 31; + int result = 1; + result = prime * result + ((code == null) ? 0 : code.hashCode()); + return result; + } + + @Override + public boolean equals(Object obj) { + if (this == obj) + return true; + if (obj == null) + return false; + if (getClass() != obj.getClass()) + return false; + Product other = (Product) obj; + if (code == null) { + if (other.code != null) + return false; + } else if (!code.equals(other.code)) + return false; + return true; + } + + +} \ No newline at end of file diff --git a/src/main/java/org/primefaces/poseidon/domain/Representative.java b/src/main/java/org/primefaces/poseidon/domain/Representative.java new file mode 100644 index 0000000..7c69ddb --- /dev/null +++ b/src/main/java/org/primefaces/poseidon/domain/Representative.java @@ -0,0 +1,48 @@ +/* + Copyright 2009-2022 PrimeTek. + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + */ +package org.primefaces.poseidon.domain; + +import java.io.Serializable; + +public class Representative implements Serializable { + + private String name; + private String image; + + public Representative() {} + + public Representative(String name, String image) { + this.name = name; + this.image = image; + } + + public String getName() { + return name; + } + + public void setName(String name) { + this.name = name; + } + + public String getImage() { + return image; + } + + public void setImage(String image) { + this.image = image; + } + +} diff --git a/src/main/java/org/primefaces/poseidon/filter/CharacterEncodingFilter.java b/src/main/java/org/primefaces/poseidon/filter/CharacterEncodingFilter.java new file mode 100644 index 0000000..8d6a89c --- /dev/null +++ b/src/main/java/org/primefaces/poseidon/filter/CharacterEncodingFilter.java @@ -0,0 +1,44 @@ +/* + Copyright 2009-2022 PrimeTek. + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + */ +package org.primefaces.poseidon.filter; + +import java.io.IOException; + +import jakarta.servlet.Filter; +import jakarta.servlet.FilterChain; +import jakarta.servlet.FilterConfig; +import jakarta.servlet.ServletException; +import jakarta.servlet.ServletRequest; +import jakarta.servlet.ServletResponse; + +public class CharacterEncodingFilter implements Filter { + + public void doFilter(ServletRequest req, ServletResponse resp, FilterChain chain) throws IOException, ServletException { + req.setCharacterEncoding("UTF-8"); + resp.setCharacterEncoding("UTF-8"); + chain.doFilter(req, resp); + } + + public void init(FilterConfig filterConfig) throws ServletException { + + } + + public void destroy() { + + } + + +} diff --git a/src/main/java/org/primefaces/poseidon/service/CustomerService.java b/src/main/java/org/primefaces/poseidon/service/CustomerService.java new file mode 100644 index 0000000..f2724f1 --- /dev/null +++ b/src/main/java/org/primefaces/poseidon/service/CustomerService.java @@ -0,0 +1,101 @@ +/* + Copyright 2009-2022 PrimeTek. + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + */ +package org.primefaces.poseidon.service; + +import java.time.LocalDate; +import java.util.ArrayList; +import java.util.List; +import java.util.concurrent.ThreadLocalRandom; + +import jakarta.enterprise.context.ApplicationScoped; +import jakarta.inject.Named; + +import org.primefaces.poseidon.domain.Country; +import org.primefaces.poseidon.domain.Customer; +import org.primefaces.poseidon.domain.CustomerStatus; +import org.primefaces.poseidon.domain.Representative; + +@Named +@ApplicationScoped +public class CustomerService { + + private final static Country[] countries; + + private final static Representative[] representatives; + + private final static String[] names; + + List customers = new ArrayList<>(); + + static { + countries = new Country[]{ + new Country("Argentina", "ar"),new Country("Australia", "au"),new Country("Brazil", "br"), + new Country("Canada", "ca"),new Country("Germany", "de"),new Country("France", "fr"), + new Country("India", "in"), new Country("Italy", "it"),new Country("Japan", "jp"), + new Country("Russia", "ru"), + new Country("Spain", "es"),new Country("United Kingdom", "gb")}; + + representatives = new Representative[]{new Representative("Amy Elsner", "amyelsner.png"),new Representative("Anna Fali", "annafali.png"), + new Representative("Asiya Javayant", "asiyajavayant.png"),new Representative("Bernardo Dominic", "bernardodominic.png"), + new Representative("Elwin Sharvill", "elwinsharvill.png"),new Representative("Ioni Bowcher", "ionibowcher.png"), + new Representative("Ivan Magalhaes", "ivanmagalhaes.png"),new Representative("Onyama Limba", "onyamalimba.png"), + new Representative("Stephen Shaw", "stephenshaw.png"),new Representative("Xuxue Feng", "xuxuefeng.png")}; + + names = new String[]{"James","David","Jeanfrancois","Ivar","Tony","Adams","Claire","Costa","Juan","Maria","Jennifer","Stacey","Leja","Morrow", + "Arvin","Darci","Izzy","Lionel","Clifford","Emily","Kadeem","Mujtaba","Aika","Mayumi","Misaki","Silvio","Nicolas","Antonio", + "Deepesh","Aditya","Aruna","Jones","Julie","Smith","Johnson","Francesco","Salvatore","Kaitlin","Faith","Maisha","Jefferson", + "Leon","Rodrigues","Alejandro","Munro","Cody","Chavez","Sinclair","Isabel","Octavia","Murillo","Greenwood","Wickens","Ashley"}; + } + + + public List getCustomers(int number) { + List customers = new ArrayList<>(); + for (int i = 0; i < number; i++) { + customers.add(new Customer(i + 1000, getCustomerName(), getCountry(), getDate(), CustomerStatus.random(), getActivity(), getRepresentative())); + } + return customers; + } + + private String getCustomerName() { + String firstName = this.getName(); + String lastName; + while((lastName = this.getName()).equals(firstName)) {} + + return firstName + " " + lastName; + } + + private String getName() { + return names[(int) (Math.random() * names.length)]; + } + + private Country getCountry() { + return countries[(int) (Math.random() * countries.length)]; + } + + private LocalDate getDate() { + LocalDate now = LocalDate.now(); + long randomDay = ThreadLocalRandom.current().nextLong(now.minusDays(30).toEpochDay(), now.toEpochDay()); + return LocalDate.ofEpochDay(randomDay); + } + + private int getActivity() { + return (int) (Math.random() * 100); + } + + private Representative getRepresentative() { + return representatives[(int) (Math.random() * representatives.length)]; + } +} \ No newline at end of file diff --git a/src/main/java/org/primefaces/poseidon/service/DocumentService.java b/src/main/java/org/primefaces/poseidon/service/DocumentService.java new file mode 100644 index 0000000..909a550 --- /dev/null +++ b/src/main/java/org/primefaces/poseidon/service/DocumentService.java @@ -0,0 +1,95 @@ +/* + Copyright 2009-2022 PrimeTek. + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + */ +package org.primefaces.poseidon.service; + +import org.primefaces.model.CheckboxTreeNode; +import org.primefaces.model.DefaultTreeNode; +import org.primefaces.model.TreeNode; +import org.primefaces.poseidon.domain.Document; + +import jakarta.enterprise.context.ApplicationScoped; +import jakarta.inject.Named; + +@Named +@ApplicationScoped +public class DocumentService { + + public TreeNode createDocuments() { + TreeNode root = new DefaultTreeNode(new Document("Files", "-", "Folder"), null); + + TreeNode documents = new DefaultTreeNode(new Document("Documents", "-", "Folder"), root); + TreeNode pictures = new DefaultTreeNode(new Document("Pictures", "-", "Folder"), root); + TreeNode movies = new DefaultTreeNode(new Document("Movies", "-", "Folder"), root); + + TreeNode work = new DefaultTreeNode(new Document("Work", "-", "Folder"), documents); + TreeNode primefaces = new DefaultTreeNode(new Document("PrimeFaces", "-", "Folder"), documents); + + //Documents + TreeNode expenses = new DefaultTreeNode("document", new Document("Expenses.doc", "30 KB", "Word Document"), work); + TreeNode resume = new DefaultTreeNode("document", new Document("Resume.doc", "10 KB", "Word Document"), work); + TreeNode refdoc = new DefaultTreeNode("document", new Document("RefDoc.pages", "40 KB", "Pages Document"), primefaces); + + //Pictures + TreeNode barca = new DefaultTreeNode("picture", new Document("barcelona.jpg", "30 KB", "JPEG Image"), pictures); + TreeNode primelogo = new DefaultTreeNode("picture", new Document("logo.jpg", "45 KB", "JPEG Image"), pictures); + TreeNode optimus = new DefaultTreeNode("picture", new Document("optimusprime.png", "96 KB", "PNG Image"), pictures); + + //Movies + TreeNode pacino = new DefaultTreeNode(new Document("Al Pacino", "-", "Folder"), movies); + TreeNode deniro = new DefaultTreeNode(new Document("Robert De Niro", "-", "Folder"), movies); + + TreeNode scarface = new DefaultTreeNode("mp3", new Document("Scarface", "15 GB", "Movie File"), pacino); + TreeNode carlitosWay = new DefaultTreeNode("mp3", new Document("Carlitos' Way", "24 GB", "Movie File"), pacino); + + TreeNode goodfellas = new DefaultTreeNode("mp3", new Document("Goodfellas", "23 GB", "Movie File"), deniro); + TreeNode untouchables = new DefaultTreeNode("mp3", new Document("Untouchables", "17 GB", "Movie File"), deniro); + + return root; + } + + public TreeNode createCheckboxDocuments() { + TreeNode root = new CheckboxTreeNode(new Document("Files", "-", "Folder"), null); + + TreeNode documents = new CheckboxTreeNode(new Document("Documents", "-", "Folder"), root); + TreeNode pictures = new CheckboxTreeNode(new Document("Pictures", "-", "Folder"), root); + TreeNode movies = new CheckboxTreeNode(new Document("Movies", "-", "Folder"), root); + + TreeNode work = new CheckboxTreeNode(new Document("Work", "-", "Folder"), documents); + TreeNode primefaces = new CheckboxTreeNode(new Document("PrimeFaces", "-", "Folder"), documents); + + //Documents + TreeNode expenses = new CheckboxTreeNode("document", new Document("Expenses.doc", "30 KB", "Word Document"), work); + TreeNode resume = new CheckboxTreeNode("document", new Document("Resume.doc", "10 KB", "Word Document"), work); + TreeNode refdoc = new CheckboxTreeNode("document", new Document("RefDoc.pages", "40 KB", "Pages Document"), primefaces); + + //Pictures + TreeNode barca = new CheckboxTreeNode("picture", new Document("barcelona.jpg", "30 KB", "JPEG Image"), pictures); + TreeNode primelogo = new CheckboxTreeNode("picture", new Document("logo.jpg", "45 KB", "JPEG Image"), pictures); + TreeNode optimus = new CheckboxTreeNode("picture", new Document("optimusprime.png", "96 KB", "PNG Image"), pictures); + + //Movies + TreeNode pacino = new CheckboxTreeNode(new Document("Al Pacino", "-", "Folder"), movies); + TreeNode deniro = new CheckboxTreeNode(new Document("Robert De Niro", "-", "Folder"), movies); + + TreeNode scarface = new CheckboxTreeNode("mp3", new Document("Scarface", "15 GB", "Movie File"), pacino); + TreeNode carlitosWay = new CheckboxTreeNode("mp3", new Document("Carlitos' Way", "24 GB", "Movie File"), pacino); + + TreeNode goodfellas = new CheckboxTreeNode("mp3", new Document("Goodfellas", "23 GB", "Movie File"), deniro); + TreeNode untouchables = new CheckboxTreeNode("mp3", new Document("Untouchables", "17 GB", "Movie File"), deniro); + + return root; + } +} diff --git a/src/main/java/org/primefaces/poseidon/service/OrderService.java b/src/main/java/org/primefaces/poseidon/service/OrderService.java new file mode 100644 index 0000000..7e38b8e --- /dev/null +++ b/src/main/java/org/primefaces/poseidon/service/OrderService.java @@ -0,0 +1,81 @@ +/* + Copyright 2009-2022 PrimeTek. + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + */ +package org.primefaces.poseidon.service; + +import java.time.LocalDate; +import java.util.ArrayList; +import java.util.List; +import java.util.UUID; +import java.util.concurrent.ThreadLocalRandom; + +import jakarta.enterprise.context.ApplicationScoped; +import jakarta.inject.Named; + +import org.primefaces.poseidon.domain.Order; +import org.primefaces.poseidon.domain.OrderStatus; + +@Named +@ApplicationScoped +public class OrderService { + + private final static String[] names; + + static { + names = new String[]{"James","David","Jeanfrancois","Ivar","Tony","Adams","Claire","Costa","Juan","Maria","Jennifer","Stacey","Leja","Morrow", + "Arvin","Darci","Izzy","Lionel","Clifford","Emily","Kadeem","Mujtaba","Aika","Mayumi","Misaki","Silvio","Nicolas","Antonio", + "Deepesh","Aditya","Aruna","Jones","Julie","Smith","Johnson","Francesco","Salvatore","Kaitlin","Faith","Maisha","Jefferson", + "Leon","Rodrigues","Alejandro","Munro","Cody","Chavez","Sinclair","Isabel","Octavia","Murillo","Greenwood","Wickens","Ashley"}; + } + + public List getOrders(int number) { + List orders = new ArrayList<>(); + for (int i = 0; i < number; i++) { + orders.add(new Order(i + 1000, getProductCode(), getDate(), getAmount(), getQuantity(), getCustomerName(), OrderStatus.random())); + } + return orders; + } + + private String getCustomerName() { + String firstName = this.getName(); + String lastName; + while((lastName = this.getName()).equals(firstName)) {} + + return firstName + " " + lastName; + } + + private String getName() { + return names[(int) (Math.random() * names.length)]; + } + + private String getProductCode() { + return UUID.randomUUID().toString().substring(6, 16); + } + + private LocalDate getDate() { + LocalDate now = LocalDate.now(); + long randomDay = ThreadLocalRandom.current().nextLong(now.minusDays(30).toEpochDay(), now.toEpochDay()); + return LocalDate.ofEpochDay(randomDay); + } + + private double getAmount() { + return ThreadLocalRandom.current().nextDouble(1, 200); + } + + private int getQuantity() { + return ThreadLocalRandom.current().nextInt(1, 10); + } + +} \ No newline at end of file diff --git a/src/main/java/org/primefaces/poseidon/service/PhotoService.java b/src/main/java/org/primefaces/poseidon/service/PhotoService.java new file mode 100644 index 0000000..8c659c7 --- /dev/null +++ b/src/main/java/org/primefaces/poseidon/service/PhotoService.java @@ -0,0 +1,78 @@ +/* + * The MIT License + * + * Copyright (c) 2009-2022 PrimeTek + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ +package org.primefaces.poseidon.service; + +import java.util.ArrayList; +import java.util.List; +import jakarta.annotation.PostConstruct; +import jakarta.enterprise.context.ApplicationScoped; +import jakarta.inject.Named; +import org.primefaces.poseidon.domain.Photo; + +@Named +@ApplicationScoped +public class PhotoService { + + private List photos; + + @PostConstruct + public void init() { + photos = new ArrayList<>(); + + photos.add(new Photo("demo/images/galleria/galleria1.jpg", "demo/images/galleria/galleria1s.jpg", + "Description for Image 1", "Title 1")); + photos.add(new Photo("demo/images/galleria/galleria2.jpg", "demo/images/galleria/galleria2s.jpg", + "Description for Image 2", "Title 2")); + photos.add(new Photo("demo/images/galleria/galleria3.jpg", "demo/images/galleria/galleria3s.jpg", + "Description for Image 3", "Title 3")); + photos.add(new Photo("demo/images/galleria/galleria4.jpg", "demo/images/galleria/galleria4s.jpg", + "Description for Image 4", "Title 4")); + photos.add(new Photo("demo/images/galleria/galleria5.jpg", "demo/images/galleria/galleria5s.jpg", + "Description for Image 5", "Title 5")); + photos.add(new Photo("demo/images/galleria/galleria6.jpg", "demo/images/galleria/galleria6s.jpg", + "Description for Image 6", "Title 6")); + photos.add(new Photo("demo/images/galleria/galleria7.jpg", "demo/images/galleria/galleria7s.jpg", + "Description for Image 7", "Title 7")); + photos.add(new Photo("demo/images/galleria/galleria8.jpg", "demo/images/galleria/galleria8s.jpg", + "Description for Image 8", "Title 8")); + photos.add(new Photo("demo/images/galleria/galleria9.jpg", "demo/images/galleria/galleria9s.jpg", + "Description for Image 9", "Title 9")); + photos.add(new Photo("demo/images/galleria/galleria10.jpg", "demo/images/galleria/galleria10s.jpg", + "Description for Image 10", "Title 10")); + photos.add(new Photo("demo/images/galleria/galleria11.jpg", "demo/images/galleria/galleria11s.jpg", + "Description for Image 11", "Title 11")); + photos.add(new Photo("demo/images/galleria/galleria12.jpg", "demo/images/galleria/galleria12s.jpg", + "Description for Image 12", "Title 12")); + photos.add(new Photo("demo/images/galleria/galleria13.jpg", "demo/images/galleria/galleria13s.jpg", + "Description for Image 13", "Title 13")); + photos.add(new Photo("demo/images/galleria/galleria14.jpg", "demo/images/galleria/galleria14s.jpg", + "Description for Image 14", "Title 14")); + photos.add(new Photo("demo/images/galleria/galleria15.jpg", "demo/images/galleria/galleria15s.jpg", + "Description for Image 15", "Title 15")); + } + + public List getPhotos() { + return photos; + } +} diff --git a/src/main/java/org/primefaces/poseidon/service/ProductService.java b/src/main/java/org/primefaces/poseidon/service/ProductService.java new file mode 100644 index 0000000..27efe06 --- /dev/null +++ b/src/main/java/org/primefaces/poseidon/service/ProductService.java @@ -0,0 +1,103 @@ +/* + Copyright 2009-2022 PrimeTek. + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + */ +package org.primefaces.poseidon.service; + +import org.primefaces.poseidon.domain.InventoryStatus; +import org.primefaces.poseidon.domain.Product; + +import jakarta.annotation.PostConstruct; +import jakarta.enterprise.context.ApplicationScoped; +import jakarta.inject.Named; +import java.util.ArrayList; +import java.util.List; +import java.util.Random; + + +@Named +@ApplicationScoped +public class ProductService { + + List products; + + @PostConstruct + public void init() { + products = new ArrayList<>(); + products.add(new Product(1000, "f230fh0g3", "Bamboo Watch", "Product Description", "bamboo-watch.jpg", 65, "Accessories", 24, InventoryStatus.INSTOCK, 5)); + products.add(new Product(1001, "nvklal433", "Black Watch", "Product Description", "black-watch.jpg", 72, "Accessories", 61, InventoryStatus.OUTOFSTOCK, 4)); + products.add(new Product(1002, "zz21cz3c1", "Blue Band", "Product Description", "blue-band.jpg", 79, "Fitness", 2, InventoryStatus.LOWSTOCK, 3)); + products.add(new Product(1003, "244wgerg2", "Blue T-Shirt", "Product Description", "blue-t-shirt.jpg", 29, "Clothing", 25, InventoryStatus.INSTOCK, 5)); + products.add(new Product(1004, "h456wer53", "Bracelet", "Product Description", "bracelet.jpg", 15, "Accessories", 73, InventoryStatus.INSTOCK, 4)); + products.add(new Product(1005, "av2231fwg", "Brown Purse", "Product Description", "brown-purse.jpg", 120, "Accessories", 0, InventoryStatus.OUTOFSTOCK, 4)); + products.add(new Product(1006, "bib36pfvm", "Chakra Bracelet", "Product Description", "chakra-bracelet.jpg", 32, "Accessories", 5, InventoryStatus.LOWSTOCK, 3)); + products.add(new Product(1007, "mbvjkgip5", "Galaxy Earrings", "Product Description", "galaxy-earrings.jpg", 34, "Accessories", 23, InventoryStatus.INSTOCK, 5)); + products.add(new Product(1008, "vbb124btr", "Game Controller", "Product Description", "game-controller.jpg", 99, "Electronics", 2, InventoryStatus.LOWSTOCK, 4)); + products.add(new Product(1009, "cm230f032", "Gaming Set", "Product Description", "gaming-set.jpg", 299, "Electronics", 63, InventoryStatus.INSTOCK, 3)); + products.add(new Product(1010, "plb34234v", "Gold Phone Case", "Product Description", "gold-phone-case.jpg", 24, "Accessories", 0, InventoryStatus.OUTOFSTOCK, 4)); + products.add(new Product(1011, "4920nnc2d", "Green Earbuds", "Product Description", "green-earbuds.jpg", 89, "Electronics", 23, InventoryStatus.INSTOCK, 4)); + products.add(new Product(1012, "250vm23cc", "Green T-Shirt", "Product Description", "green-t-shirt.jpg", 49, "Clothing", 74, InventoryStatus.INSTOCK, 5)); + products.add(new Product(1013, "fldsmn31b", "Grey T-Shirt", "Product Description", "grey-t-shirt.jpg", 48, "Clothing", 0, InventoryStatus.OUTOFSTOCK, 3)); + products.add(new Product(1014, "waas1x2as", "Headphones", "Product Description", "headphones.jpg", 175, "Electronics", 8, InventoryStatus.LOWSTOCK, 5)); + products.add(new Product(1015, "vb34btbg5", "Light Green T-Shirt", "Product Description", "light-green-t-shirt.jpg", 49, "Clothing", 34, InventoryStatus.INSTOCK, 4)); + products.add(new Product(1016, "k8l6j58jl", "Lime Band", "Product Description", "lime-band.jpg", 79, "Fitness", 12, InventoryStatus.INSTOCK, 3)); + products.add(new Product(1017, "v435nn85n", "Mini Speakers", "Product Description", "mini-speakers.jpg", 85, "Clothing", 42, InventoryStatus.INSTOCK, 4)); + products.add(new Product(1018, "09zx9c0zc", "Painted Phone Case", "Product Description", "painted-phone-case.jpg", 56, "Accessories", 41, InventoryStatus.INSTOCK, 5)); + products.add(new Product(1019, "mnb5mb2m5", "Pink Band", "Product Description", "pink-band.jpg", 79, "Fitness", 63, InventoryStatus.INSTOCK, 4)); + products.add(new Product(1020, "r23fwf2w3", "Pink Purse", "Product Description", "pink-purse.jpg", 110, "Accessories", 0, InventoryStatus.OUTOFSTOCK, 4)); + products.add(new Product(1021, "pxpzczo23", "Purple Band", "Product Description", "purple-band.jpg", 79, "Fitness", 6, InventoryStatus.LOWSTOCK, 3)); + products.add(new Product(1022, "2c42cb5cb", "Purple Gemstone Necklace", "Product Description", "purple-gemstone-necklace.jpg", 45, "Accessories", 62, InventoryStatus.INSTOCK, 4)); + products.add(new Product(1023, "5k43kkk23", "Purple T-Shirt", "Product Description", "purple-t-shirt.jpg", 49, "Clothing", 2, InventoryStatus.LOWSTOCK, 5)); + products.add(new Product(1024, "lm2tny2k4", "Shoes", "Product Description", "shoes.jpg", 64, "Clothing", 0, InventoryStatus.INSTOCK, 4)); + products.add(new Product(1025, "nbm5mv45n", "Sneakers", "Product Description", "sneakers.jpg", 78, "Clothing", 52, InventoryStatus.INSTOCK, 4)); + products.add(new Product(1026, "zx23zc42c", "Teal T-Shirt", "Product Description", "teal-t-shirt.jpg", 49, "Clothing", 3, InventoryStatus.LOWSTOCK, 3)); + products.add(new Product(1027, "acvx872gc", "Yellow Earbuds", "Product Description", "yellow-earbuds.jpg", 89, "Electronics", 35, InventoryStatus.INSTOCK, 3)); + products.add(new Product(1028, "tx125ck42", "Yoga Mat", "Product Description", "yoga-mat.jpg", 20, "Fitness", 15, InventoryStatus.INSTOCK, 5)); + products.add(new Product(1029, "gwuby345v", "Yoga Set", "Product Description", "yoga-set.jpg", 20, "Fitness", 25, InventoryStatus.INSTOCK, 8)); + + } + + public List getProducts() { + return new ArrayList<>(products); + } + + public List getProducts(int size) { + + if (size > products.size()) { + Random rand = new Random(); + + List randomList = new ArrayList<>(); + for (int i = 0; i < size; i++) { + int randomIndex = rand.nextInt(products.size()); + randomList.add(products.get(randomIndex)); + } + + return randomList; + } + + else { + return new ArrayList<>(products.subList(0, size)); + } + + } + + public List getClonedProducts(int size) { + List results = new ArrayList<>(); + List originals = getProducts(size); + for (Product original : originals) { + results.add(original.clone()); + } + return results; + } +} diff --git a/src/main/java/org/primefaces/poseidon/view/CrudDemoView.java b/src/main/java/org/primefaces/poseidon/view/CrudDemoView.java new file mode 100644 index 0000000..5821d7d --- /dev/null +++ b/src/main/java/org/primefaces/poseidon/view/CrudDemoView.java @@ -0,0 +1,131 @@ +/* + Copyright 2009-2022 PrimeTek. + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + */ +package org.primefaces.poseidon.view; + +import jakarta.inject.Inject; +import jakarta.inject.Named; + +import org.primefaces.PrimeFaces; +import org.primefaces.poseidon.domain.Product; +import org.primefaces.poseidon.service.OrderService; +import org.primefaces.poseidon.service.ProductService; +import org.primefaces.event.ToggleEvent; +import org.primefaces.model.Visibility; + +import java.io.Serializable; +import java.util.List; +import java.util.UUID; + +import jakarta.annotation.PostConstruct; +import jakarta.faces.application.FacesMessage; +import jakarta.faces.context.FacesContext; +import jakarta.faces.view.ViewScoped; + +@Named +@ViewScoped +public class CrudDemoView implements Serializable { + + private List products; + + private Product selectedProduct; + + private List selectedProducts; + + @Inject + private ProductService productService; + + @Inject + private OrderService orderService; + + @PostConstruct + public void init() { + this.products = this.productService.getClonedProducts(30); + } + + public List getProducts() { + return products; + } + + public Product getSelectedProduct() { + return selectedProduct; + } + + public void setSelectedProduct(Product selectedProduct) { + this.selectedProduct = selectedProduct; + } + + public List getSelectedProducts() { + return selectedProducts; + } + + public void setSelectedProducts(List selectedProducts) { + this.selectedProducts = selectedProducts; + } + + public void openNew() { + this.selectedProduct = new Product(); + } + + public void saveProduct() { + if (this.selectedProduct.getCode() == null) { + this.selectedProduct.setCode(UUID.randomUUID().toString().replaceAll("-", "").substring(0, 9)); + this.products.add(this.selectedProduct); + FacesContext.getCurrentInstance().addMessage(null, new FacesMessage("Product Added")); + } + else { + FacesContext.getCurrentInstance().addMessage(null, new FacesMessage("Product Updated")); + } + + PrimeFaces.current().executeScript("PF('manageProductDialog').hide()"); + PrimeFaces.current().ajax().update("form:messages", "form:dt-products"); + } + + public void deleteProduct() { + this.products.remove(this.selectedProduct); + this.selectedProduct = null; + FacesContext.getCurrentInstance().addMessage(null, new FacesMessage("Product Removed")); + PrimeFaces.current().ajax().update("form:messages", "form:dt-products"); + } + + public String getDeleteButtonMessage() { + if (hasSelectedProducts()) { + int size = this.selectedProducts.size(); + return size > 1 ? size + " products selected" : "1 product selected"; + } + + return "Delete"; + } + + public boolean hasSelectedProducts() { + return this.selectedProducts != null && !this.selectedProducts.isEmpty(); + } + + public void deleteSelectedProducts() { + this.products.removeAll(this.selectedProducts); + this.selectedProducts = null; + FacesContext.getCurrentInstance().addMessage(null, new FacesMessage("Products Removed")); + PrimeFaces.current().ajax().update("form:messages", "form:dt-products"); + } + + public void onRowToggle(ToggleEvent event) { + if (event.getVisibility() == Visibility.VISIBLE) { + Product product = (Product) event.getData(); + if (product.getOrders() == null) { + product.setOrders(orderService.getOrders((int) (Math.random() * 10))); + } + } + } +} \ No newline at end of file diff --git a/src/main/java/org/primefaces/poseidon/view/GuestPreferences.java b/src/main/java/org/primefaces/poseidon/view/GuestPreferences.java new file mode 100644 index 0000000..d5415da --- /dev/null +++ b/src/main/java/org/primefaces/poseidon/view/GuestPreferences.java @@ -0,0 +1,143 @@ +package org.primefaces.poseidon.view; +import jakarta.enterprise.context.SessionScoped; +import jakarta.annotation.PostConstruct; +import java.io.Serializable; +import java.util.ArrayList; +import java.util.List; +import jakarta.inject.Named; + +@Named +@SessionScoped + +public class GuestPreferences implements Serializable { + + private String menuMode = "layout-static layout-static-active"; + + private String componentTheme = "denim"; + + private String topbarTheme = "light"; + + private String menuTheme = "dim"; + + private boolean orientationRTL; + + private String darkMode = "light"; + + private String inputStyle = "outlined"; + + private List componentThemes = new ArrayList(); + + @PostConstruct + public void init() { + componentThemes.add(new ComponentTheme("Denim", "denim", "#2f8ee5")); + componentThemes.add(new ComponentTheme("Sea Green", "sea-green", "#30A059")); + componentThemes.add(new ComponentTheme("Amethyst", "amethyst", "#834CA8")); + componentThemes.add(new ComponentTheme("Wedgewood", "wedgewood", "#557DAA")); + componentThemes.add(new ComponentTheme("Tapestry", "tapestry", "#A74896")); + componentThemes.add(new ComponentTheme("Cape Palliser", "cape-palliser", "#A46B3E")); + componentThemes.add(new ComponentTheme("Apple", "apple", "#52A235")); + componentThemes.add(new ComponentTheme("Gigas", "gigas", "#5751A9")); + componentThemes.add(new ComponentTheme("Jungle Green", "jungle-green", "#2B9F9C")); + componentThemes.add(new ComponentTheme("Camelot", "camelot", "#A54357")); + componentThemes.add(new ComponentTheme("Amber", "amber", "#D49341")); + componentThemes.add(new ComponentTheme("Cyan", "cyan", "#399DB2")); + } + + + public String getDarkMode() { + return darkMode; + } + + public void setDarkMode(String darkMode) { + this.darkMode = darkMode; + this.menuTheme = darkMode; + this.topbarTheme = darkMode; + } + + public String getTheme() { + return this.componentTheme + '-' + this.darkMode ; + } + + public String getComponentTheme() { + return componentTheme; + } + + public void setComponentTheme(String componentTheme) { + this.componentTheme = componentTheme; + } + + public String getMenuTheme() { + return menuTheme; + } + + public void setMenuTheme(String menuTheme) { + this.menuTheme = menuTheme; + } + + public String getTopbarTheme() { + return topbarTheme; + } + + public void setTopbarTheme(String topbarTheme) { + this.topbarTheme = topbarTheme; + } + + public String getMenuMode() { + return this.menuMode; + } + + public void setMenuMode(String menuMode) { + this.menuMode = menuMode; + } + + public boolean isOrientationRTL() { + return orientationRTL; + } + + public void setOrientationRTL(boolean orientationRTL) { + this.orientationRTL = orientationRTL; + } + + public String getInputStyle() { + return inputStyle; + } + + public String getInputStyleClass() { + return this.inputStyle.equals("filled") ? "ui-input-filled" : ""; + } + + public void setInputStyle(String inputStyle) { + this.inputStyle = inputStyle; + } + + public List getComponentThemes() { + return componentThemes; + } + + public class ComponentTheme { + String name; + String file; + String color; + + public ComponentTheme(String name, String file, String color) { + this.name = name; + this.file = file; + this.color = color; + } + + public String getName() { + return this.name; + } + + public String getFile() { + return this.file; + } + + public String getColor() { + return this.color; + } + } + + + +} diff --git a/src/main/webapp/META-INF/context.xml b/src/main/webapp/META-INF/context.xml new file mode 100644 index 0000000..f9ad9ad --- /dev/null +++ b/src/main/webapp/META-INF/context.xml @@ -0,0 +1,4 @@ + + + + diff --git a/src/main/webapp/WEB-INF/beans.xml b/src/main/webapp/WEB-INF/beans.xml new file mode 100644 index 0000000..0f927ff --- /dev/null +++ b/src/main/webapp/WEB-INF/beans.xml @@ -0,0 +1,6 @@ + + + diff --git a/src/main/webapp/WEB-INF/faces-config.xml b/src/main/webapp/WEB-INF/faces-config.xml new file mode 100644 index 0000000..007e21c --- /dev/null +++ b/src/main/webapp/WEB-INF/faces-config.xml @@ -0,0 +1,24 @@ + + + + primefaces_poseidon + + + org.primefaces.component.PoseidonMenu + org.primefaces.poseidon.component.PoseidonMenu + + + + + org.primefaces.component + org.primefaces.component.PoseidonMenuRenderer + org.primefaces.poseidon.component.PoseidonMenuRenderer + + + + \ No newline at end of file diff --git a/src/main/webapp/WEB-INF/primefaces-poseidon.taglib.xml b/src/main/webapp/WEB-INF/primefaces-poseidon.taglib.xml new file mode 100644 index 0000000..2067daa --- /dev/null +++ b/src/main/webapp/WEB-INF/primefaces-poseidon.taglib.xml @@ -0,0 +1,60 @@ + + + + http://primefaces.org/poseidon + + + + menu + + org.primefaces.component.PoseidonMenu + org.primefaces.component.PoseidonMenuRenderer + + + + id + false + java.lang.String + + + + rendered + false + java.lang.Boolean + + + + binding + false + jakarta.faces.component.UIComponent + + + + widgetVar + false + java.lang.String + + + + model + false + org.primefaces.model.menu.MenuModel + + + + style + false + java.lang.String + + + + styleClass + false + java.lang.String + + + + \ No newline at end of file diff --git a/src/main/webapp/WEB-INF/web.xml b/src/main/webapp/WEB-INF/web.xml new file mode 100644 index 0000000..179c2d7 --- /dev/null +++ b/src/main/webapp/WEB-INF/web.xml @@ -0,0 +1,102 @@ + + + + index.xhtml + + + primefaces.SUBMIT + partial + + + jakarta.faces.STATE_SAVING_METHOD + server + + + jakarta.faces.PROJECT_STAGE + Development + + + primefaces.THEME + poseidon-#{guestPreferences.theme} + + + primefaces.FONT_AWESOME + true + + + jakarta.faces.FACELETS_LIBRARIES + /WEB-INF/primefaces-poseidon.taglib.xml + + + + com.sun.faces.config.ConfigureListener + + + Character Encoding Filter + org.primefaces.poseidon.filter.CharacterEncodingFilter + + + Character Encoding Filter + Faces Servlet + + + Faces Servlet + jakarta.faces.webapp.FacesServlet + + + Faces Servlet + *.xhtml + + + index.xhtml + + + ttf + application/font-sfnt + + + woff + application/font-woff + + + woff2 + application/font-woff2 + + + eot + application/vnd.ms-fontobject + + + eot?#iefix + application/vnd.ms-fontobject + + + svg + image/svg+xml + + + svg#exosemibold + image/svg+xml + + + svg#exobolditalic + image/svg+xml + + + svg#exomedium + image/svg+xml + + + svg#exoregular + image/svg+xml + + + svg#fontawesomeregular + image/svg+xml + + diff --git a/src/main/webapp/agtemplate/Tb_template.xhtml b/src/main/webapp/agtemplate/Tb_template.xhtml new file mode 100644 index 0000000..585a3b1 --- /dev/null +++ b/src/main/webapp/agtemplate/Tb_template.xhtml @@ -0,0 +1,44 @@ + + + + tb_template + + Agtemplate + tb_template + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/main/webapp/agtemplate/forms/crud/Tb_template/Tb_templateCU.xhtml b/src/main/webapp/agtemplate/forms/crud/Tb_template/Tb_templateCU.xhtml new file mode 100644 index 0000000..87f9930 --- /dev/null +++ b/src/main/webapp/agtemplate/forms/crud/Tb_template/Tb_templateCU.xhtml @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + diff --git a/src/main/webapp/agtemplate/forms/crud/Tb_template/Tb_templateConsult.xhtml b/src/main/webapp/agtemplate/forms/crud/Tb_template/Tb_templateConsult.xhtml new file mode 100644 index 0000000..6cd8bdb --- /dev/null +++ b/src/main/webapp/agtemplate/forms/crud/Tb_template/Tb_templateConsult.xhtml @@ -0,0 +1,51 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/main/webapp/agtemplate/forms/crud/Tb_template/Tb_templateConsultLazy.xhtml b/src/main/webapp/agtemplate/forms/crud/Tb_template/Tb_templateConsultLazy.xhtml new file mode 100644 index 0000000..03fed93 --- /dev/null +++ b/src/main/webapp/agtemplate/forms/crud/Tb_template/Tb_templateConsultLazy.xhtml @@ -0,0 +1,79 @@ + + + + + + + + + + + + +
+
+ + + + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/main/webapp/agtemplate/forms/crud/Tb_template/Tb_templateD.xhtml b/src/main/webapp/agtemplate/forms/crud/Tb_template/Tb_templateD.xhtml new file mode 100644 index 0000000..998ba50 --- /dev/null +++ b/src/main/webapp/agtemplate/forms/crud/Tb_template/Tb_templateD.xhtml @@ -0,0 +1,21 @@ + + + + + + + +
+ + + +
+ + + + diff --git a/src/main/webapp/agtemplate/forms/crud/Tb_template/Tb_templateFiltro.xhtml b/src/main/webapp/agtemplate/forms/crud/Tb_template/Tb_templateFiltro.xhtml new file mode 100644 index 0000000..dc8ff2e --- /dev/null +++ b/src/main/webapp/agtemplate/forms/crud/Tb_template/Tb_templateFiltro.xhtml @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + diff --git a/src/main/webapp/agtemplate/forms/crud/Tb_template/Tb_templateR.xhtml b/src/main/webapp/agtemplate/forms/crud/Tb_template/Tb_templateR.xhtml new file mode 100644 index 0000000..ff91254 --- /dev/null +++ b/src/main/webapp/agtemplate/forms/crud/Tb_template/Tb_templateR.xhtml @@ -0,0 +1,20 @@ + + + + + + +
+ + + +
+ + + + diff --git a/src/main/webapp/agtemplate/forms/modal/Tb_template/Tb_templateCU.xhtml b/src/main/webapp/agtemplate/forms/modal/Tb_template/Tb_templateCU.xhtml new file mode 100644 index 0000000..1d59f92 --- /dev/null +++ b/src/main/webapp/agtemplate/forms/modal/Tb_template/Tb_templateCU.xhtml @@ -0,0 +1,19 @@ + + + + + + + + + + + + + diff --git a/src/main/webapp/agtemplate/forms/modal/Tb_template/Tb_templateD.xhtml b/src/main/webapp/agtemplate/forms/modal/Tb_template/Tb_templateD.xhtml new file mode 100644 index 0000000..972b496 --- /dev/null +++ b/src/main/webapp/agtemplate/forms/modal/Tb_template/Tb_templateD.xhtml @@ -0,0 +1,16 @@ + + + + + + + + + + diff --git a/src/main/webapp/agtemplate/forms/modal/Tb_template/Tb_templateFiltro.xhtml b/src/main/webapp/agtemplate/forms/modal/Tb_template/Tb_templateFiltro.xhtml new file mode 100644 index 0000000..82fac61 --- /dev/null +++ b/src/main/webapp/agtemplate/forms/modal/Tb_template/Tb_templateFiltro.xhtml @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + diff --git a/src/main/webapp/agtemplate/forms/modal/Tb_template/Tb_templatePesquisa.xhtml b/src/main/webapp/agtemplate/forms/modal/Tb_template/Tb_templatePesquisa.xhtml new file mode 100644 index 0000000..0350250 --- /dev/null +++ b/src/main/webapp/agtemplate/forms/modal/Tb_template/Tb_templatePesquisa.xhtml @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/src/main/webapp/agtemplate/forms/modal/Tb_template/Tb_templateR.xhtml b/src/main/webapp/agtemplate/forms/modal/Tb_template/Tb_templateR.xhtml new file mode 100644 index 0000000..1cea536 --- /dev/null +++ b/src/main/webapp/agtemplate/forms/modal/Tb_template/Tb_templateR.xhtml @@ -0,0 +1,17 @@ + + + + + + + + + + + diff --git a/src/main/webapp/agtemplate/index.xhtml b/src/main/webapp/agtemplate/index.xhtml new file mode 100644 index 0000000..12b2a4a --- /dev/null +++ b/src/main/webapp/agtemplate/index.xhtml @@ -0,0 +1,18 @@ + + + + HOME + + agtemplate + + + + + + diff --git a/src/main/webapp/agtemplate/relatorios/Tb_template.jrxml b/src/main/webapp/agtemplate/relatorios/Tb_template.jrxml new file mode 100644 index 0000000..80e1e1d --- /dev/null +++ b/src/main/webapp/agtemplate/relatorios/Tb_template.jrxml @@ -0,0 +1,96 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/main/webapp/agtemplate/relatorios/agtemplatePrincipal.jrxml b/src/main/webapp/agtemplate/relatorios/agtemplatePrincipal.jrxml new file mode 100644 index 0000000..4497d53 --- /dev/null +++ b/src/main/webapp/agtemplate/relatorios/agtemplatePrincipal.jrxml @@ -0,0 +1,87 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/main/webapp/agtemplate/template/menu.xhtml b/src/main/webapp/agtemplate/template/menu.xhtml new file mode 100644 index 0000000..7b53b2b --- /dev/null +++ b/src/main/webapp/agtemplate/template/menu.xhtml @@ -0,0 +1,11 @@ + + + + + + diff --git a/src/main/webapp/agtemplate/template/template.xhtml b/src/main/webapp/agtemplate/template/template.xhtml new file mode 100644 index 0000000..29ab362 --- /dev/null +++ b/src/main/webapp/agtemplate/template/template.xhtml @@ -0,0 +1,38 @@ + + + + + + + AGTEMPLATE / <ui:insert name="HEAD_TITULO_PAGINA"></ui:insert> + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/main/webapp/index.xhtml b/src/main/webapp/index.xhtml new file mode 100644 index 0000000..b949415 --- /dev/null +++ b/src/main/webapp/index.xhtml @@ -0,0 +1,14 @@ + + + + AgTemplate + + AgTemplate + + diff --git a/src/main/webapp/resources/demo/css/_demo_common.scss b/src/main/webapp/resources/demo/css/_demo_common.scss new file mode 100644 index 0000000..ac41a8c --- /dev/null +++ b/src/main/webapp/resources/demo/css/_demo_common.scss @@ -0,0 +1,16 @@ +@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/_dashboard'; +@import './pages/_chronoline'; +@import './pages/_floatlabel'; +@import './pages/_syntax'; +@import './pages/_blocks'; +@import './_rightpanel'; +@import './_topbar'; \ No newline at end of file diff --git a/src/main/webapp/resources/demo/css/_rightpanel.scss b/src/main/webapp/resources/demo/css/_rightpanel.scss new file mode 100644 index 0000000..588d1de --- /dev/null +++ b/src/main/webapp/resources/demo/css/_rightpanel.scss @@ -0,0 +1,74 @@ +.layout-rightpanel { + .rightpanel-wrapper { + .section-tasks { + h5 { + margin:30px 20px 10px; + color: $textColor; + opacity: .8; + } + + > ul { + padding: 30px 0; + margin: 0; + list-style-type: none; + + > li { + @include flex(); + padding: 8px 24px; + margin: 0 0 4px; + + .ui-selectbooleancheckbox { + width: 32px; + height: 32px; + .ui-chkbox-box { + width: 32px; + height: 32px; + @include border-radius(50%); + + &.ui-state-active { + color: $textColor; + background-color: transparent; + border-color: transparent; + + &.ui-state-hover { + border-color: #D9DEE6; + } + } + + } + } + + .task { + margin-left: 12px; + + h6 { + margin: 0; + color: $textColor; + } + + span { + display: block; + font-size: 12px; + color: $textColor; + opacity: 0.5; + } + + &.done { + h6 { + text-decoration: line-through; + } + } + } + } + } + } + + hr { + border: none; + background-image: linear-gradient(to right, $dividerColor, $contentBgColor 100%); + height: 1px; + margin: 0; + margin-left: 20px; + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/demo/css/_topbar.scss b/src/main/webapp/resources/demo/css/_topbar.scss new file mode 100644 index 0000000..df6ed20 --- /dev/null +++ b/src/main/webapp/resources/demo/css/_topbar.scss @@ -0,0 +1,48 @@ +.layout-topbar{ + .layout-topbar-wrapper { + .layout-topbar-right { + .layout-topbar-actions { + > li { + &.notifications, &.settings { + > ul { + > li { + &:nth-child(2){ + > a{ + > i { + background-color: rgba(#2f8ee5,0.2) ; + color: #2f8ee5; + } + } + } + &:nth-child(3){ + > a{ + > i { + background-color: rgba(#02acac,0.2) ; + color: #02acac; + } + } + } + &:nth-child(4){ + > a{ + > i { + background-color: rgba(#f16383,0.2) ; + color: #f16383; + } + } + } + &:nth-child(5){ + > a{ + > i { + background-color: rgba(#2f8ee5,0.2) ; + color: #2f8ee5; + } + } + } + } + } + } + } + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/demo/css/demo-dark.css b/src/main/webapp/resources/demo/css/demo-dark.css new file mode 100644 index 0000000..e90d228 --- /dev/null +++ b/src/main/webapp/resources/demo/css/demo-dark.css @@ -0,0 +1,1020 @@ +:root { + --content-alt-bg-color:#4E565F; +} + +.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: #C8E6C9; + color: #256029; +} +.order-badge.order-cancelled { + background: #FFCDD2; + color: #C63737; +} +.order-badge.order-pending { + background: #FEEDAF; + color: #8A5340; +} +.order-badge.order-returned { + background: #ECCFFF; + color: #694382; +} + +.product-badge { + border-radius: 2px; + padding: 0.25em 0.5rem; + text-transform: uppercase; + font-weight: 700; + font-size: 12px; + letter-spacing: 0.3px; +} +.product-badge.status-instock { + background: #C8E6C9; + color: #256029; +} +.product-badge.status-outofstock { + background: #FFCDD2; + color: #C63737; +} +.product-badge.status-lowstock { + background: #FEEDAF; + color: #8A5340; +} + +.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: #C8E6C9; + color: #256029; +} +.customer-badge.status-unqualified { + background: #FFCDD2; + color: #C63737; +} +.customer-badge.status-negotiation { + background: #FEEDAF; + color: #8A5340; +} +.customer-badge.status-new { + background: #B3E5FC; + color: #23547B; +} +.customer-badge.status-renewal { + background: #ECCFFF; + color: #694382; +} +.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: #CDD2DB; +} +.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 #4E565F; +} +.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; +} +.table-demo .ui-progressbar-value.ui-widget-header { + background: #607d8b; +} + +@media (max-width: 640px) { + .table-demo .ui-progressbar { + margin-top: 0.5rem; + } +} +.layout-dashboard .traffic { + overflow-x: hidden; +} +.layout-dashboard .traffic > span { + display: block; + margin-top: 2px; + margin-bottom: 12px; + font-size: 13px; + font-weight: 600; + color: #E5E8EC; +} +.layout-dashboard .traffic .traffic-tabs { + margin-top: 28px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.layout-dashboard .traffic .traffic-tabs .traffic-tab { + border-radius: 4px; + background-color: #4E565F; + text-align: center; + padding: 6px 1px 8px; + width: 100%; + margin-right: 5px; + cursor: pointer; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-dashboard .traffic .traffic-tabs .traffic-tab:last-child { + margin: 0; +} +.layout-dashboard .traffic .traffic-tabs .traffic-tab > h6 { + font-weight: bold; + margin: 0; + color: #E5E8EC; + margin-bottom: 10px; +} +.layout-dashboard .traffic .traffic-tabs .traffic-tab > i { + font-size: 24px; +} +.layout-dashboard .traffic .traffic-tabs .traffic-tab > span { + display: block; + font-size: 12px; + color: #E5E8EC; + margin-top: 6px; +} +.layout-dashboard .traffic .traffic-tabs .traffic-tab:hover { + background-color: rgba(78, 86, 95, 0.4); +} +.layout-dashboard .traffic .traffic-tabs .traffic-tab.traffic-tab-active { + background-color: #1c75c6; + background-color: var(--primary-dark-color, #1c75c6); +} +.layout-dashboard .traffic .traffic-tabs .traffic-tab.traffic-tab-active > h6, +.layout-dashboard .traffic .traffic-tabs .traffic-tab.traffic-tab-active > span, +.layout-dashboard .traffic .traffic-tabs .traffic-tab.traffic-tab-active i { + color: #ffffff; +} +.layout-dashboard .traffic .traffic-tabs .traffic-tab.traffic-tab-active:hover { + background-color: #2c84d8; + background-color: var(--primary-color, #2c84d8); +} +.layout-dashboard .traffic .traffic-chart { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; +} +.layout-dashboard .goals { + overflow-x: hidden; + background-image: linear-gradient(134deg, #2873D3, #2873D3 99%); + background-image: linear-gradient(134deg, var(--primary-color, #2873D3), var(--primary-dark-color, #2873D3) 99%); +} +.layout-dashboard .goals .card-header { + padding: 0; +} +.layout-dashboard .goals .card-header > h6 { + color: #ffffff; + color: var(--primary-color-text, #ffffff); +} +.layout-dashboard .goals .card-header > span { + color: #ffffff; + color: var(--primary-color-text, #ffffff); + font-size: 11px; + display: block; +} +.layout-dashboard .goals .card-header > span > span { + font-size: 14px; + font-weight: 600; +} +.layout-dashboard .goals > span { + color: #ffffff; + color: var(--primary-color-text, #ffffff); + opacity: 0.8; + font-size: 12px; + font-weight: 600; + display: block; +} +.layout-dashboard .goals .goal-graph { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + padding: 24px 0; +} +.layout-dashboard .goals .goal-graph > img { + width: 100%; + max-width: 240px; + height: auto; +} +.layout-dashboard .leaderboard { + height: 100%; +} +.layout-dashboard .leaderboard > ul { + margin: 0; + padding: 0; + list-style-type: none; +} +.layout-dashboard .leaderboard > ul > li { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + margin-top: 6px; + padding: 5px 0; + padding: 6px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + cursor: pointer; +} +.layout-dashboard .leaderboard > ul > li:hover { + background-color: rgba(78, 86, 95, 0.7); +} +.layout-dashboard .leaderboard > ul > li .person { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-dashboard .leaderboard > ul > li .person > img { + width: 32px; + height: 32px; + margin-right: 12px; +} +.layout-dashboard .leaderboard > ul > li .person > p { + margin: 0; + color: #E5E8EC; +} +.layout-dashboard .leaderboard > ul > li .person-numbers { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-dashboard .leaderboard > ul > li .person-numbers > h6 { + margin: 0; + color: #E5E8EC; + font-weight: 600; + margin-right: 12px; +} +.layout-dashboard .leaderboard > ul > li .person-numbers > i { + color: #00acac; +} +.layout-dashboard .sales .card-header { + margin-bottom: 8px; +} + +.layout-rtl .layout-dashboard .sale-graph .order-tabs .order-tab:first-child { + margin-right: 0; + margin-left: 26px; +} +.layout-rtl .layout-dashboard .traffic .traffic-tabs .traffic-tab { + margin-right: 0px; + margin-left: 5px; +} +.layout-rtl .layout-dashboard .leaderboard > ul li { + background-color: #434B54; + cursor: pointer; +} +.layout-rtl .layout-dashboard .leaderboard > ul li .person > img { + margin-right: 0px; + margin-left: 12px; +} +.layout-rtl .layout-dashboard .leaderboard > ul li .person-numbers > h6 { + margin-right: 0px; + margin-left: 12px; +} +.layout-rtl .layout-dashboard .leaderboard > ul li:hover { + background-color: #4E565F; +} +.layout-rtl .layout-dashboard .product-list > ul li .product > img { + margin-right: 0px; + margin-left: 12px; +} +.layout-rtl .layout-dashboard .product-list > ul li:hover { + background-color: #4E565F; +} + +.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; + } +} +.layout-rightpanel .rightpanel-wrapper .section-tasks h5 { + margin: 30px 20px 10px; + color: #E5E8EC; + opacity: 0.8; +} +.layout-rightpanel .rightpanel-wrapper .section-tasks > ul { + padding: 30px 0; + margin: 0; + list-style-type: none; +} +.layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li { + display: -ms-flexbox; + display: flex; + padding: 8px 24px; + margin: 0 0 4px; +} +.layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .ui-selectbooleancheckbox { + width: 32px; + height: 32px; +} +.layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .ui-selectbooleancheckbox .ui-chkbox-box { + width: 32px; + height: 32px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; +} +.layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .ui-selectbooleancheckbox .ui-chkbox-box.ui-state-active { + color: #E5E8EC; + background-color: transparent; + border-color: transparent; +} +.layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .ui-selectbooleancheckbox .ui-chkbox-box.ui-state-active.ui-state-hover { + border-color: #D9DEE6; +} +.layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .task { + margin-left: 12px; +} +.layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .task h6 { + margin: 0; + color: #E5E8EC; +} +.layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .task span { + display: block; + font-size: 12px; + color: #E5E8EC; + opacity: 0.5; +} +.layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .task.done h6 { + text-decoration: line-through; +} +.layout-rightpanel .rightpanel-wrapper hr { + border: none; + background-image: linear-gradient(to right, #4E565F, #434B54 100%); + height: 1px; + margin: 0; + margin-left: 20px; +} + +.layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.notifications > ul > li:nth-child(2) > a > i, .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.settings > ul > li:nth-child(2) > a > i { + background-color: rgba(47, 142, 229, 0.2); + color: #2f8ee5; +} +.layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.notifications > ul > li:nth-child(3) > a > i, .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.settings > ul > li:nth-child(3) > a > i { + background-color: rgba(2, 172, 172, 0.2); + color: #02acac; +} +.layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.notifications > ul > li:nth-child(4) > a > i, .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.settings > ul > li:nth-child(4) > a > i { + background-color: rgba(241, 99, 131, 0.2); + color: #f16383; +} +.layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.notifications > ul > li:nth-child(5) > a > i, .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.settings > ul > li:nth-child(5) > a > i { + background-color: rgba(47, 142, 229, 0.2); + color: #2f8ee5; +} diff --git a/src/main/webapp/resources/demo/css/demo-dark.scss b/src/main/webapp/resources/demo/css/demo-dark.scss new file mode 100644 index 0000000..98c2faa --- /dev/null +++ b/src/main/webapp/resources/demo/css/demo-dark.scss @@ -0,0 +1,2 @@ +@import '../../sass/variables/layout/_layout_dark'; +@import './_demo_common'; diff --git a/src/main/webapp/resources/demo/css/demo-dim.css b/src/main/webapp/resources/demo/css/demo-dim.css new file mode 100644 index 0000000..2fe7547 --- /dev/null +++ b/src/main/webapp/resources/demo/css/demo-dim.css @@ -0,0 +1,1020 @@ +:root { + --content-alt-bg-color:#495771; +} + +.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: #C8E6C9; + color: #256029; +} +.order-badge.order-cancelled { + background: #FFCDD2; + color: #C63737; +} +.order-badge.order-pending { + background: #FEEDAF; + color: #8A5340; +} +.order-badge.order-returned { + background: #ECCFFF; + color: #694382; +} + +.product-badge { + border-radius: 2px; + padding: 0.25em 0.5rem; + text-transform: uppercase; + font-weight: 700; + font-size: 12px; + letter-spacing: 0.3px; +} +.product-badge.status-instock { + background: #C8E6C9; + color: #256029; +} +.product-badge.status-outofstock { + background: #FFCDD2; + color: #C63737; +} +.product-badge.status-lowstock { + background: #FEEDAF; + color: #8A5340; +} + +.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: #C8E6C9; + color: #256029; +} +.customer-badge.status-unqualified { + background: #FFCDD2; + color: #C63737; +} +.customer-badge.status-negotiation { + background: #FEEDAF; + color: #8A5340; +} +.customer-badge.status-new { + background: #B3E5FC; + color: #23547B; +} +.customer-badge.status-renewal { + background: #ECCFFF; + color: #694382; +} +.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: #B1B9C9; +} +.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 #495771; +} +.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; +} +.table-demo .ui-progressbar-value.ui-widget-header { + background: #607d8b; +} + +@media (max-width: 640px) { + .table-demo .ui-progressbar { + margin-top: 0.5rem; + } +} +.layout-dashboard .traffic { + overflow-x: hidden; +} +.layout-dashboard .traffic > span { + display: block; + margin-top: 2px; + margin-bottom: 12px; + font-size: 13px; + font-weight: 600; + color: #CACFDB; +} +.layout-dashboard .traffic .traffic-tabs { + margin-top: 28px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.layout-dashboard .traffic .traffic-tabs .traffic-tab { + border-radius: 4px; + background-color: #495771; + text-align: center; + padding: 6px 1px 8px; + width: 100%; + margin-right: 5px; + cursor: pointer; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-dashboard .traffic .traffic-tabs .traffic-tab:last-child { + margin: 0; +} +.layout-dashboard .traffic .traffic-tabs .traffic-tab > h6 { + font-weight: bold; + margin: 0; + color: #CACFDB; + margin-bottom: 10px; +} +.layout-dashboard .traffic .traffic-tabs .traffic-tab > i { + font-size: 24px; +} +.layout-dashboard .traffic .traffic-tabs .traffic-tab > span { + display: block; + font-size: 12px; + color: #CACFDB; + margin-top: 6px; +} +.layout-dashboard .traffic .traffic-tabs .traffic-tab:hover { + background-color: rgba(73, 87, 113, 0.4); +} +.layout-dashboard .traffic .traffic-tabs .traffic-tab.traffic-tab-active { + background-color: #1c75c6; + background-color: var(--primary-dark-color, #1c75c6); +} +.layout-dashboard .traffic .traffic-tabs .traffic-tab.traffic-tab-active > h6, +.layout-dashboard .traffic .traffic-tabs .traffic-tab.traffic-tab-active > span, +.layout-dashboard .traffic .traffic-tabs .traffic-tab.traffic-tab-active i { + color: #ffffff; +} +.layout-dashboard .traffic .traffic-tabs .traffic-tab.traffic-tab-active:hover { + background-color: #2c84d8; + background-color: var(--primary-color, #2c84d8); +} +.layout-dashboard .traffic .traffic-chart { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; +} +.layout-dashboard .goals { + overflow-x: hidden; + background-image: linear-gradient(134deg, #2873D3, #2873D3 99%); + background-image: linear-gradient(134deg, var(--primary-color, #2873D3), var(--primary-dark-color, #2873D3) 99%); +} +.layout-dashboard .goals .card-header { + padding: 0; +} +.layout-dashboard .goals .card-header > h6 { + color: #ffffff; + color: var(--primary-color-text, #ffffff); +} +.layout-dashboard .goals .card-header > span { + color: #ffffff; + color: var(--primary-color-text, #ffffff); + font-size: 11px; + display: block; +} +.layout-dashboard .goals .card-header > span > span { + font-size: 14px; + font-weight: 600; +} +.layout-dashboard .goals > span { + color: #ffffff; + color: var(--primary-color-text, #ffffff); + opacity: 0.8; + font-size: 12px; + font-weight: 600; + display: block; +} +.layout-dashboard .goals .goal-graph { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + padding: 24px 0; +} +.layout-dashboard .goals .goal-graph > img { + width: 100%; + max-width: 240px; + height: auto; +} +.layout-dashboard .leaderboard { + height: 100%; +} +.layout-dashboard .leaderboard > ul { + margin: 0; + padding: 0; + list-style-type: none; +} +.layout-dashboard .leaderboard > ul > li { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + margin-top: 6px; + padding: 5px 0; + padding: 6px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + cursor: pointer; +} +.layout-dashboard .leaderboard > ul > li:hover { + background-color: rgba(73, 87, 113, 0.7); +} +.layout-dashboard .leaderboard > ul > li .person { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-dashboard .leaderboard > ul > li .person > img { + width: 32px; + height: 32px; + margin-right: 12px; +} +.layout-dashboard .leaderboard > ul > li .person > p { + margin: 0; + color: #CACFDB; +} +.layout-dashboard .leaderboard > ul > li .person-numbers { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-dashboard .leaderboard > ul > li .person-numbers > h6 { + margin: 0; + color: #CACFDB; + font-weight: 600; + margin-right: 12px; +} +.layout-dashboard .leaderboard > ul > li .person-numbers > i { + color: #00acac; +} +.layout-dashboard .sales .card-header { + margin-bottom: 8px; +} + +.layout-rtl .layout-dashboard .sale-graph .order-tabs .order-tab:first-child { + margin-right: 0; + margin-left: 26px; +} +.layout-rtl .layout-dashboard .traffic .traffic-tabs .traffic-tab { + margin-right: 0px; + margin-left: 5px; +} +.layout-rtl .layout-dashboard .leaderboard > ul li { + background-color: #3C4962; + cursor: pointer; +} +.layout-rtl .layout-dashboard .leaderboard > ul li .person > img { + margin-right: 0px; + margin-left: 12px; +} +.layout-rtl .layout-dashboard .leaderboard > ul li .person-numbers > h6 { + margin-right: 0px; + margin-left: 12px; +} +.layout-rtl .layout-dashboard .leaderboard > ul li:hover { + background-color: #495771; +} +.layout-rtl .layout-dashboard .product-list > ul li .product > img { + margin-right: 0px; + margin-left: 12px; +} +.layout-rtl .layout-dashboard .product-list > ul li:hover { + background-color: #495771; +} + +.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; + } +} +.layout-rightpanel .rightpanel-wrapper .section-tasks h5 { + margin: 30px 20px 10px; + color: #CACFDB; + opacity: 0.8; +} +.layout-rightpanel .rightpanel-wrapper .section-tasks > ul { + padding: 30px 0; + margin: 0; + list-style-type: none; +} +.layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li { + display: -ms-flexbox; + display: flex; + padding: 8px 24px; + margin: 0 0 4px; +} +.layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .ui-selectbooleancheckbox { + width: 32px; + height: 32px; +} +.layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .ui-selectbooleancheckbox .ui-chkbox-box { + width: 32px; + height: 32px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; +} +.layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .ui-selectbooleancheckbox .ui-chkbox-box.ui-state-active { + color: #CACFDB; + background-color: transparent; + border-color: transparent; +} +.layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .ui-selectbooleancheckbox .ui-chkbox-box.ui-state-active.ui-state-hover { + border-color: #D9DEE6; +} +.layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .task { + margin-left: 12px; +} +.layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .task h6 { + margin: 0; + color: #CACFDB; +} +.layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .task span { + display: block; + font-size: 12px; + color: #CACFDB; + opacity: 0.5; +} +.layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .task.done h6 { + text-decoration: line-through; +} +.layout-rightpanel .rightpanel-wrapper hr { + border: none; + background-image: linear-gradient(to right, #495771, #3C4962 100%); + height: 1px; + margin: 0; + margin-left: 20px; +} + +.layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.notifications > ul > li:nth-child(2) > a > i, .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.settings > ul > li:nth-child(2) > a > i { + background-color: rgba(47, 142, 229, 0.2); + color: #2f8ee5; +} +.layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.notifications > ul > li:nth-child(3) > a > i, .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.settings > ul > li:nth-child(3) > a > i { + background-color: rgba(2, 172, 172, 0.2); + color: #02acac; +} +.layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.notifications > ul > li:nth-child(4) > a > i, .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.settings > ul > li:nth-child(4) > a > i { + background-color: rgba(241, 99, 131, 0.2); + color: #f16383; +} +.layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.notifications > ul > li:nth-child(5) > a > i, .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.settings > ul > li:nth-child(5) > a > i { + background-color: rgba(47, 142, 229, 0.2); + color: #2f8ee5; +} diff --git a/src/main/webapp/resources/demo/css/demo-dim.scss b/src/main/webapp/resources/demo/css/demo-dim.scss new file mode 100644 index 0000000..148bc7f --- /dev/null +++ b/src/main/webapp/resources/demo/css/demo-dim.scss @@ -0,0 +1,2 @@ +@import '../../sass/variables/layout/_layout_dim'; +@import './_demo_common'; diff --git a/src/main/webapp/resources/demo/css/demo-light.css b/src/main/webapp/resources/demo/css/demo-light.css new file mode 100644 index 0000000..4d064e2 --- /dev/null +++ b/src/main/webapp/resources/demo/css/demo-light.css @@ -0,0 +1,1020 @@ +:root { + --content-alt-bg-color:#E8F1F8; +} + +.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: #C8E6C9; + color: #256029; +} +.order-badge.order-cancelled { + background: #FFCDD2; + color: #C63737; +} +.order-badge.order-pending { + background: #FEEDAF; + color: #8A5340; +} +.order-badge.order-returned { + background: #ECCFFF; + color: #694382; +} + +.product-badge { + border-radius: 2px; + padding: 0.25em 0.5rem; + text-transform: uppercase; + font-weight: 700; + font-size: 12px; + letter-spacing: 0.3px; +} +.product-badge.status-instock { + background: #C8E6C9; + color: #256029; +} +.product-badge.status-outofstock { + background: #FFCDD2; + color: #C63737; +} +.product-badge.status-lowstock { + background: #FEEDAF; + color: #8A5340; +} + +.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: #C8E6C9; + color: #256029; +} +.customer-badge.status-unqualified { + background: #FFCDD2; + color: #C63737; +} +.customer-badge.status-negotiation { + background: #FEEDAF; + color: #8A5340; +} +.customer-badge.status-new { + background: #B3E5FC; + color: #23547B; +} +.customer-badge.status-renewal { + background: #ECCFFF; + color: #694382; +} +.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: #657380; +} +.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 #E8F1F8; +} +.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; +} +.table-demo .ui-progressbar-value.ui-widget-header { + background: #607d8b; +} + +@media (max-width: 640px) { + .table-demo .ui-progressbar { + margin-top: 0.5rem; + } +} +.layout-dashboard .traffic { + overflow-x: hidden; +} +.layout-dashboard .traffic > span { + display: block; + margin-top: 2px; + margin-bottom: 12px; + font-size: 13px; + font-weight: 600; + color: #515C66; +} +.layout-dashboard .traffic .traffic-tabs { + margin-top: 28px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.layout-dashboard .traffic .traffic-tabs .traffic-tab { + border-radius: 4px; + background-color: #E8F1F8; + text-align: center; + padding: 6px 1px 8px; + width: 100%; + margin-right: 5px; + cursor: pointer; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-dashboard .traffic .traffic-tabs .traffic-tab:last-child { + margin: 0; +} +.layout-dashboard .traffic .traffic-tabs .traffic-tab > h6 { + font-weight: bold; + margin: 0; + color: #515C66; + margin-bottom: 10px; +} +.layout-dashboard .traffic .traffic-tabs .traffic-tab > i { + font-size: 24px; +} +.layout-dashboard .traffic .traffic-tabs .traffic-tab > span { + display: block; + font-size: 12px; + color: #515C66; + margin-top: 6px; +} +.layout-dashboard .traffic .traffic-tabs .traffic-tab:hover { + background-color: rgba(232, 241, 248, 0.4); +} +.layout-dashboard .traffic .traffic-tabs .traffic-tab.traffic-tab-active { + background-color: #1c75c6; + background-color: var(--primary-dark-color, #1c75c6); +} +.layout-dashboard .traffic .traffic-tabs .traffic-tab.traffic-tab-active > h6, +.layout-dashboard .traffic .traffic-tabs .traffic-tab.traffic-tab-active > span, +.layout-dashboard .traffic .traffic-tabs .traffic-tab.traffic-tab-active i { + color: #ffffff; +} +.layout-dashboard .traffic .traffic-tabs .traffic-tab.traffic-tab-active:hover { + background-color: #2c84d8; + background-color: var(--primary-color, #2c84d8); +} +.layout-dashboard .traffic .traffic-chart { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; +} +.layout-dashboard .goals { + overflow-x: hidden; + background-image: linear-gradient(134deg, #2873D3, #2873D3 99%); + background-image: linear-gradient(134deg, var(--primary-color, #2873D3), var(--primary-dark-color, #2873D3) 99%); +} +.layout-dashboard .goals .card-header { + padding: 0; +} +.layout-dashboard .goals .card-header > h6 { + color: #ffffff; + color: var(--primary-color-text, #ffffff); +} +.layout-dashboard .goals .card-header > span { + color: #ffffff; + color: var(--primary-color-text, #ffffff); + font-size: 11px; + display: block; +} +.layout-dashboard .goals .card-header > span > span { + font-size: 14px; + font-weight: 600; +} +.layout-dashboard .goals > span { + color: #ffffff; + color: var(--primary-color-text, #ffffff); + opacity: 0.8; + font-size: 12px; + font-weight: 600; + display: block; +} +.layout-dashboard .goals .goal-graph { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + padding: 24px 0; +} +.layout-dashboard .goals .goal-graph > img { + width: 100%; + max-width: 240px; + height: auto; +} +.layout-dashboard .leaderboard { + height: 100%; +} +.layout-dashboard .leaderboard > ul { + margin: 0; + padding: 0; + list-style-type: none; +} +.layout-dashboard .leaderboard > ul > li { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + margin-top: 6px; + padding: 5px 0; + padding: 6px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + cursor: pointer; +} +.layout-dashboard .leaderboard > ul > li:hover { + background-color: rgba(232, 241, 248, 0.7); +} +.layout-dashboard .leaderboard > ul > li .person { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-dashboard .leaderboard > ul > li .person > img { + width: 32px; + height: 32px; + margin-right: 12px; +} +.layout-dashboard .leaderboard > ul > li .person > p { + margin: 0; + color: #515C66; +} +.layout-dashboard .leaderboard > ul > li .person-numbers { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-dashboard .leaderboard > ul > li .person-numbers > h6 { + margin: 0; + color: #515C66; + font-weight: 600; + margin-right: 12px; +} +.layout-dashboard .leaderboard > ul > li .person-numbers > i { + color: #00acac; +} +.layout-dashboard .sales .card-header { + margin-bottom: 8px; +} + +.layout-rtl .layout-dashboard .sale-graph .order-tabs .order-tab:first-child { + margin-right: 0; + margin-left: 26px; +} +.layout-rtl .layout-dashboard .traffic .traffic-tabs .traffic-tab { + margin-right: 0px; + margin-left: 5px; +} +.layout-rtl .layout-dashboard .leaderboard > ul li { + background-color: #FDFEFF; + cursor: pointer; +} +.layout-rtl .layout-dashboard .leaderboard > ul li .person > img { + margin-right: 0px; + margin-left: 12px; +} +.layout-rtl .layout-dashboard .leaderboard > ul li .person-numbers > h6 { + margin-right: 0px; + margin-left: 12px; +} +.layout-rtl .layout-dashboard .leaderboard > ul li:hover { + background-color: #E8F1F8; +} +.layout-rtl .layout-dashboard .product-list > ul li .product > img { + margin-right: 0px; + margin-left: 12px; +} +.layout-rtl .layout-dashboard .product-list > ul li:hover { + background-color: #E8F1F8; +} + +.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; + } +} +.layout-rightpanel .rightpanel-wrapper .section-tasks h5 { + margin: 30px 20px 10px; + color: #515C66; + opacity: 0.8; +} +.layout-rightpanel .rightpanel-wrapper .section-tasks > ul { + padding: 30px 0; + margin: 0; + list-style-type: none; +} +.layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li { + display: -ms-flexbox; + display: flex; + padding: 8px 24px; + margin: 0 0 4px; +} +.layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .ui-selectbooleancheckbox { + width: 32px; + height: 32px; +} +.layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .ui-selectbooleancheckbox .ui-chkbox-box { + width: 32px; + height: 32px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; +} +.layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .ui-selectbooleancheckbox .ui-chkbox-box.ui-state-active { + color: #515C66; + background-color: transparent; + border-color: transparent; +} +.layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .ui-selectbooleancheckbox .ui-chkbox-box.ui-state-active.ui-state-hover { + border-color: #D9DEE6; +} +.layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .task { + margin-left: 12px; +} +.layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .task h6 { + margin: 0; + color: #515C66; +} +.layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .task span { + display: block; + font-size: 12px; + color: #515C66; + opacity: 0.5; +} +.layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .task.done h6 { + text-decoration: line-through; +} +.layout-rightpanel .rightpanel-wrapper hr { + border: none; + background-image: linear-gradient(to right, #E8F1F8, #FDFEFF 100%); + height: 1px; + margin: 0; + margin-left: 20px; +} + +.layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.notifications > ul > li:nth-child(2) > a > i, .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.settings > ul > li:nth-child(2) > a > i { + background-color: rgba(47, 142, 229, 0.2); + color: #2f8ee5; +} +.layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.notifications > ul > li:nth-child(3) > a > i, .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.settings > ul > li:nth-child(3) > a > i { + background-color: rgba(2, 172, 172, 0.2); + color: #02acac; +} +.layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.notifications > ul > li:nth-child(4) > a > i, .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.settings > ul > li:nth-child(4) > a > i { + background-color: rgba(241, 99, 131, 0.2); + color: #f16383; +} +.layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.notifications > ul > li:nth-child(5) > a > i, .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.settings > ul > li:nth-child(5) > a > i { + background-color: rgba(47, 142, 229, 0.2); + color: #2f8ee5; +} diff --git a/src/main/webapp/resources/demo/css/demo-light.scss b/src/main/webapp/resources/demo/css/demo-light.scss new file mode 100644 index 0000000..aae2db1 --- /dev/null +++ b/src/main/webapp/resources/demo/css/demo-light.scss @@ -0,0 +1,2 @@ +@import '../../sass/variables/layout/_layout_light'; +@import './_demo_common'; diff --git a/src/main/webapp/resources/demo/css/flags/flags.css b/src/main/webapp/resources/demo/css/flags/flags.css new file mode 100644 index 0000000..f7aae20 --- /dev/null +++ b/src/main/webapp/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/webapp/resources/demo/css/flags/flags_responsive.png b/src/main/webapp/resources/demo/css/flags/flags_responsive.png new file mode 100644 index 0000000..c27ce21 Binary files /dev/null and b/src/main/webapp/resources/demo/css/flags/flags_responsive.png differ diff --git a/src/main/webapp/resources/demo/css/pages/_blocks.scss b/src/main/webapp/resources/demo/css/pages/_blocks.scss new file mode 100644 index 0000000..30dc463 --- /dev/null +++ b/src/main/webapp/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/webapp/resources/demo/css/pages/_chronoline.scss b/src/main/webapp/resources/demo/css/pages/_chronoline.scss new file mode 100644 index 0000000..2be8e31 --- /dev/null +++ b/src/main/webapp/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/webapp/resources/demo/css/pages/_common.scss b/src/main/webapp/resources/demo/css/pages/_common.scss new file mode 100644 index 0000000..ddbdbce --- /dev/null +++ b/src/main/webapp/resources/demo/css/pages/_common.scss @@ -0,0 +1,121 @@ +.order-badge { + border-radius: 2px; + padding: .25em .5rem; + text-transform: uppercase; + font-weight: 700; + font-size: 12px; + letter-spacing: .3px; + + &.order-delivered { + background: #C8E6C9; + color: #256029; + } + + &.order-cancelled { + background: #FFCDD2; + color: #C63737; + } + + &.order-pending { + background: #FEEDAF; + color: #8A5340; + } + + &.order-returned { + background: #ECCFFF; + color: #694382; + } +} + +.product-badge { + border-radius: 2px; + padding: .25em .5rem; + text-transform: uppercase; + font-weight: 700; + font-size: 12px; + letter-spacing: .3px; + + &.status-instock { + background: #C8E6C9; + color: #256029; + } + + &.status-outofstock { + background: #FFCDD2; + color: #C63737; + } + + &.status-lowstock { + background: #FEEDAF; + color: #8A5340; + } +} + +.customer-badge { + border-radius: 2px; + padding: .25em .5rem; + text-transform: uppercase; + font-weight: 700; + font-size: 12px; + letter-spacing: .3px; + + &.status-qualified { + background: #C8E6C9; + color: #256029; + } + + &.status-unqualified { + background: #FFCDD2; + color: #C63737; + } + + &.status-negotiation { + background: #FEEDAF; + color: #8A5340; + } + + &.status-new { + background: #B3E5FC; + color: #23547B; + } + + &.status-renewal { + background: #ECCFFF; + color: #694382; + } + + &.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/webapp/resources/demo/css/pages/_crud.scss b/src/main/webapp/resources/demo/css/pages/_crud.scss new file mode 100644 index 0000000..aa36edb --- /dev/null +++ b/src/main/webapp/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/webapp/resources/demo/css/pages/_dashboard.scss b/src/main/webapp/resources/demo/css/pages/_dashboard.scss new file mode 100644 index 0000000..269662a --- /dev/null +++ b/src/main/webapp/resources/demo/css/pages/_dashboard.scss @@ -0,0 +1,247 @@ +.layout-dashboard { + .traffic { + overflow-x: hidden; + > span { + display: block; + margin-top: 2px; + margin-bottom: 12px; + font-size: 13px; + font-weight: 600; + color: $textColor; + } + + .traffic-tabs { + margin-top: 28px; + @include flex(); + @include flex-align-center(); + @include flex-justify-between(); + + .traffic-tab { + border-radius: 4px; + background-color: $contentAltBgColor; + text-align: center; + padding: 6px 1px 8px; + width: 100%; + margin-right: 5px; + cursor: pointer; + @include transition(background-color $transitionDuration); + + &:last-child{ + margin: 0; + } + + > h6 { + font-weight: bold; + margin: 0; + color: $textColor; + margin-bottom: 10px; + } + + > i { + font-size: 24px; + } + + > span { + display: block; + font-size: 12px; + color: $textColor; + margin-top: 6px; + } + + &:hover { + background-color: rgba($contentAltBgColor, .4); + } + + &.traffic-tab-active { + background-color: #1c75c6; + background-color: var(--primary-dark-color,#1c75c6); + > h6, + > span, + i { + color: #ffffff; + } + &:hover { + background-color: #2c84d8; + background-color: var(--primary-color,#2c84d8) + } + } + } + } + + .traffic-chart { + @include flex(); + @include flex-justify-center(); + } + + } + + .goals { + overflow-x: hidden; + background-image: linear-gradient(134deg, #2873D3, #2873D3 99%); + background-image: linear-gradient(134deg, var(--primary-color,#2873D3), var(--primary-dark-color,#2873D3) 99%); + + .card-header { + padding: 0; + > h6 { + color: #ffffff; + color: var(--primary-color-text,#ffffff); + } + + > span { + color: #ffffff; + color: var(--primary-color-text,#ffffff); + font-size: 11px; + display: block; + + > span { + font-size: 14px; + font-weight: 600; + } + } + } + + > span { + color: #ffffff; + color: var(--primary-color-text,#ffffff); + opacity: 0.8; + font-size: 12px; + font-weight: 600; + display: block; + } + + .goal-graph { + @include flex(); + @include flex-justify-center(); + padding: 24px 0; + > img { + width: 100%; + max-width: 240px; + height: auto; + } + + } + } + + .leaderboard { + height: 100%; + > ul { + margin: 0; + padding: 0; + list-style-type: none; + > li { + @include flex(); + @include flex-align-center(); + @include flex-justify-between(); + margin-top: 6px; + padding: 5px 0; + padding: 6px; + @include border-radius(4px); + cursor: pointer; + &:hover { + background-color: rgba($contentAltBgColor,.7); + } + + .person { + @include flex(); + @include flex-align-center(); + + > img { + width: 32px; + height: 32px; + margin-right: 12px; + } + + > p { + margin: 0; + color: $textColor; + } + } + + .person-numbers { + @include flex(); + @include flex-align-center(); + + > h6 { + margin: 0; + color: $textColor; + font-weight: 600; + margin-right: 12px; + } + + > i { + color: #00acac; + } + } + } + } + } + .sales { + .card-header { + margin-bottom: 8px; + } + } +} + +.layout-rtl { + .layout-dashboard { + .sale-graph { + .order-tabs { + .order-tab { + &:first-child { + margin-right: 0; + margin-left: 26px; + } + } + } + } + .traffic { + .traffic-tabs { + .traffic-tab { + margin-right: 0px; + margin-left: 5px; + } + } + } + .leaderboard { + > ul { + li { + background-color: $contentBgColor; + cursor: pointer; + .person { + > img { + margin-right: 0px; + margin-left: 12px; + } + } + .person-numbers { + > h6 { + margin-right: 0px; + margin-left: 12px; + } + } + + &:hover { + background-color: $contentAltBgColor; + } + } + } + } + + .product-list { + > ul { + li { + .product { + > img { + margin-right: 0px; + margin-left: 12px; + } + } + + &:hover { + background-color: $contentAltBgColor; + } + } + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/demo/css/pages/_documentation.scss b/src/main/webapp/resources/demo/css/pages/_documentation.scss new file mode 100644 index 0000000..0fd58ec --- /dev/null +++ b/src/main/webapp/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/webapp/resources/demo/css/pages/_floatlabel.scss b/src/main/webapp/resources/demo/css/pages/_floatlabel.scss new file mode 100644 index 0000000..b2efe11 --- /dev/null +++ b/src/main/webapp/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/webapp/resources/demo/css/pages/_icons.scss b/src/main/webapp/resources/demo/css/pages/_icons.scss new file mode 100644 index 0000000..c93d3a6 --- /dev/null +++ b/src/main/webapp/resources/demo/css/pages/_icons.scss @@ -0,0 +1,11 @@ +.icons-demo { + .icons-list { + text-align: center; + color: $textSecondaryColor; + } + + .icons-list i { + font-size: 1.5rem; + margin-bottom: .5rem; + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/demo/css/pages/_list.scss b/src/main/webapp/resources/demo/css/pages/_list.scss new file mode 100644 index 0000000..6ce4b81 --- /dev/null +++ b/src/main/webapp/resources/demo/css/pages/_list.scss @@ -0,0 +1,119 @@ +.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; + + .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/webapp/resources/demo/css/pages/_messages.scss b/src/main/webapp/resources/demo/css/pages/_messages.scss new file mode 100644 index 0000000..b2c6a98 --- /dev/null +++ b/src/main/webapp/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/webapp/resources/demo/css/pages/_misc.scss b/src/main/webapp/resources/demo/css/pages/_misc.scss new file mode 100644 index 0000000..5d6a820 --- /dev/null +++ b/src/main/webapp/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/webapp/resources/demo/css/pages/_syntax.scss b/src/main/webapp/resources/demo/css/pages/_syntax.scss new file mode 100644 index 0000000..9c0a20a --- /dev/null +++ b/src/main/webapp/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/webapp/resources/demo/css/pages/_table.scss b/src/main/webapp/resources/demo/css/pages/_table.scss new file mode 100644 index 0000000..bfce5bf --- /dev/null +++ b/src/main/webapp/resources/demo/css/pages/_table.scss @@ -0,0 +1,24 @@ +.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); + } + + .ui-progressbar-value.ui-widget-header { + background: #607d8b; + } +} + +@media (max-width: 640px) { + .table-demo { + .ui-progressbar { + margin-top: .5rem; + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/demo/images/avatar/amyelsner.png b/src/main/webapp/resources/demo/images/avatar/amyelsner.png new file mode 100644 index 0000000..f43f164 Binary files /dev/null and b/src/main/webapp/resources/demo/images/avatar/amyelsner.png differ diff --git a/src/main/webapp/resources/demo/images/avatar/annafali.png b/src/main/webapp/resources/demo/images/avatar/annafali.png new file mode 100644 index 0000000..b312fec Binary files /dev/null and b/src/main/webapp/resources/demo/images/avatar/annafali.png differ diff --git a/src/main/webapp/resources/demo/images/avatar/asiyajavayant.png b/src/main/webapp/resources/demo/images/avatar/asiyajavayant.png new file mode 100644 index 0000000..545ca73 Binary files /dev/null and b/src/main/webapp/resources/demo/images/avatar/asiyajavayant.png differ diff --git a/src/main/webapp/resources/demo/images/avatar/bernardodominic.png b/src/main/webapp/resources/demo/images/avatar/bernardodominic.png new file mode 100644 index 0000000..e803b32 Binary files /dev/null and b/src/main/webapp/resources/demo/images/avatar/bernardodominic.png differ diff --git a/src/main/webapp/resources/demo/images/avatar/elwinsharvill.png b/src/main/webapp/resources/demo/images/avatar/elwinsharvill.png new file mode 100644 index 0000000..6045de8 Binary files /dev/null and b/src/main/webapp/resources/demo/images/avatar/elwinsharvill.png differ diff --git a/src/main/webapp/resources/demo/images/avatar/ionibowcher.png b/src/main/webapp/resources/demo/images/avatar/ionibowcher.png new file mode 100644 index 0000000..9bd6cdf Binary files /dev/null and b/src/main/webapp/resources/demo/images/avatar/ionibowcher.png differ diff --git a/src/main/webapp/resources/demo/images/avatar/ivanmagalhaes.png b/src/main/webapp/resources/demo/images/avatar/ivanmagalhaes.png new file mode 100644 index 0000000..93f34cd Binary files /dev/null and b/src/main/webapp/resources/demo/images/avatar/ivanmagalhaes.png differ diff --git a/src/main/webapp/resources/demo/images/avatar/onyamalimba.png b/src/main/webapp/resources/demo/images/avatar/onyamalimba.png new file mode 100644 index 0000000..14166c8 Binary files /dev/null and b/src/main/webapp/resources/demo/images/avatar/onyamalimba.png differ diff --git a/src/main/webapp/resources/demo/images/avatar/profile.jpg b/src/main/webapp/resources/demo/images/avatar/profile.jpg new file mode 100644 index 0000000..b8b6179 Binary files /dev/null and b/src/main/webapp/resources/demo/images/avatar/profile.jpg differ diff --git a/src/main/webapp/resources/demo/images/avatar/stephenshaw.png b/src/main/webapp/resources/demo/images/avatar/stephenshaw.png new file mode 100644 index 0000000..2ab291a Binary files /dev/null and b/src/main/webapp/resources/demo/images/avatar/stephenshaw.png differ diff --git a/src/main/webapp/resources/demo/images/avatar/xuxuefeng.png b/src/main/webapp/resources/demo/images/avatar/xuxuefeng.png new file mode 100644 index 0000000..aa2f641 Binary files /dev/null and b/src/main/webapp/resources/demo/images/avatar/xuxuefeng.png differ diff --git a/src/main/webapp/resources/demo/images/blocks/hero/hero-1.png b/src/main/webapp/resources/demo/images/blocks/hero/hero-1.png new file mode 100644 index 0000000..18835ad Binary files /dev/null and b/src/main/webapp/resources/demo/images/blocks/hero/hero-1.png differ diff --git a/src/main/webapp/resources/demo/images/blocks/logos/hyper.svg b/src/main/webapp/resources/demo/images/blocks/logos/hyper.svg new file mode 100644 index 0000000..acf30bc --- /dev/null +++ b/src/main/webapp/resources/demo/images/blocks/logos/hyper.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/src/main/webapp/resources/demo/images/dashboard/asset-deals.png b/src/main/webapp/resources/demo/images/dashboard/asset-deals.png new file mode 100644 index 0000000..a6a7102 Binary files /dev/null and b/src/main/webapp/resources/demo/images/dashboard/asset-deals.png differ diff --git a/src/main/webapp/resources/demo/images/dashboard/asset-deals.svg b/src/main/webapp/resources/demo/images/dashboard/asset-deals.svg new file mode 100644 index 0000000..c0a95f1 --- /dev/null +++ b/src/main/webapp/resources/demo/images/dashboard/asset-deals.svg @@ -0,0 +1,10 @@ + + + + + + + 72% + + + diff --git a/src/main/webapp/resources/demo/images/dashboard/asset-graph-2.svg b/src/main/webapp/resources/demo/images/dashboard/asset-graph-2.svg new file mode 100644 index 0000000..78cbed2 --- /dev/null +++ b/src/main/webapp/resources/demo/images/dashboard/asset-graph-2.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/main/webapp/resources/demo/images/dashboard/asset-graph-3.svg b/src/main/webapp/resources/demo/images/dashboard/asset-graph-3.svg new file mode 100644 index 0000000..c27e106 --- /dev/null +++ b/src/main/webapp/resources/demo/images/dashboard/asset-graph-3.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/main/webapp/resources/demo/images/dashboard/asset-graph.svg b/src/main/webapp/resources/demo/images/dashboard/asset-graph.svg new file mode 100644 index 0000000..9bd7d1e --- /dev/null +++ b/src/main/webapp/resources/demo/images/dashboard/asset-graph.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/main/webapp/resources/demo/images/dashboard/avatar-conan.png b/src/main/webapp/resources/demo/images/dashboard/avatar-conan.png new file mode 100644 index 0000000..bd67077 Binary files /dev/null and b/src/main/webapp/resources/demo/images/dashboard/avatar-conan.png differ diff --git a/src/main/webapp/resources/demo/images/dashboard/avatar-conan@2x.png b/src/main/webapp/resources/demo/images/dashboard/avatar-conan@2x.png new file mode 100644 index 0000000..ba9b3d1 Binary files /dev/null and b/src/main/webapp/resources/demo/images/dashboard/avatar-conan@2x.png differ diff --git a/src/main/webapp/resources/demo/images/dashboard/avatar-conan@3x.png b/src/main/webapp/resources/demo/images/dashboard/avatar-conan@3x.png new file mode 100644 index 0000000..9437ad2 Binary files /dev/null and b/src/main/webapp/resources/demo/images/dashboard/avatar-conan@3x.png differ diff --git a/src/main/webapp/resources/demo/images/dashboard/avatar-dengra.png b/src/main/webapp/resources/demo/images/dashboard/avatar-dengra.png new file mode 100644 index 0000000..f25e201 Binary files /dev/null and b/src/main/webapp/resources/demo/images/dashboard/avatar-dengra.png differ diff --git a/src/main/webapp/resources/demo/images/dashboard/avatar-dengra@2x.png b/src/main/webapp/resources/demo/images/dashboard/avatar-dengra@2x.png new file mode 100644 index 0000000..1f8e7f4 Binary files /dev/null and b/src/main/webapp/resources/demo/images/dashboard/avatar-dengra@2x.png differ diff --git a/src/main/webapp/resources/demo/images/dashboard/avatar-dengra@3x.png b/src/main/webapp/resources/demo/images/dashboard/avatar-dengra@3x.png new file mode 100644 index 0000000..9bedeae Binary files /dev/null and b/src/main/webapp/resources/demo/images/dashboard/avatar-dengra@3x.png differ diff --git a/src/main/webapp/resources/demo/images/dashboard/image-product-1.png b/src/main/webapp/resources/demo/images/dashboard/image-product-1.png new file mode 100644 index 0000000..1b6de44 Binary files /dev/null and b/src/main/webapp/resources/demo/images/dashboard/image-product-1.png differ diff --git a/src/main/webapp/resources/demo/images/dashboard/image-product-2.png b/src/main/webapp/resources/demo/images/dashboard/image-product-2.png new file mode 100644 index 0000000..01f6b9d Binary files /dev/null and b/src/main/webapp/resources/demo/images/dashboard/image-product-2.png differ diff --git a/src/main/webapp/resources/demo/images/dashboard/image-product-3.png b/src/main/webapp/resources/demo/images/dashboard/image-product-3.png new file mode 100644 index 0000000..fc68847 Binary files /dev/null and b/src/main/webapp/resources/demo/images/dashboard/image-product-3.png differ diff --git a/src/main/webapp/resources/demo/images/dashboard/image-product-4.png b/src/main/webapp/resources/demo/images/dashboard/image-product-4.png new file mode 100644 index 0000000..d342a37 Binary files /dev/null and b/src/main/webapp/resources/demo/images/dashboard/image-product-4.png differ diff --git a/src/main/webapp/resources/demo/images/dashboard/image-product-5.png b/src/main/webapp/resources/demo/images/dashboard/image-product-5.png new file mode 100644 index 0000000..4de7745 Binary files /dev/null and b/src/main/webapp/resources/demo/images/dashboard/image-product-5.png differ diff --git a/src/main/webapp/resources/demo/images/dashboard/leader-1.png b/src/main/webapp/resources/demo/images/dashboard/leader-1.png new file mode 100644 index 0000000..15df7b2 Binary files /dev/null and b/src/main/webapp/resources/demo/images/dashboard/leader-1.png differ diff --git a/src/main/webapp/resources/demo/images/dashboard/leader-2.png b/src/main/webapp/resources/demo/images/dashboard/leader-2.png new file mode 100644 index 0000000..7ec09d2 Binary files /dev/null and b/src/main/webapp/resources/demo/images/dashboard/leader-2.png differ diff --git a/src/main/webapp/resources/demo/images/dashboard/leader-3.png b/src/main/webapp/resources/demo/images/dashboard/leader-3.png new file mode 100644 index 0000000..22a0a9b Binary files /dev/null and b/src/main/webapp/resources/demo/images/dashboard/leader-3.png differ diff --git a/src/main/webapp/resources/demo/images/dashboard/leader-4.png b/src/main/webapp/resources/demo/images/dashboard/leader-4.png new file mode 100644 index 0000000..6e59ac6 Binary files /dev/null and b/src/main/webapp/resources/demo/images/dashboard/leader-4.png differ diff --git a/src/main/webapp/resources/demo/images/dashboard/seller-1.png b/src/main/webapp/resources/demo/images/dashboard/seller-1.png new file mode 100644 index 0000000..d0eb729 Binary files /dev/null and b/src/main/webapp/resources/demo/images/dashboard/seller-1.png differ diff --git a/src/main/webapp/resources/demo/images/dashboard/seller-2.png b/src/main/webapp/resources/demo/images/dashboard/seller-2.png new file mode 100644 index 0000000..f0234d4 Binary files /dev/null and b/src/main/webapp/resources/demo/images/dashboard/seller-2.png differ diff --git a/src/main/webapp/resources/demo/images/dashboard/seller-3.png b/src/main/webapp/resources/demo/images/dashboard/seller-3.png new file mode 100644 index 0000000..9823678 Binary files /dev/null and b/src/main/webapp/resources/demo/images/dashboard/seller-3.png differ diff --git a/src/main/webapp/resources/demo/images/dashboard/seller-4.png b/src/main/webapp/resources/demo/images/dashboard/seller-4.png new file mode 100644 index 0000000..0609c52 Binary files /dev/null and b/src/main/webapp/resources/demo/images/dashboard/seller-4.png differ diff --git a/src/main/webapp/resources/demo/images/galleria/galleria1.jpg b/src/main/webapp/resources/demo/images/galleria/galleria1.jpg new file mode 100644 index 0000000..1871130 Binary files /dev/null and b/src/main/webapp/resources/demo/images/galleria/galleria1.jpg differ diff --git a/src/main/webapp/resources/demo/images/galleria/galleria10.jpg b/src/main/webapp/resources/demo/images/galleria/galleria10.jpg new file mode 100644 index 0000000..2120049 Binary files /dev/null and b/src/main/webapp/resources/demo/images/galleria/galleria10.jpg differ diff --git a/src/main/webapp/resources/demo/images/galleria/galleria10s.jpg b/src/main/webapp/resources/demo/images/galleria/galleria10s.jpg new file mode 100644 index 0000000..fce806c Binary files /dev/null and b/src/main/webapp/resources/demo/images/galleria/galleria10s.jpg differ diff --git a/src/main/webapp/resources/demo/images/galleria/galleria11.jpg b/src/main/webapp/resources/demo/images/galleria/galleria11.jpg new file mode 100644 index 0000000..98200b5 Binary files /dev/null and b/src/main/webapp/resources/demo/images/galleria/galleria11.jpg differ diff --git a/src/main/webapp/resources/demo/images/galleria/galleria11s.jpg b/src/main/webapp/resources/demo/images/galleria/galleria11s.jpg new file mode 100644 index 0000000..8c2ec99 Binary files /dev/null and b/src/main/webapp/resources/demo/images/galleria/galleria11s.jpg differ diff --git a/src/main/webapp/resources/demo/images/galleria/galleria12.jpg b/src/main/webapp/resources/demo/images/galleria/galleria12.jpg new file mode 100644 index 0000000..c11a2d6 Binary files /dev/null and b/src/main/webapp/resources/demo/images/galleria/galleria12.jpg differ diff --git a/src/main/webapp/resources/demo/images/galleria/galleria12s.jpg b/src/main/webapp/resources/demo/images/galleria/galleria12s.jpg new file mode 100644 index 0000000..932fe79 Binary files /dev/null and b/src/main/webapp/resources/demo/images/galleria/galleria12s.jpg differ diff --git a/src/main/webapp/resources/demo/images/galleria/galleria13.jpg b/src/main/webapp/resources/demo/images/galleria/galleria13.jpg new file mode 100644 index 0000000..7f9258a Binary files /dev/null and b/src/main/webapp/resources/demo/images/galleria/galleria13.jpg differ diff --git a/src/main/webapp/resources/demo/images/galleria/galleria13s.jpg b/src/main/webapp/resources/demo/images/galleria/galleria13s.jpg new file mode 100644 index 0000000..ec0a1bc Binary files /dev/null and b/src/main/webapp/resources/demo/images/galleria/galleria13s.jpg differ diff --git a/src/main/webapp/resources/demo/images/galleria/galleria14.jpg b/src/main/webapp/resources/demo/images/galleria/galleria14.jpg new file mode 100644 index 0000000..6ad39ac Binary files /dev/null and b/src/main/webapp/resources/demo/images/galleria/galleria14.jpg differ diff --git a/src/main/webapp/resources/demo/images/galleria/galleria14s.jpg b/src/main/webapp/resources/demo/images/galleria/galleria14s.jpg new file mode 100644 index 0000000..c13c4f7 Binary files /dev/null and b/src/main/webapp/resources/demo/images/galleria/galleria14s.jpg differ diff --git a/src/main/webapp/resources/demo/images/galleria/galleria15.jpg b/src/main/webapp/resources/demo/images/galleria/galleria15.jpg new file mode 100644 index 0000000..773e0f8 Binary files /dev/null and b/src/main/webapp/resources/demo/images/galleria/galleria15.jpg differ diff --git a/src/main/webapp/resources/demo/images/galleria/galleria15s.jpg b/src/main/webapp/resources/demo/images/galleria/galleria15s.jpg new file mode 100644 index 0000000..ecd518e Binary files /dev/null and b/src/main/webapp/resources/demo/images/galleria/galleria15s.jpg differ diff --git a/src/main/webapp/resources/demo/images/galleria/galleria1s.jpg b/src/main/webapp/resources/demo/images/galleria/galleria1s.jpg new file mode 100644 index 0000000..e4bf005 Binary files /dev/null and b/src/main/webapp/resources/demo/images/galleria/galleria1s.jpg differ diff --git a/src/main/webapp/resources/demo/images/galleria/galleria2.jpg b/src/main/webapp/resources/demo/images/galleria/galleria2.jpg new file mode 100644 index 0000000..f015d16 Binary files /dev/null and b/src/main/webapp/resources/demo/images/galleria/galleria2.jpg differ diff --git a/src/main/webapp/resources/demo/images/galleria/galleria2s.jpg b/src/main/webapp/resources/demo/images/galleria/galleria2s.jpg new file mode 100644 index 0000000..f06145d Binary files /dev/null and b/src/main/webapp/resources/demo/images/galleria/galleria2s.jpg differ diff --git a/src/main/webapp/resources/demo/images/galleria/galleria3.jpg b/src/main/webapp/resources/demo/images/galleria/galleria3.jpg new file mode 100644 index 0000000..dfe588d Binary files /dev/null and b/src/main/webapp/resources/demo/images/galleria/galleria3.jpg differ diff --git a/src/main/webapp/resources/demo/images/galleria/galleria3s.jpg b/src/main/webapp/resources/demo/images/galleria/galleria3s.jpg new file mode 100644 index 0000000..c53d6d8 Binary files /dev/null and b/src/main/webapp/resources/demo/images/galleria/galleria3s.jpg differ diff --git a/src/main/webapp/resources/demo/images/galleria/galleria4.jpg b/src/main/webapp/resources/demo/images/galleria/galleria4.jpg new file mode 100644 index 0000000..fc8ed45 Binary files /dev/null and b/src/main/webapp/resources/demo/images/galleria/galleria4.jpg differ diff --git a/src/main/webapp/resources/demo/images/galleria/galleria4s.jpg b/src/main/webapp/resources/demo/images/galleria/galleria4s.jpg new file mode 100644 index 0000000..58c04a5 Binary files /dev/null and b/src/main/webapp/resources/demo/images/galleria/galleria4s.jpg differ diff --git a/src/main/webapp/resources/demo/images/galleria/galleria5.jpg b/src/main/webapp/resources/demo/images/galleria/galleria5.jpg new file mode 100644 index 0000000..de544fa Binary files /dev/null and b/src/main/webapp/resources/demo/images/galleria/galleria5.jpg differ diff --git a/src/main/webapp/resources/demo/images/galleria/galleria5s.jpg b/src/main/webapp/resources/demo/images/galleria/galleria5s.jpg new file mode 100644 index 0000000..35c04c9 Binary files /dev/null and b/src/main/webapp/resources/demo/images/galleria/galleria5s.jpg differ diff --git a/src/main/webapp/resources/demo/images/galleria/galleria6.jpg b/src/main/webapp/resources/demo/images/galleria/galleria6.jpg new file mode 100644 index 0000000..a13c395 Binary files /dev/null and b/src/main/webapp/resources/demo/images/galleria/galleria6.jpg differ diff --git a/src/main/webapp/resources/demo/images/galleria/galleria6s.jpg b/src/main/webapp/resources/demo/images/galleria/galleria6s.jpg new file mode 100644 index 0000000..fe9a3f1 Binary files /dev/null and b/src/main/webapp/resources/demo/images/galleria/galleria6s.jpg differ diff --git a/src/main/webapp/resources/demo/images/galleria/galleria7.jpg b/src/main/webapp/resources/demo/images/galleria/galleria7.jpg new file mode 100644 index 0000000..e36b801 Binary files /dev/null and b/src/main/webapp/resources/demo/images/galleria/galleria7.jpg differ diff --git a/src/main/webapp/resources/demo/images/galleria/galleria7s.jpg b/src/main/webapp/resources/demo/images/galleria/galleria7s.jpg new file mode 100644 index 0000000..fdef61d Binary files /dev/null and b/src/main/webapp/resources/demo/images/galleria/galleria7s.jpg differ diff --git a/src/main/webapp/resources/demo/images/galleria/galleria8.jpg b/src/main/webapp/resources/demo/images/galleria/galleria8.jpg new file mode 100644 index 0000000..c346a49 Binary files /dev/null and b/src/main/webapp/resources/demo/images/galleria/galleria8.jpg differ diff --git a/src/main/webapp/resources/demo/images/galleria/galleria8s.jpg b/src/main/webapp/resources/demo/images/galleria/galleria8s.jpg new file mode 100644 index 0000000..1786d91 Binary files /dev/null and b/src/main/webapp/resources/demo/images/galleria/galleria8s.jpg differ diff --git a/src/main/webapp/resources/demo/images/galleria/galleria9.jpg b/src/main/webapp/resources/demo/images/galleria/galleria9.jpg new file mode 100644 index 0000000..62326d1 Binary files /dev/null and b/src/main/webapp/resources/demo/images/galleria/galleria9.jpg differ diff --git a/src/main/webapp/resources/demo/images/galleria/galleria9s.jpg b/src/main/webapp/resources/demo/images/galleria/galleria9s.jpg new file mode 100644 index 0000000..ca8ca50 Binary files /dev/null and b/src/main/webapp/resources/demo/images/galleria/galleria9s.jpg differ diff --git a/src/main/webapp/resources/demo/images/nature/nature1.jpg b/src/main/webapp/resources/demo/images/nature/nature1.jpg new file mode 100644 index 0000000..15b628c Binary files /dev/null and b/src/main/webapp/resources/demo/images/nature/nature1.jpg differ diff --git a/src/main/webapp/resources/demo/images/nature/nature10.jpg b/src/main/webapp/resources/demo/images/nature/nature10.jpg new file mode 100644 index 0000000..d7e126a Binary files /dev/null and b/src/main/webapp/resources/demo/images/nature/nature10.jpg differ diff --git a/src/main/webapp/resources/demo/images/nature/nature11.jpg b/src/main/webapp/resources/demo/images/nature/nature11.jpg new file mode 100644 index 0000000..57201ce Binary files /dev/null and b/src/main/webapp/resources/demo/images/nature/nature11.jpg differ diff --git a/src/main/webapp/resources/demo/images/nature/nature12.jpg b/src/main/webapp/resources/demo/images/nature/nature12.jpg new file mode 100644 index 0000000..760658e Binary files /dev/null and b/src/main/webapp/resources/demo/images/nature/nature12.jpg differ diff --git a/src/main/webapp/resources/demo/images/nature/nature2.jpg b/src/main/webapp/resources/demo/images/nature/nature2.jpg new file mode 100644 index 0000000..eb11885 Binary files /dev/null and b/src/main/webapp/resources/demo/images/nature/nature2.jpg differ diff --git a/src/main/webapp/resources/demo/images/nature/nature3.jpg b/src/main/webapp/resources/demo/images/nature/nature3.jpg new file mode 100644 index 0000000..47ce93d Binary files /dev/null and b/src/main/webapp/resources/demo/images/nature/nature3.jpg differ diff --git a/src/main/webapp/resources/demo/images/nature/nature4.jpg b/src/main/webapp/resources/demo/images/nature/nature4.jpg new file mode 100644 index 0000000..84ee127 Binary files /dev/null and b/src/main/webapp/resources/demo/images/nature/nature4.jpg differ diff --git a/src/main/webapp/resources/demo/images/nature/nature5.jpg b/src/main/webapp/resources/demo/images/nature/nature5.jpg new file mode 100644 index 0000000..a0215c2 Binary files /dev/null and b/src/main/webapp/resources/demo/images/nature/nature5.jpg differ diff --git a/src/main/webapp/resources/demo/images/nature/nature6.jpg b/src/main/webapp/resources/demo/images/nature/nature6.jpg new file mode 100644 index 0000000..cf2396b Binary files /dev/null and b/src/main/webapp/resources/demo/images/nature/nature6.jpg differ diff --git a/src/main/webapp/resources/demo/images/nature/nature7.jpg b/src/main/webapp/resources/demo/images/nature/nature7.jpg new file mode 100644 index 0000000..a7d0a67 Binary files /dev/null and b/src/main/webapp/resources/demo/images/nature/nature7.jpg differ diff --git a/src/main/webapp/resources/demo/images/nature/nature8.jpg b/src/main/webapp/resources/demo/images/nature/nature8.jpg new file mode 100644 index 0000000..5d6764a Binary files /dev/null and b/src/main/webapp/resources/demo/images/nature/nature8.jpg differ diff --git a/src/main/webapp/resources/demo/images/nature/nature9.jpg b/src/main/webapp/resources/demo/images/nature/nature9.jpg new file mode 100644 index 0000000..b39b46c Binary files /dev/null and b/src/main/webapp/resources/demo/images/nature/nature9.jpg differ diff --git a/src/main/webapp/resources/demo/images/product/bamboo-watch.jpg b/src/main/webapp/resources/demo/images/product/bamboo-watch.jpg new file mode 100644 index 0000000..dbff9ed Binary files /dev/null and b/src/main/webapp/resources/demo/images/product/bamboo-watch.jpg differ diff --git a/src/main/webapp/resources/demo/images/product/black-watch.jpg b/src/main/webapp/resources/demo/images/product/black-watch.jpg new file mode 100644 index 0000000..03f8bd4 Binary files /dev/null and b/src/main/webapp/resources/demo/images/product/black-watch.jpg differ diff --git a/src/main/webapp/resources/demo/images/product/blue-band.jpg b/src/main/webapp/resources/demo/images/product/blue-band.jpg new file mode 100644 index 0000000..3b84a9a Binary files /dev/null and b/src/main/webapp/resources/demo/images/product/blue-band.jpg differ diff --git a/src/main/webapp/resources/demo/images/product/blue-t-shirt.jpg b/src/main/webapp/resources/demo/images/product/blue-t-shirt.jpg new file mode 100644 index 0000000..3287ead Binary files /dev/null and b/src/main/webapp/resources/demo/images/product/blue-t-shirt.jpg differ diff --git a/src/main/webapp/resources/demo/images/product/bracelet.jpg b/src/main/webapp/resources/demo/images/product/bracelet.jpg new file mode 100644 index 0000000..6177665 Binary files /dev/null and b/src/main/webapp/resources/demo/images/product/bracelet.jpg differ diff --git a/src/main/webapp/resources/demo/images/product/brown-purse.jpg b/src/main/webapp/resources/demo/images/product/brown-purse.jpg new file mode 100644 index 0000000..0411571 Binary files /dev/null and b/src/main/webapp/resources/demo/images/product/brown-purse.jpg differ diff --git a/src/main/webapp/resources/demo/images/product/chakra-bracelet.jpg b/src/main/webapp/resources/demo/images/product/chakra-bracelet.jpg new file mode 100644 index 0000000..29f4771 Binary files /dev/null and b/src/main/webapp/resources/demo/images/product/chakra-bracelet.jpg differ diff --git a/src/main/webapp/resources/demo/images/product/galaxy-earrings.jpg b/src/main/webapp/resources/demo/images/product/galaxy-earrings.jpg new file mode 100644 index 0000000..ad0b1b1 Binary files /dev/null and b/src/main/webapp/resources/demo/images/product/galaxy-earrings.jpg differ diff --git a/src/main/webapp/resources/demo/images/product/game-controller.jpg b/src/main/webapp/resources/demo/images/product/game-controller.jpg new file mode 100644 index 0000000..6d309ee Binary files /dev/null and b/src/main/webapp/resources/demo/images/product/game-controller.jpg differ diff --git a/src/main/webapp/resources/demo/images/product/gaming-set.jpg b/src/main/webapp/resources/demo/images/product/gaming-set.jpg new file mode 100644 index 0000000..9fdbe6c Binary files /dev/null and b/src/main/webapp/resources/demo/images/product/gaming-set.jpg differ diff --git a/src/main/webapp/resources/demo/images/product/gold-phone-case.jpg b/src/main/webapp/resources/demo/images/product/gold-phone-case.jpg new file mode 100644 index 0000000..7671968 Binary files /dev/null and b/src/main/webapp/resources/demo/images/product/gold-phone-case.jpg differ diff --git a/src/main/webapp/resources/demo/images/product/green-earbuds.jpg b/src/main/webapp/resources/demo/images/product/green-earbuds.jpg new file mode 100644 index 0000000..7813105 Binary files /dev/null and b/src/main/webapp/resources/demo/images/product/green-earbuds.jpg differ diff --git a/src/main/webapp/resources/demo/images/product/green-t-shirt.jpg b/src/main/webapp/resources/demo/images/product/green-t-shirt.jpg new file mode 100644 index 0000000..fdb70a7 Binary files /dev/null and b/src/main/webapp/resources/demo/images/product/green-t-shirt.jpg differ diff --git a/src/main/webapp/resources/demo/images/product/grey-t-shirt.jpg b/src/main/webapp/resources/demo/images/product/grey-t-shirt.jpg new file mode 100644 index 0000000..5b6d78a Binary files /dev/null and b/src/main/webapp/resources/demo/images/product/grey-t-shirt.jpg differ diff --git a/src/main/webapp/resources/demo/images/product/headphones.jpg b/src/main/webapp/resources/demo/images/product/headphones.jpg new file mode 100644 index 0000000..5f9f31d Binary files /dev/null and b/src/main/webapp/resources/demo/images/product/headphones.jpg differ diff --git a/src/main/webapp/resources/demo/images/product/light-green-t-shirt.jpg b/src/main/webapp/resources/demo/images/product/light-green-t-shirt.jpg new file mode 100644 index 0000000..2fb6219 Binary files /dev/null and b/src/main/webapp/resources/demo/images/product/light-green-t-shirt.jpg differ diff --git a/src/main/webapp/resources/demo/images/product/lime-band.jpg b/src/main/webapp/resources/demo/images/product/lime-band.jpg new file mode 100644 index 0000000..5627c6b Binary files /dev/null and b/src/main/webapp/resources/demo/images/product/lime-band.jpg differ diff --git a/src/main/webapp/resources/demo/images/product/mini-speakers.jpg b/src/main/webapp/resources/demo/images/product/mini-speakers.jpg new file mode 100644 index 0000000..8883aa2 Binary files /dev/null and b/src/main/webapp/resources/demo/images/product/mini-speakers.jpg differ diff --git a/src/main/webapp/resources/demo/images/product/painted-phone-case.jpg b/src/main/webapp/resources/demo/images/product/painted-phone-case.jpg new file mode 100644 index 0000000..5da5f00 Binary files /dev/null and b/src/main/webapp/resources/demo/images/product/painted-phone-case.jpg differ diff --git a/src/main/webapp/resources/demo/images/product/pink-band.jpg b/src/main/webapp/resources/demo/images/product/pink-band.jpg new file mode 100644 index 0000000..50124ad Binary files /dev/null and b/src/main/webapp/resources/demo/images/product/pink-band.jpg differ diff --git a/src/main/webapp/resources/demo/images/product/pink-purse.jpg b/src/main/webapp/resources/demo/images/product/pink-purse.jpg new file mode 100644 index 0000000..a5e864f Binary files /dev/null and b/src/main/webapp/resources/demo/images/product/pink-purse.jpg differ diff --git a/src/main/webapp/resources/demo/images/product/purple-band.jpg b/src/main/webapp/resources/demo/images/product/purple-band.jpg new file mode 100644 index 0000000..17523fe Binary files /dev/null and b/src/main/webapp/resources/demo/images/product/purple-band.jpg differ diff --git a/src/main/webapp/resources/demo/images/product/purple-gemstone-necklace.jpg b/src/main/webapp/resources/demo/images/product/purple-gemstone-necklace.jpg new file mode 100644 index 0000000..a40d4b3 Binary files /dev/null and b/src/main/webapp/resources/demo/images/product/purple-gemstone-necklace.jpg differ diff --git a/src/main/webapp/resources/demo/images/product/purple-t-shirt.jpg b/src/main/webapp/resources/demo/images/product/purple-t-shirt.jpg new file mode 100644 index 0000000..12d75f1 Binary files /dev/null and b/src/main/webapp/resources/demo/images/product/purple-t-shirt.jpg differ diff --git a/src/main/webapp/resources/demo/images/product/shoes.jpg b/src/main/webapp/resources/demo/images/product/shoes.jpg new file mode 100644 index 0000000..efc7aca Binary files /dev/null and b/src/main/webapp/resources/demo/images/product/shoes.jpg differ diff --git a/src/main/webapp/resources/demo/images/product/sneakers.jpg b/src/main/webapp/resources/demo/images/product/sneakers.jpg new file mode 100644 index 0000000..53f66dc Binary files /dev/null and b/src/main/webapp/resources/demo/images/product/sneakers.jpg differ diff --git a/src/main/webapp/resources/demo/images/product/teal-t-shirt.jpg b/src/main/webapp/resources/demo/images/product/teal-t-shirt.jpg new file mode 100644 index 0000000..749ae9d Binary files /dev/null and b/src/main/webapp/resources/demo/images/product/teal-t-shirt.jpg differ diff --git a/src/main/webapp/resources/demo/images/product/yellow-earbuds.jpg b/src/main/webapp/resources/demo/images/product/yellow-earbuds.jpg new file mode 100644 index 0000000..1bfc87a Binary files /dev/null and b/src/main/webapp/resources/demo/images/product/yellow-earbuds.jpg differ diff --git a/src/main/webapp/resources/demo/images/product/yoga-mat.jpg b/src/main/webapp/resources/demo/images/product/yoga-mat.jpg new file mode 100644 index 0000000..18d9564 Binary files /dev/null and b/src/main/webapp/resources/demo/images/product/yoga-mat.jpg differ diff --git a/src/main/webapp/resources/demo/images/product/yoga-set.jpg b/src/main/webapp/resources/demo/images/product/yoga-set.jpg new file mode 100644 index 0000000..734ba58 Binary files /dev/null and b/src/main/webapp/resources/demo/images/product/yoga-set.jpg differ diff --git a/src/main/webapp/resources/demo/js/chart.js b/src/main/webapp/resources/demo/js/chart.js new file mode 100644 index 0000000..875689e --- /dev/null +++ b/src/main/webapp/resources/demo/js/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/webapp/resources/framework/css/framework.css b/src/main/webapp/resources/framework/css/framework.css new file mode 100644 index 0000000..c996be5 --- /dev/null +++ b/src/main/webapp/resources/framework/css/framework.css @@ -0,0 +1,8 @@ +.message_form{ + margin: 0; + width: 100%; +} + +.asterisco{ + color: red; +} \ No newline at end of file diff --git a/src/main/webapp/resources/framework/inputText.xhtml b/src/main/webapp/resources/framework/inputText.xhtml new file mode 100644 index 0000000..ab41794 --- /dev/null +++ b/src/main/webapp/resources/framework/inputText.xhtml @@ -0,0 +1,37 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/main/webapp/resources/framework/panelGroup.xhtml b/src/main/webapp/resources/framework/panelGroup.xhtml new file mode 100644 index 0000000..f40c902 --- /dev/null +++ b/src/main/webapp/resources/framework/panelGroup.xhtml @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + +
+
+ + + + + \ No newline at end of file diff --git a/src/main/webapp/resources/poseidon-layout/css/layout-dark.css b/src/main/webapp/resources/poseidon-layout/css/layout-dark.css new file mode 100644 index 0000000..5596877 --- /dev/null +++ b/src/main/webapp/resources/poseidon-layout/css/layout-dark.css @@ -0,0 +1,4784 @@ +:root { + --content-alt-bg-color:#4E565F; +} + +/* open-sans-300 - latin */ +@font-face { + font-family: "Open Sans"; + font-style: normal; + font-weight: 300; + src: url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-300.eot']}"); + /* IE9 Compat Modes */ + src: local("Open Sans Light"), local("OpenSans-Light"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-300.eot']}?#iefix") format("embedded-opentype"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-300.woff2']}") format("woff2"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-300.woff']}") format("woff"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-300.ttf']}") format("truetype"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-300.svg']}#OpenSans") format("svg"); + /* Legacy iOS */ +} +/* open-sans-regular - latin */ +@font-face { + font-family: "Open Sans"; + font-style: normal; + font-weight: 400; + src: url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-regular.eot']}"); + /* IE9 Compat Modes */ + src: local("Open Sans"), local("OpenSans"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-regular.eot']}?#iefix") format("embedded-opentype"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-regular.woff2']}") format("woff2"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-regular.woff']}") format("woff"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-regular.ttf']}") format("truetype"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-regular.svg']}#OpenSans") format("svg"); + /* Legacy iOS */ +} +/* open-sans-600 - latin */ +@font-face { + font-family: "Open Sans"; + font-style: normal; + font-weight: 600; + src: url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-600.eot']}"); + /* IE9 Compat Modes */ + src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-600.eot']}?#iefix") format("embedded-opentype"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-600.woff2']}") format("woff2"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-600.woff']}") format("woff"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-600.ttf']}") format("truetype"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-600.svg']}#OpenSans") format("svg"); + /* Legacy iOS */ +} +/* open-sans-700 - latin */ +@font-face { + font-family: "Open Sans"; + font-style: normal; + font-weight: 700; + src: url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-700.eot']}"); + /* IE9 Compat Modes */ + src: local("Open Sans Bold"), local("OpenSans-Bold"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-700.eot']}?#iefix") format("embedded-opentype"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-700.woff2']}") format("woff2"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-700.woff']}") format("woff"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-700.ttf']}") format("truetype"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-700.svg']}#OpenSans") format("svg"); + /* Legacy iOS */ +} +h1, h2, h3, h4, h5, h6 { + margin: 1.5rem 0 1rem 0; + font-family: inherit; + font-weight: 600; + line-height: 1.2; + color: inherit; +} +h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { + margin-top: 0; +} + +h1 { + font-size: 2.5rem; +} + +h2 { + font-size: 2rem; +} + +h3 { + font-size: 1.75rem; +} + +h4 { + font-size: 1.5rem; +} + +h5 { + font-size: 1.25rem; +} + +h6 { + font-size: 1rem; +} + +mark { + background: #FFF8E1; + padding: 0.25rem 0.4rem; + border-radius: 5px; + font-family: "Open Sans"; +} + +blockquote { + margin: 1rem 0; + padding: 0 2rem; + border-left: 4px solid #90A4AE; +} + +hr { + border-top: solid #4E565F; + 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; +} + +/* Utils */ +.clearfix:after { + content: " "; + display: block; + clear: both; +} + +.card { + border-radius: 5px; + background: #434B54; + padding: 12px 16px; + box-sizing: border-box; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + margin-bottom: 2rem; +} +.card:last-child { + margin-bottom: 0; +} +.card .card-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + padding-bottom: 6px; +} +.card .card-header h6, .card .card-header h5 { + margin-bottom: 0; + color: #CDD2DB; +} +.card .card-header .header-buttons { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.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; +} + +.layout-wrapper.layout-rtl { + direction: rtl; +} +.layout-wrapper.layout-rtl .menu-wrapper { + left: auto; + right: 0; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu { + direction: rtl; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li { + padding: 0px; + -moz-border-radius-topleft: 0px; + -webkit-border-top-left-radius: 0px; + border-top-left-radius: 0px; + -moz-border-radius-bottomleft: 0px; + -webkit-border-bottom-left-radius: 0px; + border-bottom-left-radius: 0px; + -moz-border-radius-topright: 10px; + -webkit-border-top-right-radius: 10px; + border-top-right-radius: 10px; + -moz-border-radius-bottomright: 10px; + -webkit-border-bottom-right-radius: 10px; + border-bottom-right-radius: 10px; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > div { + padding-left: 0px; + padding-right: 12px; + margin-bottom: 6px; + margin-top: 24px; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > a { + padding: 7px 8px 6px 20px; + -moz-border-radius-topleft: 0px; + -webkit-border-top-left-radius: 0px; + border-top-left-radius: 0px; + -moz-border-radius-bottomleft: 0px; + -webkit-border-bottom-left-radius: 0px; + border-bottom-left-radius: 0px; + -moz-border-radius-topright: 10px; + -webkit-border-top-right-radius: 10px; + border-top-right-radius: 10px; + -moz-border-radius-bottomright: 10px; + -webkit-border-bottom-right-radius: 10px; + border-bottom-right-radius: 10px; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > a .layout-menuitem-text { + margin: 0 11px; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > a i { + font-size: 14px; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > a i.layout-submenu-toggler { + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + margin-left: 0; + margin-right: auto; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > ul { + padding-left: 0px; + padding-right: 19px; +} +.layout-wrapper.layout-rtl .layout-rightpanel { + right: auto; + left: 0; + transform: translate3d(-294px, 0px, 0px); +} +.layout-wrapper.layout-rtl .layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .task { + margin-left: 0px; + margin-right: 12px; +} +.layout-wrapper.layout-rtl.layout-rightpanel-active .layout-rightpanel { + transform: translate3d(0px, 0px, 0px); +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + padding: 10px 12px 10px 32px; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + right: auto; + left: 0; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > img, +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > i, +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > .ui-inputswitch { + margin-right: 0; + margin-left: 6px; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info { + margin-right: 7px; + margin-left: 0px; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header img { + margin-right: 0px; + margin-left: 6px; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info { + margin-left: 0px; + margin-right: 7px; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > li > a > i { + margin-right: 0px; + margin-left: 10px; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + -webkit-transform: rotate(-180deg); + -moz-transform: rotate(-180deg); + -o-transform: rotate(-180deg); + -ms-transform: rotate(-180deg); + transform: rotate(-180deg); +} + +@media (min-width: 993px) { + .layout-wrapper.layout-rtl.layout-static .menu-wrapper { + transform: translate3d(241px, 0px, 0px); + } + .layout-wrapper.layout-rtl.layout-static .layout-main { + margin-left: 0; + margin-right: 0px; + -moz-transition: margin-right 0.2s; + -o-transition: margin-right 0.2s; + -webkit-transition: margin-right 0.2s; + transition: margin-right 0.2s; + } + .layout-wrapper.layout-rtl.layout-static.layout-static-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-rtl.layout-static.layout-static-active .layout-main { + margin-left: 0; + margin-right: 240px; + } + .layout-wrapper.layout-rtl.layout-overlay .menu-wrapper { + transform: translate3d(241px, 0px, 0px); + } + .layout-wrapper.layout-rtl.layout-overlay.layout-overlay-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-rtl.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu li a { + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + } + .layout-wrapper.layout-rtl.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + left: auto; + right: 0; + } +} +@media (max-width: 992px) { + .layout-wrapper.layout-rtl .menu-wrapper { + top: 104px; + height: calc(100% - 104px); + -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(260px, 0px, 0px); + } + .layout-wrapper.layout-rtl.layout-mobile-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-rtl.layout-mobile-active .layout-mask { + display: block; + } + .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + padding: 0; + } + .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + left: 5%; + right: 0; + } + .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + margin-right: 0px; + margin-left: 16px; + } +} +.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: 56px; +} +.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%; + width: 240px; + padding: 11px 14px 13px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo > img { + height: 32px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + height: 100%; + flex-grow: 1; + padding: 10px 32px 10px 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 .menu-button { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + z-index: 999; + width: 36px; + height: 36px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button > i { + font-size: 18px; +} +.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 { + padding: 10px 10px 7px; + margin: 0 6px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon i { + font-size: 18px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon .ui-badge { + padding: 0; + height: 14px; + width: 14px; + min-width: 14px; + font-size: 10px; + line-height: 14px; + top: -2px; + right: -2px; +} +.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: 46px; + right: 0px; + list-style-type: none; + margin: 0; + padding: 0; + z-index: 1000; + min-width: 260px; + animation-duration: 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header { + padding: 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 { + font-weight: 600; + margin: 0; + margin-left: 4px; +} +.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: 7px 12px; + margin-bottom: 6px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + cursor: pointer; +} +.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; + width: 100%; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 { + margin: 0; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 > span { + font-size: 14px; + font-weight: 600; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span { + font-size: 12px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span > span { + font-weight: 600; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > img { + width: 28px; + height: 28px; + margin-right: 6px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > i { + width: 28px; + height: 28px; + margin-right: 6px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 16px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > .ui-inputswitch { + margin-right: 6px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item { + margin: 0 12px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > a { + display: none; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper { + position: relative; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper input { + -moz-border-radius: 18px; + -webkit-border-radius: 18px; + border-radius: 18px; + border: none; + width: 200px; + padding: 8px 8px 8px 30px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper i { + position: absolute; + left: 9px; + top: 2px; + font-size: 14px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item ul > form > .search-input-wrapper input { + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; + width: 100%; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a { + display: -ms-flexbox; + display: flex; + margin: 0 6px; + padding: 10px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > img { + width: 32px; + height: 32px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info { + margin-left: 7px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info h6 { + font-weight: 600; + margin: 0; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info span { + display: block; + font-size: 12px; + font-weight: normal; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > hr { + margin: 2px 8px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header { + padding: 12px 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: start; + justify-content: flex-start; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header img { + width: 36px; + height: 36px; + margin-right: 6px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info { + margin-left: 7px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info h6 { + font-weight: 600; + margin: 0; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info span { + display: block; + font-size: 11px; + font-weight: normal; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > li > a > i { + font-size: 16px; + margin-right: 10px; +} +.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 { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + z-index: 999; + width: 36px; + height: 36px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button > i { + font-size: 18px; +} +@media (max-width: 992px) { + .layout-topbar-light .layout-topbar { + height: 104px; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper { + -ms-flex-align: start; + align-items: flex-start; + flex-direction: column; + position: relative; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + width: 100%; + height: 56px; + margin-left: 0; + 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: 48px; + width: 100%; + padding: 0; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button { + position: absolute; + top: 10px; + left: 16px; + margin: 0; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions { + width: 100%; + -ms-flex-pack: start; + justify-content: flex-start; + padding: 0 16px; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item { + margin: 0; + width: 100%; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item { + margin: 0; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item > form { + display: none; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item > a { + display: flex; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item > a { + margin: 0; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item > ul { + top: 104px; + width: 90%; + left: 5%; + position: fixed; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile { + position: absolute; + top: 1px; + right: 8px; + height: auto; + width: auto; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile a { + margin: 0; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile a .profile-info { + display: none; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + margin-right: 16px; + } +} +.layout-topbar-light .layout-topbar { + background-color: #FDFEFF; + 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); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button { + color: #515C66; + background-color: #E8F1F8; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button:hover { + background-color: rgba(232, 241, 248, 0.7); + -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: #515C66; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a:hover { + background-color: rgba(232, 241, 248, 0.7); + -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: #E8F1F8; + color: #515C66; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper input::placeholder { + color: rgba(81, 92, 102, 0.7); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper i { + color: #515C66; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a { + color: #515C66; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > span { + color: rgba(81, 92, 102, 0.7); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a:hover { + background-color: transparent; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul hr { + border-color: #E8F1F8; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header { + background-image: linear-gradient(180deg, #2873D3 10%, #2c84d8 100%); + background-image: linear-gradient(180deg, var(--primary-dark-color, #2873D3) 10%, var(--primary-color, #2c84d8) 100%); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header h6 { + color: #ffffff; + color: var(--primary-color-text, #ffffff); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header span { + color: #ffffff; + color: var(--primary-color-text, #ffffff); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > li a i { + color: #515C66; +} +.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: #FDFEFF; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header { + background-color: #FDFEFF; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 { + color: #515C66; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header:hover { + background-color: #FDFEFF; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 { + color: #515C66; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span { + color: rgba(81, 92, 102, 0.6); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text p { + color: #515C66; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text span { + color: rgba(81, 92, 102, 0.6); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li:hover { + background-color: rgba(232, 241, 248, 0.7); + -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: #515C66; + background-color: #E8F1F8; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button:hover { + background-color: rgba(232, 241, 248, 0.7); + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +@media (max-width: 992px) { + .layout-topbar-light .layout-topbar { + box-shadow: none; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + border-bottom: 1px solid #E8F1F8; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + border-bottom: 1px solid #E8F1F8; + } +} + +.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: 56px; +} +.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%; + width: 240px; + padding: 11px 14px 13px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo > img { + height: 32px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + height: 100%; + flex-grow: 1; + padding: 10px 32px 10px 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 .menu-button { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + z-index: 999; + width: 36px; + height: 36px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button > i { + font-size: 18px; +} +.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 { + padding: 10px 10px 7px; + margin: 0 6px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon i { + font-size: 18px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon .ui-badge { + padding: 0; + height: 14px; + width: 14px; + min-width: 14px; + font-size: 10px; + line-height: 14px; + top: -2px; + right: -2px; +} +.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: 46px; + right: 0px; + list-style-type: none; + margin: 0; + padding: 0; + z-index: 1000; + min-width: 260px; + animation-duration: 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header { + padding: 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 { + font-weight: 600; + margin: 0; + margin-left: 4px; +} +.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: 7px 12px; + margin-bottom: 6px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + cursor: pointer; +} +.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; + width: 100%; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 { + margin: 0; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 > span { + font-size: 14px; + font-weight: 600; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span { + font-size: 12px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span > span { + font-weight: 600; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > img { + width: 28px; + height: 28px; + margin-right: 6px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > i { + width: 28px; + height: 28px; + margin-right: 6px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 16px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > .ui-inputswitch { + margin-right: 6px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item { + margin: 0 12px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > a { + display: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper { + position: relative; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper input { + -moz-border-radius: 18px; + -webkit-border-radius: 18px; + border-radius: 18px; + border: none; + width: 200px; + padding: 8px 8px 8px 30px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper i { + position: absolute; + left: 9px; + top: 2px; + font-size: 14px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item ul > form > .search-input-wrapper input { + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; + width: 100%; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a { + display: -ms-flexbox; + display: flex; + margin: 0 6px; + padding: 10px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > img { + width: 32px; + height: 32px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info { + margin-left: 7px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info h6 { + font-weight: 600; + margin: 0; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info span { + display: block; + font-size: 12px; + font-weight: normal; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > hr { + margin: 2px 8px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header { + padding: 12px 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: start; + justify-content: flex-start; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header img { + width: 36px; + height: 36px; + margin-right: 6px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info { + margin-left: 7px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info h6 { + font-weight: 600; + margin: 0; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info span { + display: block; + font-size: 11px; + font-weight: normal; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > li > a > i { + font-size: 16px; + margin-right: 10px; +} +.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 { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + z-index: 999; + width: 36px; + height: 36px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button > i { + font-size: 18px; +} +@media (max-width: 992px) { + .layout-topbar-dark .layout-topbar { + height: 104px; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper { + -ms-flex-align: start; + align-items: flex-start; + flex-direction: column; + position: relative; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + width: 100%; + height: 56px; + margin-left: 0; + 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: 48px; + width: 100%; + padding: 0; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button { + position: absolute; + top: 10px; + left: 16px; + margin: 0; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions { + width: 100%; + -ms-flex-pack: start; + justify-content: flex-start; + padding: 0 16px; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item { + margin: 0; + width: 100%; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item { + margin: 0; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item > form { + display: none; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item > a { + display: flex; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item > a { + margin: 0; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item > ul { + top: 104px; + width: 90%; + left: 5%; + position: fixed; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile { + position: absolute; + top: 1px; + right: 8px; + height: auto; + width: auto; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile a { + margin: 0; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile a .profile-info { + display: none; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + margin-right: 16px; + } +} +.layout-topbar-dark .layout-topbar { + background-color: #434B54; + 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); +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button { + color: #CACFDB; + background-color: rgba(202, 207, 219, 0.2); +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button:hover { + background-color: #4E565F; + -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: #CACFDB; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a:hover { + background-color: #4E565F; + -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: rgba(202, 207, 219, 0.2); + color: #CACFDB; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper input::placeholder { + color: rgba(202, 207, 219, 0.7); +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper i { + color: #CACFDB; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a { + color: #CACFDB; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > span { + color: rgba(202, 207, 219, 0.7); +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a:hover { + background-color: transparent; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul hr { + border-color: #4E565F; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header { + background-image: linear-gradient(180deg, #2873D3 10%, #2c84d8 100%); + background-image: linear-gradient(180deg, var(--primary-dark-color, #2873D3) 10%, var(--primary-color, #2c84d8) 100%); +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header h6 { + color: #ffffff; + color: var(--primary-color-text, #ffffff); +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header span { + color: #ffffff; + color: var(--primary-color-text, #ffffff); +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > li a i { + color: #f8fafc; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); + background-color: #434B54; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header { + background-color: #434B54; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 { + color: #CACFDB; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header:hover { + background-color: #434B54; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 { + color: #f8fafc; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span { + color: rgba(248, 250, 252, 0.7); +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text p { + color: #f8fafc; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text span { + color: rgba(248, 250, 252, 0.7); +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li:hover { + background-color: #4E565F; + -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: #CACFDB; + background-color: rgba(202, 207, 219, 0.2); +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button:hover { + background-color: #4E565F; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +@media (max-width: 992px) { + .layout-topbar-dark .layout-topbar { + box-shadow: none; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + border-bottom: 1px solid #4E565F; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + border-bottom: 1px solid #4E565F; + } +} + +.layout-topbar-dim .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: 56px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper { + height: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + height: 100%; + width: 240px; + padding: 11px 14px 13px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo > img { + height: 32px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + height: 100%; + flex-grow: 1; + padding: 10px 32px 10px 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-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + z-index: 999; + width: 36px; + height: 36px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button > i { + font-size: 18px; +} +.layout-topbar-dim .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-dim .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-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a { + padding: 10px 10px 7px; + margin: 0 6px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon i { + font-size: 18px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon .ui-badge { + padding: 0; + height: 14px; + width: 14px; + min-width: 14px; + font-size: 10px; + line-height: 14px; + top: -2px; + right: -2px; +} +.layout-topbar-dim .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-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + display: none; + position: absolute; + top: 46px; + right: 0px; + list-style-type: none; + margin: 0; + padding: 0; + z-index: 1000; + min-width: 260px; + animation-duration: 0.2s; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header { + padding: 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 { + font-weight: 600; + margin: 0; + margin-left: 4px; +} +.layout-topbar-dim .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-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li { + padding: 7px 12px; + margin-bottom: 6px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + cursor: pointer; +} +.layout-topbar-dim .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; + width: 100%; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 { + margin: 0; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 > span { + font-size: 14px; + font-weight: 600; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span { + font-size: 12px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span > span { + font-weight: 600; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > img { + width: 28px; + height: 28px; + margin-right: 6px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > i { + width: 28px; + height: 28px; + margin-right: 6px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 16px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > .ui-inputswitch { + margin-right: 6px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item { + margin: 0 12px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > a { + display: none; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper { + position: relative; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper input { + -moz-border-radius: 18px; + -webkit-border-radius: 18px; + border-radius: 18px; + border: none; + width: 200px; + padding: 8px 8px 8px 30px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper i { + position: absolute; + left: 9px; + top: 2px; + font-size: 14px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item ul > form > .search-input-wrapper input { + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; + width: 100%; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a { + display: -ms-flexbox; + display: flex; + margin: 0 6px; + padding: 10px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > img { + width: 32px; + height: 32px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info { + margin-left: 7px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info h6 { + font-weight: 600; + margin: 0; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info span { + display: block; + font-size: 12px; + font-weight: normal; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > hr { + margin: 2px 8px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header { + padding: 12px 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: start; + justify-content: flex-start; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header img { + width: 36px; + height: 36px; + margin-right: 6px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info { + margin-left: 7px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info h6 { + font-weight: 600; + margin: 0; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info span { + display: block; + font-size: 11px; + font-weight: normal; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > li > a > i { + font-size: 16px; + margin-right: 10px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem > ul { + display: block; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + z-index: 999; + width: 36px; + height: 36px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button > i { + font-size: 18px; +} +@media (max-width: 992px) { + .layout-topbar-dim .layout-topbar { + height: 104px; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper { + -ms-flex-align: start; + align-items: flex-start; + flex-direction: column; + position: relative; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + width: 100%; + height: 56px; + margin-left: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + height: 48px; + width: 100%; + padding: 0; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button { + position: absolute; + top: 10px; + left: 16px; + margin: 0; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions { + width: 100%; + -ms-flex-pack: start; + justify-content: flex-start; + padding: 0 16px; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item { + margin: 0; + width: 100%; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item { + margin: 0; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item > form { + display: none; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item > a { + display: flex; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item > a { + margin: 0; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item > ul { + top: 104px; + width: 90%; + left: 5%; + position: fixed; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile { + position: absolute; + top: 1px; + right: 8px; + height: auto; + width: auto; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile a { + margin: 0; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile a .profile-info { + display: none; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + margin-right: 16px; + } +} +.layout-topbar-dim .layout-topbar { + background-color: #3C4962; + 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); +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button { + color: #CACFDB; + background-color: rgba(151, 162, 179, 0.2); +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button:hover { + background-color: #495771; + -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-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + color: #CACFDB; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a:hover { + background-color: #495771; + -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-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper input { + background-color: rgba(151, 162, 179, 0.2); + color: #CACFDB; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper input::placeholder { + color: rgba(202, 207, 219, 0.7); +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper i { + color: #CACFDB; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a { + color: #CACFDB; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > span { + color: rgba(202, 207, 219, 0.7); +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a:hover { + background-color: transparent; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul hr { + border-color: #495771; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header { + background-image: linear-gradient(180deg, #2873D3 10%, #2c84d8 100%); + background-image: linear-gradient(180deg, var(--primary-dark-color, #2873D3) 10%, var(--primary-color, #2c84d8) 100%); +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header h6 { + color: #ffffff; + color: var(--primary-color-text, #ffffff); +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header span { + color: #ffffff; + color: var(--primary-color-text, #ffffff); +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > li a i { + color: #f8fafc; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); + background-color: #3C4962; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header { + background-color: #3C4962; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 { + color: #CACFDB; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header:hover { + background-color: #3C4962; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 { + color: #f8fafc; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span { + color: rgba(248, 250, 252, 0.7); +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text p { + color: #f8fafc; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text span { + color: rgba(248, 250, 252, 0.7); +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li:hover { + background-color: #495771; + -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-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + color: #CACFDB; + background-color: rgba(151, 162, 179, 0.2); +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button:hover { + background-color: #495771; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +@media (max-width: 992px) { + .layout-topbar-dim .layout-topbar { + box-shadow: none; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + border-bottom: 1px solid #495771; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + border-bottom: 1px solid #495771; + } +} + +.layout-rightpanel { + position: fixed; + z-index: 1000; + right: 0; + top: 56px; + height: calc(100% - 56px); + padding: 0; + width: 294px; + overflow: auto; + background-color: #4a535d; + transform: translate3d(294px, 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: 0 2px 12px 0 rgba(0, 0, 0, 0.06); +} +.layout-rightpanel .rightpanel-wrapper { + height: 100%; + padding: 12px 10px; + padding-right: 0; +} + +.layout-wrapper.layout-rightpanel-active .layout-rightpanel { + transform: translate3d(0px, 0px, 0px); +} + +@media (max-width: 992px) { + .layout-rightpanel { + top: 104px; + width: 254px; + transform: translate3d(254px, 0px, 0px); + height: calc(100% - 104px); + } +} +.menu-wrapper { + height: calc(100% - 56px); + width: 240px; + position: fixed; + left: 0; + top: 56px; + z-index: 998; + transform: none; + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; +} +.menu-wrapper .layout-menu-container { + overflow: auto; + height: 100%; +} +.menu-wrapper .layout-menu-container .layout-menu { + list-style-type: none; + margin: 0; + padding: 0; + padding-bottom: 36px; +} +.menu-wrapper .layout-menu-container .layout-menu li { + padding: 0; + -moz-border-radius-topleft: 10px; + -webkit-border-top-left-radius: 10px; + border-top-left-radius: 10px; + -moz-border-radius-bottomleft: 10px; + -webkit-border-bottom-left-radius: 10px; + border-bottom-left-radius: 10px; +} +.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-root-menuitem > a { + display: none; +} +.menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > div { + padding-left: 12px; + margin-bottom: 6px; + margin-top: 24px; +} +.menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > div > .layout-menuitem-text { + font-size: 12px; + font-weight: 600; + text-transform: uppercase; +} +.menu-wrapper .layout-menu-container .layout-menu li .layout-menu-tooltip { + display: none; +} +.menu-wrapper .layout-menu-container .layout-menu li > a { + margin: 0px; + padding: 7px 20px 6px 8px; + 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; + font-size: 13px; + font-weight: 500; + border-radius: 0; + cursor: pointer; + user-select: none; + -moz-border-radius-topleft: 10px; + -webkit-border-top-left-radius: 10px; + border-top-left-radius: 10px; + -moz-border-radius-bottomleft: 10px; + -webkit-border-bottom-left-radius: 10px; + border-bottom-left-radius: 10px; +} +.menu-wrapper .layout-menu-container .layout-menu li > a .layout-menuitem-text { + margin: 0 11px; +} +.menu-wrapper .layout-menu-container .layout-menu li > a i { + font-size: 14px; +} +.menu-wrapper .layout-menu-container .layout-menu li > a i.layout-submenu-toggler { + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + margin-left: auto; + font-size: 14px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul { + display: block; + list-style-type: none; + padding: 0; + margin: 0; + padding-left: 19px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul li ul { + padding: 0 0 4px; + display: none; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul li ul li a { + border-radius: 0; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li { + padding: 0; + margin-top: 8px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li.layout-root-menuitem > a { + display: -ms-flexbox; + display: flex; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li.active-menuitem.layout-root-menuitem > a { + display: -ms-flexbox; + display: flex; + border-bottom-left-radius: 0; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li > div { + display: none; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li a { + padding-left: 20px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li a { + padding-left: 30px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li a { + padding-left: 40px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li ul li a { + padding-left: 50px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li ul li ul li a { + padding-left: 60px; +} +.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; +} +.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; +} +.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; +} +.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; +} + +@media (min-width: 992px) { + .layout-overlay .menu-wrapper { + -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(-241px, 0px, 0px); + } + .layout-overlay.layout-overlay-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-overlay .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button { + display: -ms-flexbox; + display: flex; + } + + .layout-static .menu-wrapper { + transform: translate3d(-241px, 0px, 0px); + } + .layout-static .layout-main { + -moz-transition: margin-left 0.2s; + -o-transition: margin-left 0.2s; + -webkit-transition: margin-left 0.2s; + transition: margin-left 0.2s; + } + .layout-static.layout-static-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-static.layout-static-active .layout-main { + margin-left: 240px; + } + .layout-static .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button { + display: -ms-flexbox; + display: flex; + } +} +@media (max-width: 991px) { + .layout-wrapper .menu-wrapper { + top: 104px; + height: calc(100% - 104px); + -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(-260px, 0px, 0px); + } + .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 .layout-mask { + display: block; + } +} +@media (min-width: 993px) { + .layout-wrapper.layout-horizontal .menu-wrapper { + top: 56px; + width: 100%; + height: 44px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container { + overflow: visible; + 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; + padding-bottom: 0px; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: row; + flex-direction: row; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu li a { + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + border-radius: 6px; + } + .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.active-menuitem > ul { + display: block; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li { + padding: 0; + position: relative; + } + .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-right: 6px; + padding: 6px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + -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.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: 35px; + left: 0px; + width: 230px; + position: absolute; + padding: 8px 0; + margin: 0; + z-index: 100; + overflow: auto; + max-height: 450px; + -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; + -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); + -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li { + padding: 0px 8px; + border: 0 none; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button { + display: none; + } + .layout-wrapper.layout-horizontal .layout-main { + padding-top: 104px; + } +} +.layout-menu-dark .menu-wrapper { + background-color: #434B54; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #CDD2DB; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li a { + color: #E5E8EC; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li a i { + color: #E5E8EC; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li a:hover { + background-color: #4E565F; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #ffffff; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: #E5E8EC; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a i { + color: #E5E8EC; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: #676E77; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + background-color: #676E77; + color: #ffffff; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.layout-root-menuitem.active-menuitem { + background-color: #4E565F; +} +@media (min-width: 993px) { + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #434B54; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: #E5E8EC; + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: #676E77; + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem { + background-color: #434B54; + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #ffffff; + } +} + +.layout-menu-dim .menu-wrapper { + background-color: #3C4962; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); +} +.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #CDD2DB; +} +.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li a { + color: #E5E8EC; +} +.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li a i { + color: #E5E8EC; +} +.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li a:hover { + background-color: #495771; +} +.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #ffffff; +} +.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: #E5E8EC; +} +.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li > ul li a i { + color: #E5E8EC; +} +.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: #59667D; +} +.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + background-color: #59667D; + color: #ffffff; +} +.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.layout-root-menuitem.active-menuitem { + background-color: #495771; +} +@media (min-width: 993px) { + .layout-menu-dim.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #42506b; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); + } + .layout-menu-dim.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: #E5E8EC; + } + .layout-menu-dim.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: #59667D; + } + .layout-menu-dim.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem { + background-color: #42506b; + } + .layout-menu-dim.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #ffffff; + } +} + +.layout-menu-light .menu-wrapper { + background-color: #FDFEFF; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #657380; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li a { + color: #515C66; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li a i { + color: #515C66; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li a:hover { + background-color: #e5e9f0; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #282E33; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: #515C66; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a i { + color: #515C66; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(90, 101, 124, 0.2); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + background-color: rgba(90, 101, 124, 0.2); + color: #2e3440; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.layout-root-menuitem.active-menuitem { + background-color: #e5e9f0; +} +@media (min-width: 993px) { + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #FDFEFF; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: #515C66; + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(90, 101, 124, 0.2); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem { + background-color: #FDFEFF; + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #282E33; + } +} + +.login-body { + background: linear-gradient(180deg, #525D72 0%, #69768D 100%); + color: #c3ccdd; + height: 100vh; +} +.login-body .login-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + 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-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-direction: column; + flex-direction: column; +} +.login-body .login-wrapper .login-panel .logo img { + height: 45px; +} +.login-body .login-wrapper .login-panel .login-form > p { + font-weight: 600; + margin: 0; + color: #c3ccdd; + margin-bottom: 32px; +} +.login-body .login-wrapper .login-panel .login-form > p > a { + color: #f4f7f9; + cursor: pointer; +} +.login-body .login-wrapper .login-panel .login-form > input { + width: 85%; + max-width: 310px; + margin-bottom: 20px; + background-color: #F6F9FE; + color: #515C66; +} +.login-body .login-wrapper .login-panel .login-form > input::placeholder { + color: #515C66; +} +.login-body .login-wrapper .login-panel .login-form > button { + width: 85%; + max-width: 310px; +} +.login-body .login-wrapper .login-panel p { + font-weight: 600; + margin: 0; + color: #c3ccdd; +} +.login-body .login-wrapper .login-panel p > a { + color: #f4f7f9; +} + +@media (max-width: 992px) { + .login-body .login-wrapper .login-panel { + width: 100%; + } +} +body.exception-body { + height: 100vh; +} +body.exception-body .exception-top { + height: 30%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body.exception-body .exception-top img { + width: 100px; + display: block; +} +body.exception-body .exception-bottom { + height: 70%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-direction: column; +} +body.exception-body .exception-bottom .exception-wrapper { + padding: 50px; + text-align: center; + box-sizing: border-box; +} +body.exception-body .exception-bottom .exception-wrapper .exception-summary { + display: block; + color: #ffffff; + font-size: 36px; + font-weight: bold; + margin-bottom: 20px; +} +body.exception-body .exception-bottom .exception-wrapper .exception-detail { + display: block; + color: #ffffff; + margin-bottom: 50px; +} +body.exception-body .exception-bottom .exception-wrapper button { + width: 75%; + display: block; + margin: 0 auto 100px auto; +} +body.exception-body .exception-bottom .exception-wrapper .logo-icon { + height: 56px; + display: block; + margin: 0 auto 20px auto; +} +body.exception-body .exception-bottom .exception-wrapper .exception-footer { + color: #ffffff; +} +body.exception-body.error-page { + background: linear-gradient(0deg, #781919 0%, #CE5051 100%); +} +body.exception-body.error-page .exception-top { + background-color: #f0f3f5; +} +body.exception-body.access-page { + background: linear-gradient(0deg, #812038 0%, #f16383 100%); +} +body.exception-body.access-page .exception-top { + background-color: #f0f3f5; +} +body.exception-body.notfound-page { + background: linear-gradient(0deg, #006D6D 0%, #00ACAC 100%); +} +body.exception-body.notfound-page .exception-top { + background-color: #f0f3f5; +} +body.exception-body .ui-button { + background-color: #ffffff; + border-color: #ffffff; + color: #515C66; +} +body.exception-body .ui-button:enabled:hover { + background-color: #EDF4F7; + border-color: #EDF4F7; + color: #515C66; +} +body.exception-body .ui-button:enabled:active { + background-color: #DBE9EF; + border-color: #DBE9EF; + color: #515C66; +} +body.exception-body .ui-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DBE9EF; +} + +@media (max-width: 640px) { + body.exception-body .exception-bottom .exception-wrapper { + width: 100%; + } +} +.landing-wrapper { + background: #ffffff; +} +.landing-wrapper .landing-topbar { + height: 120px; + background: linear-gradient(180deg, #525D72 0%, #69768D 100%); + 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; +} +.landing-wrapper .landing-topbar #landing-menu-button { + display: none; + padding: 0 8px; + cursor: pointer; +} +.landing-wrapper .landing-topbar .logo { + padding: 0 120px; +} +.landing-wrapper .landing-topbar > ul { + list-style-type: none; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin: 0; + padding: 0; + padding-right: 120px; +} +.landing-wrapper .landing-topbar > ul > li #landing-menu-close { + display: none; +} +.landing-wrapper .landing-topbar > ul > li > a { + font-weight: 500; + letter-spacing: 0.08px; + color: #ffffff; + padding: 8px 16px; + margin: 0 6px; + border-radius: 5px; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.landing-wrapper .landing-topbar > ul > li > a:hover { + background-color: rgba(92, 172, 244, 0.3); + color: #ffffff; +} +.landing-wrapper .landing-banner { + background: linear-gradient(180deg, #69768D 0%, #ffffff 100%); + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + padding: 120px 120px 180px; +} +.landing-wrapper .landing-banner .landing-banner-content > h2 { + font-weight: 600; + margin: 0; + margin-bottom: 12px; + color: #ffffff; +} +.landing-wrapper .landing-banner .landing-banner-content > h2 > span { + color: #ffffff; +} +.landing-wrapper .landing-banner .landing-banner-content > h6 { + font-size: 15px; + font-weight: normal; + margin: 0; + margin-bottom: 24px; + color: #ffffff; + max-width: 480px; + line-height: 1.5; +} +.landing-wrapper .landing-banner .landing-banner-content > button { + padding: 8px 20px; +} +.landing-wrapper .landing-banner .landing-banner-content > button span { + padding: 0; + display: block; +} +.landing-wrapper .landing-banner .landing-banner-image { + text-align: right; +} +.landing-wrapper .landing-banner .landing-banner-image img { + width: 80%; + height: auto; + max-height: 400px; + opacity: 0.8; +} +.landing-wrapper .section-header { + display: -ms-flexbox; + display: flex; + flex-direction: column; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: center; + align-items: center; + text-align: center; + padding: 0 120px; +} +.landing-wrapper .section-header > h2 { + font-weight: 500; + margin: 0; + margin-bottom: 14px; + color: #2C3D57; +} +.landing-wrapper .section-header > h6 { + font-weight: normal; + margin: 0; + color: #2C3D57; + max-width: 480px; + line-height: 1.33; +} +.landing-wrapper .landing-features { + padding: 120px 0; +} +.landing-wrapper .landing-features .features-cards { + padding: 120px 120px 0; +} +.landing-wrapper .landing-features .features-cards .feature-card { + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + background-color: #ffffff; + padding: 24px 12px 36px; + text-align: left; + cursor: pointer; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.landing-wrapper .landing-features .features-cards .feature-card:hover { + transform: scale3d(1.02, 1.02, 1); +} +.landing-wrapper .landing-features .features-cards .feature-card h5 { + margin: 6px 0 12px; +} +.landing-wrapper .landing-features .features-cards .feature-card > img { + height: 100px; + width: auto; +} +.landing-wrapper .landing-features .features-cards .feature-card span { + line-height: 1.4; + display: block; +} +.landing-wrapper .landing-promo { + background: linear-gradient(360deg, #69768D 0%, #78849B 100%); + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + padding: 60px 120px; +} +.landing-wrapper .landing-promo .landing-promo-content > h2 { + font-weight: 600; + margin: 0; + margin-bottom: 14px; + color: #ffffff; + max-width: 650px; +} +.landing-wrapper .landing-promo .landing-promo-content > h2 > span { + color: #ffffff; +} +.landing-wrapper .landing-promo .landing-promo-content > h6 { + font-size: 15px; + font-weight: normal; + margin: 0; + margin-bottom: 14px; + color: #ffffff; + max-width: 480px; + line-height: 1.33; +} +.landing-wrapper .landing-promo .landing-promo-content > button { + padding: 8px 20px; +} +.landing-wrapper .landing-promo .landing-promo-content > button span { + padding: 0; + display: block; +} +.landing-wrapper .landing-promo .landing-promo-image { + text-align: right; +} +.landing-wrapper .landing-promo .landing-promo-image img { + width: 60%; + height: auto; + max-height: 400px; +} +.landing-wrapper .landing-testimonials { + padding: 120px 120px 60px; +} +.landing-wrapper .landing-testimonials .testimonials { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; +} +.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper { + overflow: hidden; + position: relative; + max-width: 100%; +} +.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .testimonials-content { + display: -ms-flexbox; + display: flex; + padding: 32px 0 0; + flex-direction: row; + transition: transform 1000ms ease 0s; + transform: translate3d(0px, 0px, 0px); +} +.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .testimonials-content .testimonial { + flex: 1 0 100vw; + -moz-transition: visibility 0.8s; + -o-transition: visibility 0.8s; + -webkit-transition: visibility 0.8s; + transition: visibility 0.8s; + -moz-transition: transform 1000ms ease 0s; + -o-transition: transform 1000ms ease 0s; + -webkit-transition: transform 1000ms ease 0s; + transition: transform 1000ms ease 0s; + max-width: 33%; +} +.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .testimonials-content .testimonial .testimonial-content { + opacity: 0.9; + margin: 0 6px; + position: relative; + height: 100%; + background-color: #ffffff; + padding: 65px 42px 66px; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + flex-direction: column; +} +.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .testimonials-content .testimonial .testimonial-content > span { + display: block; + font-size: 14px; + line-height: 1.5; + color: #2C3D57; + margin-bottom: 20px; + flex-grow: 1; +} +.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .testimonials-content .testimonial .testimonial-content > h5 { + font-weight: 500; + line-height: 1.2; + color: #2C3D57; + margin: 0; +} +.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .testimonials-content .testimonial .testimonial-content > h6 { + font-weight: 500; + line-height: 1.5; + color: #66768D; + margin: 0; +} +.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .link-points .points { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + padding-top: 36px; +} +.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .link-points .points .point { + width: 15px; + height: 15px; + background-color: #E6E9EF; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + margin: 3px; + cursor: pointer; +} +.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .link-points .points .point.active-point { + width: 19px; + height: 19px; + background-color: #2C3D57; +} +.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .link-points .points .point.mobile { + display: none; +} +.landing-wrapper .landing-pricing { + padding: 120px 0; +} +.landing-wrapper .landing-pricing .section-header { + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: center; + align-items: center; + text-align: center; +} +.landing-wrapper .landing-pricing .pricing-cards { + padding: 60px 120px; +} +.landing-wrapper .landing-pricing .pricing-cards .pricing-card { + margin: 12px; + height: auto; +} +.landing-wrapper .landing-contact { + padding: 60px 0 0; + background: linear-gradient(360deg, #69768D 0%, #ffffff 100%); +} +.landing-wrapper .landing-contact .section-header { + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: center; + align-items: center; + text-align: center; +} +.landing-wrapper .landing-contact .section-header > h2 { + color: #2C3D57; +} +.landing-wrapper .landing-contact .section-header > h6 { + color: #2C3D57; +} +.landing-wrapper .landing-contact .landing-contact-content { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + padding: 60px 180px; + position: relative; + text-align: center; +} +.landing-wrapper .landing-contact .landing-contact-content .landing-contact-form { + padding: 20px; +} +.landing-wrapper .landing-contact .landing-contact-content .landing-contact-form > h3 { + font-size: 16px; + color: #ffffff; + margin: 0; + font-weight: 500; + margin-bottom: 20px; +} +.landing-wrapper .landing-contact .landing-contact-content .landing-contact-form > input, +.landing-wrapper .landing-contact .landing-contact-content .landing-contact-form > textarea { + width: 100%; + margin-bottom: 16px; + border-radius: 4px; + border: 1px solid #CED4DA; + padding: 10px 12px; + background-color: #F6F9FE; + color: #515C66; +} +.landing-wrapper .landing-contact .landing-contact-content .landing-contact-form > input::placeholder, +.landing-wrapper .landing-contact .landing-contact-content .landing-contact-form > textarea::placeholder { + color: #515C66; +} +.landing-wrapper .landing-contact .landing-contact-content .landing-contact-form > button { + width: 100%; +} +.landing-wrapper .landing-footer { + background: linear-gradient(360deg, #525D72 0%, #69768D 100%); + padding: 21px 120px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.landing-wrapper .landing-footer > img { + height: 30px; + width: auto; +} +.landing-wrapper .landing-footer .social-icons { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.landing-wrapper .landing-footer .social-icons a { + color: #ffffff; + margin-left: 18px; + cursor: pointer; + padding: 6px; +} +.landing-wrapper .landing-footer .social-icons a i { + font-size: 22px; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} +.landing-wrapper .landing-footer .social-icons a:hover i { + color: #CED4DA; +} + +@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 .logo { + padding: 0 33px; + } + .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: 40px 20px; + z-index: 999; + width: 240px; + height: 100%; + background-color: #69768D; + 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: left; + display: block; + color: #ffffff; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li > a:hover { + background-color: rgba(92, 172, 244, 0.3); + color: #ffffff; + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li #landing-menu-close { + display: block; + font-size: 20px; + text-align: right; + color: #5cacf4; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li #landing-menu-close:hover { + background-color: #69768D; + color: #ffffff; + } + .landing-body .landing-wrapper .landing-topbar #landing-menu-button { + display: block; + color: #ffffff; + font-size: 20px; + padding: 0 33px; + } + .landing-body .landing-wrapper .landing-banner { + padding: 120px 42px 180px; + } + .landing-body .landing-wrapper .landing-banner .landing-banner-content { + text-align: center; + width: 100%; + } + .landing-body .landing-wrapper .landing-banner .landing-banner-content h6 { + max-width: 100%; + } + .landing-body .landing-wrapper .landing-banner .landing-banner-image { + display: none; + } + .landing-body .landing-wrapper .landing-features { + padding: 42px 16px; + } + .landing-body .landing-wrapper .landing-features .features-cards { + padding: 0; + } + .landing-body .landing-wrapper .landing-features .features-cards .feature-card { + text-align: center; + margin: 30px 0; + } + .landing-body .landing-wrapper .landing-features .features-content { + padding: 0; + flex-direction: column; + } + .landing-body .landing-wrapper .landing-features .features-content img { + width: 100%; + } + .landing-body .landing-wrapper .landing-features .features-content ul li { + margin: 16px 0; + max-width: 400px; + } + .landing-body .landing-wrapper .landing-features .features-content ul li img { + width: 64px; + } + .landing-body .landing-wrapper .section-header { + padding: 0px; + } + .landing-body .landing-wrapper .landing-promo { + padding: 36px 42px 64px; + } + .landing-body .landing-wrapper .landing-promo .landing-promo-content { + text-align: center; + width: 100%; + } + .landing-body .landing-wrapper .landing-promo .landing-promo-content h6 { + max-width: 100%; + } + .landing-body .landing-wrapper .landing-promo .landing-promo-image { + display: none; + } + .landing-body .landing-wrapper .landing-pricing { + padding: 36px 42px 64px; + } + .landing-body .landing-wrapper .landing-pricing .pricing-cards { + padding: 0; + } + .landing-body .landing-wrapper .landing-testimonials { + padding: 36px 42px 64px; + } + .landing-body .landing-wrapper .landing-testimonials .testimonials { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + } + .landing-body .landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper { + overflow: hidden; + position: relative; + max-width: 100%; + } + .landing-body .landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .testimonials-content { + text-align: center; + padding: 0; + } + .landing-body .landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .testimonials-content .testimonial { + max-width: 100%; + } + .landing-body .landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .link-points .points .point.mobile { + display: -ms-flexbox; + display: flex; + } + .landing-body .landing-wrapper .landing-contact { + padding: 36px 42px 64px; + } + .landing-body .landing-wrapper .landing-contact .landing-contact-content { + padding: 0; + } + .landing-body .landing-wrapper .landing-contact .landing-contact-form { + width: 100%; + } + .landing-body .landing-wrapper .landing-footer { + padding: 18px 24px 64px; + } +} +.overview-box-1 { + height: 100%; +} +.overview-box-1 .card-header { + padding-bottom: 17px; +} +.overview-box-1 .card-header .header-buttons > a { + width: 20px; + height: 20px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + background-color: rgba(148, 154, 166, 0.1); + border: 1px solid transparent; +} +.overview-box-1 .card-header .header-buttons > a i { + color: #949aa6; + font-size: 12px; + width: 12px; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -o-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} +.overview-box-1 .card-header .header-buttons > a:hover { + border-color: #949aa6; +} +.overview-box-1 .overview-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 11px 4px 6px 0px; +} +.overview-box-1 .overview-content .overview-graph { + display: -ms-flexbox; + display: flex; + -ms-flex-align: end; + align-items: flex-end; +} +.overview-box-1 .overview-content .overview-graph > span { + width: 8px; + height: 12px; + display: block; + background-color: #2f8ee5; + margin-left: 4px; + border-radius: 1px; + opacity: 0.4; + cursor: pointer; + position: relative; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + z-index: 1; +} +.overview-box-1 .overview-content .overview-graph > span:last-child { + opacity: 1; +} +.overview-box-1 .overview-content .overview-graph > span > span { + font-size: 12px; + min-width: 6px; + position: absolute; + padding: 1px; + border-radius: 2px; + background-color: #4E565F; + top: -22px; + left: -4px; + display: none; + z-index: 2; +} +.overview-box-1 .overview-content .overview-graph > span:hover { + transform: scale3d(1.1, 1.1, 1); + opacity: 1; +} +.overview-box-1 .overview-content .overview-graph > span:hover .graph-tooltip { + display: block; +} +.overview-box-1 .overview-footer > span { + font-size: 13px; +} +.overview-box-1 .overview-footer > span i { + color: #00acac; +} +.overview-box-1 .overview-footer > span > span { + color: #00acac; + font-weight: 600; +} +.overview-box-1 .overview-footer.down > span i { + color: #f16383; +} +.overview-box-1 .overview-footer.down > span > span { + color: #f16383; +} +.overview-box-1.teal .overview-content .overview-graph > span { + background-color: #00acac; +} +.overview-box-1.orange .overview-content .overview-graph > span { + background-color: #f1b263; +} + +.overview-box-2 { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 32px 12px; +} +.overview-box-2.teal { + background-color: #02acac; +} +.overview-box-2.teal i { + color: #02acac; +} +.overview-box-2.orange { + background-color: #f1b263; +} +.overview-box-2.orange i { + color: #f1b263; +} +.overview-box-2.blue { + background-color: #2f8ee5; +} +.overview-box-2.blue i { + color: #2f8ee5; +} +.overview-box-2.pink { + background-color: #f16383; +} +.overview-box-2.pink i { + color: #f16383; +} +.overview-box-2 h6 { + opacity: 0.8; + color: #ffffff; + font-weight: normal; + margin: 0; +} +.overview-box-2 h3 { + margin: 2px 0 0; + font-weight: normal; + color: #ffffff; +} +.overview-box-2 i { + font-size: 42px; + width: 64px; + height: 64px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + background-color: #434B54; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} + +.news { + padding: 0; + display: -ms-flexbox; + display: flex; +} +.news .news-content { + width: 100%; + padding: 12px 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + flex-direction: column; +} +.news .news-content h5 { + font-weight: bold; + line-height: 1.5; + color: #E5E8EC; + margin: 0 0 12px; +} +.news .news-content > span { + flex-grow: 1; + font-size: 13px; + line-height: 1.54; + color: #E5E8EC; +} +.news .news-content .news-content-footer { + margin-top: 20px; +} +.news .news-content .news-content-footer > span { + display: block; + margin: 0 0 2px; + font-size: 13px; + line-height: 1.54; + font-weight: normal; + color: #E5E8EC; +} +.news .news-content .news-content-footer > span > span { + font-weight: 600; +} +.news .news-content .news-content-footer > span > span.category { + color: #2c84d8; +} +.news .news-image { + width: 100%; + background-image: url("#{resource['poseidon-layout:images/pages/asset-news.png']}"); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + min-height: 320px; +} + +.likes { + overflow: auto; + height: 100%; +} +.likes .likes-chart { + padding: 12px 8px; + height: calc(100% - 25px); + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} + +.news-feed { + padding: 0 16px; +} +.news-feed .news-feed-card { + padding: 16px; + height: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + flex-direction: column; +} +.news-feed .news-feed-card > i { + font-size: 20px; + color: #ffffff; + width: 32px; + height: 32px; + border-radius: 4px; + background-color: #2c84d8; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.news-feed .news-feed-card .title { + display: block; + font-size: 13px; + font-weight: 600; + color: #E5E8EC; + margin: 8px 0 4px; +} +.news-feed .news-feed-card .news-feed-desc { + display: block; + font-size: 13px; + line-height: 1.54; + color: #E5E8EC; + flex-grow: 1; +} +.news-feed .news-feed-card a { + margin-top: 8px; + display: block; + font-size: 12px; + font-weight: 600; + color: #E5E8EC; +} +.news-feed .news-feed-card a > i { + font-size: 13px; + margin-left: 2px; + vertical-align: middle; +} +.news-feed .news-feed-card a:hover { + text-decoration: underline; +} + +.timeline { + height: 100%; +} +.timeline > ul { + padding: 0; + margin: 10px 0 20px; + list-style: none; +} +.timeline > ul > li { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin-bottom: 32px; +} +.timeline > ul > li .time { + min-width: 70px; + opacity: 0.6; + font-size: 13px; + line-height: 1.54; + color: #E5E8EC; + display: block; +} +.timeline > ul > li .event-icon { + position: relative; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.timeline > ul > li .event-icon::before { + content: ""; + width: 2px; + height: 100px; + background-color: #4E565F; + position: absolute; + top: 0; + display: block; +} +.timeline > ul > li .event-icon i { + z-index: 2; + width: 48px; + height: 48px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + margin: 0 12px; + font-size: 24px; + color: #434B54; +} +.timeline > ul > li .event-content span { + display: block; + font-size: 13px; + line-height: 1.54; + color: #E5E8EC; +} +.timeline > ul > li .event-content span.event-title { + font-weight: 600; + line-height: normal; +} +.timeline > ul > li:nth-child(1) i { + background-color: #02acac; +} +.timeline > ul > li:nth-child(2) i { + background-color: #f1b263; +} +.timeline > ul > li:nth-child(3) i { + background-color: #f1b263; +} +.timeline > ul > li:last-child { + margin-bottom: 0; +} +.timeline > ul > li:last-child .event-icon::before { + display: none; +} +.timeline > ul > li:last-child .event-icon i { + background-color: #2f8ee5; +} + +.chat { + height: 100%; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + flex-direction: column; +} +.chat .card-header { + padding: 8px 12px 6px; +} +.chat .chat-messages { + padding: 0 12px; + flex-grow: 1; +} +.chat .chat-message-row { + padding: 10px 0; +} +.chat .chat-message-row .chat-message { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.chat .chat-message-row .chat-message img { + width: 48px; + height: 48px; + border-radius: 6px; +} +.chat .chat-message-row .chat-message .chat-message-content { + padding: 13px 8px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); + border-radius: 6px; + background-color: #4E565F; + width: 100%; + margin-left: 8px; +} +.chat .chat-message-row .chat-message .chat-message-content span { + display: block; + font-size: 13px; + color: #E5E8EC; +} +.chat .chat-message-row .chat-message-footer { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 4px 0 0; +} +.chat .chat-message-row .chat-message-footer h6 { + font-size: 14px; + font-weight: 600; + color: #E5E8EC; + margin: 0; +} +.chat .chat-message-row .chat-message-footer span { + font-size: 13px; + color: #E5E8EC; + opacity: 0.6; +} +.chat .chat-message-row.send .chat-message { + flex-direction: row-reverse; +} +.chat .chat-message-row.send .chat-message .chat-message-content { + margin-right: 8px; + margin-left: 0; + background-color: rgba(44, 132, 216, 0.6); +} +.chat .chat-message-row.send .chat-message .chat-message-content span { + display: block; + font-size: 13px; + color: #ffffff; +} +.chat .chat-message-row.send .chat-message-footer { + flex-direction: row-reverse; +} +.chat .chat-input { + border-top: 1px solid #4E565F; +} +.chat .chat-input > input { + width: 100%; + border-radius: 5px; + background-color: #434B54; + border: none; + padding: 12px; +} + +.map { + padding: 0; + display: -ms-flexbox; + display: flex; +} +.map .map-image { + width: 70%; + background-image: url("#{resource['poseidon-layout:images/pages/asset-maps.png']}"); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; + min-height: 320px; +} +.map .map-content { + width: 30%; + display: -ms-flexbox; + display: flex; +} +.map .map-content .map-adjust { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + padding: 6px; + cursor: pointer; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.map .map-content .map-adjust i { + color: #CDD2DB; +} +.map .map-content .map-adjust:hover { + background-color: #4E565F; +} +.map .map-content > ul { + padding: 10px 0 0; + margin: 0; + border-left: 1px solid #4E565F; + width: 100%; + max-height: 330px; + overflow: auto; +} +.map .map-content > ul > li { + display: -ms-flexbox; + display: flex; + width: 100%; + padding: 8px 6px; + border-bottom: 1px solid #4E565F; +} +.map .map-content > ul > li > i { + font-size: 14px; + color: #2c84d8; + margin-right: 6px; + margin-top: 4px; +} +.map .map-content > ul > li .map-info span { + font-size: 13px; + font-weight: 600; + color: #E5E8EC; +} +.map .map-content > ul > li .map-info span > span { + font-weight: normal; +} +.map .map-content > ul > li .map-info .time { + display: block; + font-size: 11px; + font-weight: 600; + color: #E5E8EC; + opacity: 0.6; +} +.map .map-content > ul > li:last-child { + border: none; +} + +.profile { + height: 100%; + padding: 0; +} +.profile .profile-header { + background-image: url("#{resource['poseidon-layout:images/pages/asset-cover.png']}"); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + min-height: 120px; + position: relative; +} +.profile .profile-header img { + position: absolute; + bottom: -50%; + left: 50%; + margin-left: -60px; + width: 120px; + height: 120px; +} +.profile .profile-content { + padding: 66px 12px 24px; + text-align: center; +} +.profile .profile-content > h6 { + margin: 0; + font-weight: 600; + color: #E5E8EC; +} +.profile .profile-content > span { + display: block; + font-size: 13px; + color: #E5E8EC; + margin: 4px 0 30px; +} + +.pricing-card { + padding: 0 0px 24px; + text-align: center; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + background: #434B54; +} +.pricing-card .pricing-header { + padding: 18px 12px; + border-bottom: 4px solid #2c84d8; + border-bottom: 4px solid var(--primary-dark-color, #2c84d8); +} +.pricing-card .pricing-header .price { + font-size: 24px; + color: #2c84d8; + color: var(--primary-dark-color, #2c84d8); + margin: 0; + margin-bottom: 6px; +} +.pricing-card .pricing-header > h5 { + letter-spacing: 0.58px; + color: #E5E8EC; + margin: 0; + margin-bottom: 12px; +} +.pricing-card .pricing-header > span { + display: block; + font-size: 13px; + color: #E5E8EC; +} +.pricing-card ul { + list-style-type: none; + padding: 0; + padding-bottom: 12px; +} +.pricing-card ul > li { + color: #E5E8EC; + margin-bottom: 12px; + width: 100%; +} +.pricing-card ul > li > i { + color: #E5E8EC; + margin-right: 8px; +} +.pricing-card ul > li.not-included { + opacity: 0.6; +} +.pricing-card.landing-pricing-card { + background: linear-gradient(360deg, #66768D 0%, #7A899F 100%); +} +.pricing-card.landing-pricing-card .pricing-header { + border-bottom: 4px solid #ffffff; +} +.pricing-card.landing-pricing-card .pricing-header .price { + color: #ffffff; +} +.pricing-card.landing-pricing-card .pricing-header > h5 { + color: #ffffff; +} +.pricing-card.landing-pricing-card .pricing-header > span { + color: #ffffff; +} +.pricing-card.landing-pricing-card ul > li { + color: #ffffff; +} +.pricing-card.landing-pricing-card ul > li > i { + color: #ffffff; +} +.pricing-card.landing-pricing-card.teal .pricing-header { + border-bottom: 4px solid #7EEBEB; +} +.pricing-card.landing-pricing-card.teal .pricing-header .price { + color: #7EEBEB; +} +.pricing-card.landing-pricing-card.orange .pricing-header { + border-bottom: 4px solid #FFDA9E; +} +.pricing-card.landing-pricing-card.orange .pricing-header .price { + color: #FFDA9E; +} + +.sale-graph { + overflow: auto; +} +.sale-graph .card-header { + margin-bottom: 13px; +} +.sale-graph .order-tabs { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: start; + justify-content: flex-start; +} +.sale-graph .order-tabs .order-tab { + cursor: pointer; + background-color: rgba(78, 86, 95, 0.3); + padding: 6px 18px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; +} +.sale-graph .order-tabs .order-tab:first-child { + margin-right: 18px; +} +.sale-graph .order-tabs .order-tab:hover { + background-color: rgba(78, 86, 95, 0.5); +} +.sale-graph .order-tabs .order-tab:hover h3 { + color: rgba(2, 172, 172, 0.6); +} +.sale-graph .order-tabs .order-tab.order-tab-active { + background-color: rgba(78, 86, 95, 0.7); +} +.sale-graph .order-tabs .order-tab.order-tab-active h3 { + color: #02acac; +} +.sale-graph .order-tabs .order-tab h6 { + color: #E5E8EC; + font-weight: 600; + margin: 0; + margin-bottom: 2px; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} +.sale-graph .order-tabs .order-tab h3 { + color: #949aa6; + margin: 0; +} + +.product-list { + height: 100%; +} +.product-list .card-header { + margin-bottom: 12px; +} +.product-list > ul { + padding: 0; + margin: 0; + list-style-type: none; +} +.product-list > ul > li { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + margin-bottom: 12px; + padding: 6px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + cursor: pointer; +} +.product-list > ul > li:hover { + background-color: rgba(78, 86, 95, 0.7); +} +.product-list > ul > li .product { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.product-list > ul > li .product > img { + width: 72px; + height: 42px; + margin-right: 12px; +} +.product-list > ul > li .product .product-info > p { + margin: 0; + color: #E5E8EC; +} +.product-list > ul > li .product .product-info > span { + display: block; + color: #CDD2DB; + font-size: 12px; + font-weight: normal; +} +.product-list > ul > li .product .product-info > span > span { + font-weight: 600; +} +.product-list > ul > li > i { + color: #00acac; +} +.product-list > ul > li > i.down { + color: #f16383; +} + +.sellers { + height: 100%; +} +.sellers > ul { + padding: 0; + margin: 0; + list-style-type: none; +} +.sellers > ul > li { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 5px 0; + margin-top: 6px; +} +.sellers > ul > li .seller { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.sellers > ul > li .seller > img { + width: 32px; + height: 32px; + margin: 0px; + margin-right: 12px; +} +.sellers > ul > li .seller > p { + color: #E5E8EC; + margin: 0; + min-width: 105px; +} +.sellers > ul > li > span { + color: #CDD2DB; + font-size: 12px; + font-weight: 600; +} +.sellers > ul > li .ui-rating .ui-rating-star { + margin: 0; +} +.sellers > ul > li .ui-rating .ui-rating-star > a { + font-size: 14px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.sellers > ul > li .ui-rating .ui-rating-cancel { + display: none; +} +.sellers > ul > li .ui-button { + background-color: transparent; + border-color: rgba(205, 210, 219, 0.5); + color: #CDD2DB; +} +.sellers > ul > li .ui-button:hover { + background-color: #3e464e; +} + +.tasks { + height: 100%; +} +.tasks .card-header { + margin-bottom: 6px; +} +.tasks .task { + padding: 12px 0 0; + margin-bottom: 7px; +} +.tasks .task .task-info { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + margin-bottom: 8px; +} +.tasks .task .task-info .task-name { + color: #E5E8EC; +} +.tasks .task .task-info .task-name span { + font-weight: 600; +} +.tasks .task .task-info i { + background-color: rgba(2, 172, 172, 0.2); + color: #02acac; + padding: 4px; + display: block; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; +} +.tasks .task .task-progress { + border-radius: 2px; + height: 4px; + background: #4E565F; +} +.tasks .task .task-progress > div { + border-radius: 2px; + height: 100%; +} +.tasks .task.task-1 .task-info i { + background-color: rgba(2, 172, 172, 0.2); + color: #02acac; +} +.tasks .task.task-1 .task-progress > div { + background: #02acac; + width: 45%; +} +.tasks .task.task-2 .task-info i { + background-color: rgba(2, 172, 172, 0.2); + color: #02acac; +} +.tasks .task.task-2 .task-progress > div { + background: #02acac; + width: 80%; +} +.tasks .task.task-3 .task-info i { + background-color: rgba(241, 178, 99, 0.2); + color: #f1b263; +} +.tasks .task.task-3 .task-progress > div { + background: #f1b263; + width: 30%; +} +.tasks .task.task-4 .task-info i { + background-color: rgba(241, 178, 99, 0.2); + color: #f1b263; +} +.tasks .task.task-4 .task-progress > div { + background: #f1b263; + width: 60%; +} +.tasks .task.task-5 .task-info i { + background-color: rgba(241, 99, 131, 0.2); + color: #f16383; +} +.tasks .task.task-5 .task-progress > div { + background: #f16383; + width: 20%; +} + +@media (max-width: 992px) { + .news { + flex-direction: column; + } + .news .news-content { + order: 2; + } + .news .news-image { + order: 1; + border-top-left-radius: 5px; + border-bottom-right-radius: 0; + } + + .map { + flex-direction: column; + } + .map .map-content { + order: 2; + width: 100%; + flex-direction: column; + } + .map .map-content .map-adjust i { + -webkit-transform: rotate(90deg); + -moz-transform: rotate(90deg); + -o-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + } + .map .map-image { + width: 100%; + order: 1; + border-top-left-radius: 5px; + border-top-right-radius: 5px; + border-bottom-left-radius: 0; + } +} +.layout-rtl .chat .chat-message-row .chat-message-content { + margin-right: 8px; + margin-left: 0px; +} +.layout-rtl .chat .chat-message-row.send .chat-message-content { + margin-right: 0px; + margin-left: 8px; +} +.layout-rtl .map .map-content > ul > li > i { + margin-right: 0px; + margin-left: 6px; +} +.layout-rtl .product-list > ul li .product > img { + margin-right: 0px; + margin-left: 12px; +} +.layout-rtl .product-list > ul li:hover { + background-color: #4E565F; +} + +html { + height: 100%; + font-size: 14px; +} + +body { + font-family: "Open Sans"; + font-size: 14px; + color: #E5E8EC; + -webkit-font-smoothing: antialiased; + padding: 0; + margin: 0; + height: 100%; +} +body.main-body { + background: linear-gradient(99deg, #394149 0%, #2F363E 100%); +} +body a { + color: #2c84d8; + text-decoration: none; +} +body a:hover { + color: #4291dc; +} + +.layout-mask { + display: none; + position: fixed; + top: 0; + left: 0; + z-index: 997; + width: 100%; + height: 100%; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} + +.layout-wrapper .layout-main { + padding-top: 56px; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + min-height: 100vh; +} +.layout-wrapper .layout-main .layout-content { + padding: 32px; + padding-top: 12px; + flex: 1 1 0; +} + +.layout-ajax-loader-icon { + position: fixed; + right: 2rem; + bottom: 2rem; + font-size: 2rem; + color: #CDD2DB; + z-index: 999; +} + +@media (max-width: 992px) { + .layout-wrapper .layout-main { + padding-top: 104px; + } +} +.layout-footer { + box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); + background-color: #434B54; + padding: 21px 32px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.layout-footer > img { + height: 30px; + width: auto; +} +.layout-footer .social-icons { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-footer .social-icons a { + color: #E5E8EC; + margin-left: 18px; + cursor: pointer; + padding: 6px; +} +.layout-footer .social-icons a i { + font-size: 22px; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} +.layout-footer .social-icons a:hover i { + color: #2c84d8; +} + +.layout-config { + position: fixed; + padding: 0; + top: 0; + right: 0; + width: 250px; + z-index: 999; + height: 100%; + transform: translate3d(250px, 0px, 0px); + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + background-color: #48505a; + 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); +} +.layout-config.layout-config-active { + transform: translate3d(0px, 0px, 0px); +} +.layout-config.layout-config-active .layout-config-content .layout-config-button i { + -webkit-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -o-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); +} +.layout-config .layout-config-content { + position: relative; + height: 100%; +} +.layout-config .layout-config-content > form { + height: 100%; +} +.layout-config .layout-config-content .layout-config-form { + overflow: auto; + overflow-x: hidden; +} +.layout-config .layout-config-content .layout-config-button { + display: block; + position: absolute; + width: 52px; + height: 52px; + line-height: 52px; + background-color: #2c84d8; + background-color: var(--primary-dark-color, #2c84d8); + text-align: center; + top: 230px; + left: -51px; + z-index: -1; + cursor: pointer; + color: #ffffff; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-config .layout-config-content .layout-config-button i { + font-size: 32px; + line-height: inherit; + cursor: pointer; + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -o-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + -moz-transition: transform 1s; + -o-transition: transform 1s; + -webkit-transition: transform 1s; + transition: transform 1s; +} +.layout-config .layout-config-content .layout-config-button:hover { + background-color: #2873D3; + background-color: var(--primary-color, #2873D3); +} +.layout-config .layout-config-content .layout-config-header { + padding: 18px 12px; + margin-bottom: 12px; + color: #ffffff; + background-image: linear-gradient(180deg, #2873D3 10%, #2c84d8 100%); + background-image: linear-gradient(180deg, var(--primary-dark-color, #2873D3) 10%, var(--primary-color, #2c84d8) 100%); +} +.layout-config .layout-config-content .layout-config-header > span { + font-size: 12px; + display: block; + color: #ffffff; + color: var(--primary-color-text, #ffffff); +} +.layout-config .layout-config-content .layout-config-section { + padding: 10px 12px; +} +.layout-config .layout-config-content .layout-config-section .section-name { + font-weight: 500; + font-size: 12px; + display: block; + color: #E5E8EC; +} +.layout-config .layout-config-content .layout-config-section.dark { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-config .layout-config-content .layout-config-section.dark .section-name { + margin-right: 18px; +} +.layout-config .layout-config-content .layout-config-section.dark .ui-inputswitch .ui-inputswitch-on, +.layout-config .layout-config-content .layout-config-section.dark .ui-inputswitch .ui-inputswitch-off { + padding: 0; +} +.layout-config .layout-config-content .layout-config-section.colors .layout-config-colors { + padding: 0 10px; + margin-top: 3px; +} +.layout-config .layout-config-content .layout-config-section.colors .layout-config-colors .col-fixed { + padding: 0.5em; +} +.layout-config .layout-config-content .layout-config-section.options .layout-config-options { + margin-top: 3px; +} +.layout-config .layout-config-content .layout-config-section.options .layout-config-options .ui-selectoneradio { + width: 100%; + padding: 0 10px; +} +.layout-config .layout-config-content .layout-config-section.options .layout-config-options .ui-selectoneradio label { + font-size: 12px; + margin: 0; + margin-left: 6px; +} +.layout-config .layout-config-content .layout-config-section a { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-direction: column; + flex-direction: column; + overflow: hidden; + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + position: relative; + color: #E5E8EC; + text-transform: capitalize; +} +.layout-config .layout-config-content .layout-config-section a:hover { + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -o-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); +} +.layout-config .layout-config-content .layout-config-section a.layout-config-option .layout-config-option-text { + margin-top: 0.2em; +} +.layout-config .layout-config-content .layout-config-section a.layout-config-option .layout-config-option-color { + width: 24px; + height: 24px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + position: relative; + overflow: hidden; + border: 1px solid rgba(0, 0, 0, 0.1); +} +.layout-config .layout-config-content .layout-config-section a.layout-config-option .layout-config-option-color .layout-config-option-accentcolor { + display: block; + width: 18px; + height: 28px; + position: absolute; + bottom: -10px; + right: -7px; + transform: rotate(45deg); +} +.layout-config .layout-config-content .layout-config-section a.layout-config-option .layout-config-option-check-mask { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-config .layout-config-content .layout-config-section a.layout-config-option .layout-config-option-check-mask i { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 12px; + color: #2c84d8; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + background-color: #ffffff; + width: 16px; + height: 16px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + z-index: 1; +} + +.blocked-scroll-config { + overflow: hidden; +} + +.layout-rtl .layout-config { + right: auto; + left: 0; + transform: translate3d(-250px, 0px, 0px); +} +.layout-rtl .layout-config.layout-config-active { + transform: translate3d(0px, 0px, 0px); +} +.layout-rtl .layout-config.layout-config-active .layout-config-content .layout-config-button i { + -webkit-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -o-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); +} +.layout-rtl .layout-config .layout-config-content .layout-config-button { + left: auto; + right: -51px; +} +.layout-rtl .layout-config .layout-config-content .layout-config-section.dark .section-name { + margin-right: 0px; + margin-left: 18px; +} +.layout-rtl .layout-config .layout-config-content .layout-config-section.options .layout-config-options .ui-selectoneradio label { + margin-left: 0px; + margin-right: 6px; +} + +@media (max-width: 992px) { + .layout-config { + height: 100%; + width: 70vw; + transform: translate3d(70vw, 0px, 0px); + } + .layout-config.layout-config-active { + transform: translate3d(0px, 0px, 0px); + } + .layout-config .layout-config-button { + left: auto; + right: -52px; + } + + .layout-rtl .layout-config { + height: 100%; + width: 70vw; + transform: translate3d(-70vw, 0px, 0px); + } + .layout-rtl .layout-config.layout-config-active { + transform: translate3d(0px, 0px, 0px); + } +} +@media (max-width: 640px) { + .layout-config .ui-tabs.ui-tabs-top .ui-tabs-panels .grid { + -ms-flex-pack: center; + justify-content: center; + } + .layout-config .ui-tabs.ui-tabs-top .ui-tabs-panels .layout-config-palette .layout-config-selected-palette { + width: 60px; + height: 60px; + } +} +.help-page p { + margin: 0; +} +.help-page .help-search { + background: url("#{resource['poseidon-layout:images/pages/bg-help.jpg']}"); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + padding: 0; + text-align: center; +} +.help-page .help-search .help-search-content { + padding: 5rem 12rem; +} +.help-page .help-search .help-search-content h4 { + color: #ffffff; + 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: 2.5rem; + padding: 0.5rem; + width: 100%; +} +.help-page .help-search .search-container i { + color: #2c84d8; + width: 1rem; + position: absolute; + margin-left: 0.5rem; + 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: #02acac; + 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: #f16383; +} +.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 { + height: 150px; + border-radius: 4px; + margin: 3rem 2rem; + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +.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 { + position: absolute; + left: 20px; + top: 30px; +} +.help-page .blog-post .blog-text h1 { + font-size: 1.25rem; + color: #ffffff; + margin-bottom: 1rem; + font-weight: 700; +} +.help-page .blog-post .blog-text span { + color: #ffffff; + font-weight: 600; +} +.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%; +} +.help-page .blog-post:nth-child(1) { + background-image: url("#{resource['poseidon-layout:images/pages/help/blog1.jpg']}"); +} +.help-page .blog-post:nth-child(2) { + background-image: url("#{resource['poseidon-layout:images/pages/help/blog2.jpg']}"); +} +.help-page .blog-post:nth-child(3) { + background-image: url("#{resource['poseidon-layout:images/pages/help/blog3.jpg']}"); +} + +@media screen and (max-width: 991px) { + .help-page .help-search .help-search-content { + padding: 6rem 2rem; + } +} +.invoice { + padding: 2rem; +} +.invoice #printed-invoice-logo { + display: none; +} +.invoice .invoice-header { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; +} +.invoice .invoice-company .logo-image { + width: 120px; + margin-bottom: 0.5rem; +} +.invoice .invoice-company div { + margin-bottom: 0.5rem; +} +.invoice .invoice-company .company-name { + font-weight: 700; + font-size: 1.5rem; +} +.invoice .invoice-title { + font-size: 2rem; + margin-bottom: 2rem; + text-align: right; +} +.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: 700; +} +.invoice .invoice-details .invoice-value { + text-align: right; +} +.invoice .invoice-to { + margin-top: 1.5rem; + padding-top: 2rem; + border-top: 1px solid #4E565F; +} +.invoice .invoice-to .bill-to { + font-size: 1.25rem; + font-weight: 700; + 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 #4E565F; +} +.invoice .invoice-items table th { + font-weight: 700; +} +.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: 700; +} + +@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: #515C66; + } + + .invoice #printed-invoice-logo { + display: inline; + } + .invoice #invoice-logo { + display: none; + } + .invoice .invoice-to { + border-top: 1px solid #E8F1F8; + } + .invoice .invoice-items table tr { + border-bottom: 1px solid #E8F1F8; + } +} +@-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; +} + +.layout-breadcrumb { + background-color: transparent; + padding: 12px 32px; + display: -ms-flexbox; + display: flex; + align-items: center; + justify-content: space-between; +} +.layout-breadcrumb .breadcrumb { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-breadcrumb .breadcrumb .route-bar-breadcrumb { + list-style: none; + display: -ms-flexbox; + display: flex; + justify-content: space-around; + align-items: center; + padding: 0; +} +.layout-breadcrumb .breadcrumb .route-bar-breadcrumb > li { + padding: 0; + padding-right: 12px; + font-size: 12px; + font-weight: normal; + color: #CDD2DB; + text-transform: uppercase; +} +.layout-breadcrumb .breadcrumb .route-bar-breadcrumb > li i { + font-size: 10px; +} +.layout-breadcrumb .breadcrumb .route-bar-breadcrumb > li .ui-link { + color: #E5E8EC; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; + font-size: 12px; +} +.layout-breadcrumb .breadcrumb .route-bar-breadcrumb > li .ui-link:hover { + color: #2c84d8; +} + +@media (max-width: 992px) { + .layout-breadcrumb .breadcrumb { + width: 100%; + } +} +/* Add your customizations of layout here */ +/* Add your customizations of layout here */ diff --git a/src/main/webapp/resources/poseidon-layout/css/layout-dark.scss b/src/main/webapp/resources/poseidon-layout/css/layout-dark.scss new file mode 100644 index 0000000..14301d7 --- /dev/null +++ b/src/main/webapp/resources/poseidon-layout/css/layout-dark.scss @@ -0,0 +1,6 @@ +$primaryColor:#2c84d8; +$primaryLightColor:#3B92E5; +$primaryTextColor:#ffffff; + +@import '../../sass/variables/layout/_layout_dark'; +@import '../../sass/layout/_layout'; \ No newline at end of file diff --git a/src/main/webapp/resources/poseidon-layout/css/layout-dim.css b/src/main/webapp/resources/poseidon-layout/css/layout-dim.css new file mode 100644 index 0000000..cce3300 --- /dev/null +++ b/src/main/webapp/resources/poseidon-layout/css/layout-dim.css @@ -0,0 +1,4784 @@ +:root { + --content-alt-bg-color:#495771; +} + +/* open-sans-300 - latin */ +@font-face { + font-family: "Open Sans"; + font-style: normal; + font-weight: 300; + src: url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-300.eot']}"); + /* IE9 Compat Modes */ + src: local("Open Sans Light"), local("OpenSans-Light"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-300.eot']}?#iefix") format("embedded-opentype"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-300.woff2']}") format("woff2"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-300.woff']}") format("woff"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-300.ttf']}") format("truetype"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-300.svg']}#OpenSans") format("svg"); + /* Legacy iOS */ +} +/* open-sans-regular - latin */ +@font-face { + font-family: "Open Sans"; + font-style: normal; + font-weight: 400; + src: url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-regular.eot']}"); + /* IE9 Compat Modes */ + src: local("Open Sans"), local("OpenSans"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-regular.eot']}?#iefix") format("embedded-opentype"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-regular.woff2']}") format("woff2"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-regular.woff']}") format("woff"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-regular.ttf']}") format("truetype"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-regular.svg']}#OpenSans") format("svg"); + /* Legacy iOS */ +} +/* open-sans-600 - latin */ +@font-face { + font-family: "Open Sans"; + font-style: normal; + font-weight: 600; + src: url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-600.eot']}"); + /* IE9 Compat Modes */ + src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-600.eot']}?#iefix") format("embedded-opentype"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-600.woff2']}") format("woff2"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-600.woff']}") format("woff"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-600.ttf']}") format("truetype"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-600.svg']}#OpenSans") format("svg"); + /* Legacy iOS */ +} +/* open-sans-700 - latin */ +@font-face { + font-family: "Open Sans"; + font-style: normal; + font-weight: 700; + src: url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-700.eot']}"); + /* IE9 Compat Modes */ + src: local("Open Sans Bold"), local("OpenSans-Bold"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-700.eot']}?#iefix") format("embedded-opentype"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-700.woff2']}") format("woff2"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-700.woff']}") format("woff"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-700.ttf']}") format("truetype"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-700.svg']}#OpenSans") format("svg"); + /* Legacy iOS */ +} +h1, h2, h3, h4, h5, h6 { + margin: 1.5rem 0 1rem 0; + font-family: inherit; + font-weight: 600; + line-height: 1.2; + color: inherit; +} +h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { + margin-top: 0; +} + +h1 { + font-size: 2.5rem; +} + +h2 { + font-size: 2rem; +} + +h3 { + font-size: 1.75rem; +} + +h4 { + font-size: 1.5rem; +} + +h5 { + font-size: 1.25rem; +} + +h6 { + font-size: 1rem; +} + +mark { + background: #FFF8E1; + padding: 0.25rem 0.4rem; + border-radius: 5px; + font-family: "Open Sans"; +} + +blockquote { + margin: 1rem 0; + padding: 0 2rem; + border-left: 4px solid #90A4AE; +} + +hr { + border-top: solid #495771; + 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; +} + +/* Utils */ +.clearfix:after { + content: " "; + display: block; + clear: both; +} + +.card { + border-radius: 5px; + background: #3C4962; + padding: 12px 16px; + box-sizing: border-box; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + margin-bottom: 2rem; +} +.card:last-child { + margin-bottom: 0; +} +.card .card-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + padding-bottom: 6px; +} +.card .card-header h6, .card .card-header h5 { + margin-bottom: 0; + color: #B1B9C9; +} +.card .card-header .header-buttons { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.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; +} + +.layout-wrapper.layout-rtl { + direction: rtl; +} +.layout-wrapper.layout-rtl .menu-wrapper { + left: auto; + right: 0; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu { + direction: rtl; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li { + padding: 0px; + -moz-border-radius-topleft: 0px; + -webkit-border-top-left-radius: 0px; + border-top-left-radius: 0px; + -moz-border-radius-bottomleft: 0px; + -webkit-border-bottom-left-radius: 0px; + border-bottom-left-radius: 0px; + -moz-border-radius-topright: 10px; + -webkit-border-top-right-radius: 10px; + border-top-right-radius: 10px; + -moz-border-radius-bottomright: 10px; + -webkit-border-bottom-right-radius: 10px; + border-bottom-right-radius: 10px; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > div { + padding-left: 0px; + padding-right: 12px; + margin-bottom: 6px; + margin-top: 24px; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > a { + padding: 7px 8px 6px 20px; + -moz-border-radius-topleft: 0px; + -webkit-border-top-left-radius: 0px; + border-top-left-radius: 0px; + -moz-border-radius-bottomleft: 0px; + -webkit-border-bottom-left-radius: 0px; + border-bottom-left-radius: 0px; + -moz-border-radius-topright: 10px; + -webkit-border-top-right-radius: 10px; + border-top-right-radius: 10px; + -moz-border-radius-bottomright: 10px; + -webkit-border-bottom-right-radius: 10px; + border-bottom-right-radius: 10px; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > a .layout-menuitem-text { + margin: 0 11px; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > a i { + font-size: 14px; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > a i.layout-submenu-toggler { + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + margin-left: 0; + margin-right: auto; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > ul { + padding-left: 0px; + padding-right: 19px; +} +.layout-wrapper.layout-rtl .layout-rightpanel { + right: auto; + left: 0; + transform: translate3d(-294px, 0px, 0px); +} +.layout-wrapper.layout-rtl .layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .task { + margin-left: 0px; + margin-right: 12px; +} +.layout-wrapper.layout-rtl.layout-rightpanel-active .layout-rightpanel { + transform: translate3d(0px, 0px, 0px); +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + padding: 10px 12px 10px 32px; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + right: auto; + left: 0; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > img, +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > i, +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > .ui-inputswitch { + margin-right: 0; + margin-left: 6px; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info { + margin-right: 7px; + margin-left: 0px; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header img { + margin-right: 0px; + margin-left: 6px; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info { + margin-left: 0px; + margin-right: 7px; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > li > a > i { + margin-right: 0px; + margin-left: 10px; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + -webkit-transform: rotate(-180deg); + -moz-transform: rotate(-180deg); + -o-transform: rotate(-180deg); + -ms-transform: rotate(-180deg); + transform: rotate(-180deg); +} + +@media (min-width: 993px) { + .layout-wrapper.layout-rtl.layout-static .menu-wrapper { + transform: translate3d(241px, 0px, 0px); + } + .layout-wrapper.layout-rtl.layout-static .layout-main { + margin-left: 0; + margin-right: 0px; + -moz-transition: margin-right 0.2s; + -o-transition: margin-right 0.2s; + -webkit-transition: margin-right 0.2s; + transition: margin-right 0.2s; + } + .layout-wrapper.layout-rtl.layout-static.layout-static-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-rtl.layout-static.layout-static-active .layout-main { + margin-left: 0; + margin-right: 240px; + } + .layout-wrapper.layout-rtl.layout-overlay .menu-wrapper { + transform: translate3d(241px, 0px, 0px); + } + .layout-wrapper.layout-rtl.layout-overlay.layout-overlay-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-rtl.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu li a { + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + } + .layout-wrapper.layout-rtl.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + left: auto; + right: 0; + } +} +@media (max-width: 992px) { + .layout-wrapper.layout-rtl .menu-wrapper { + top: 104px; + height: calc(100% - 104px); + -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(260px, 0px, 0px); + } + .layout-wrapper.layout-rtl.layout-mobile-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-rtl.layout-mobile-active .layout-mask { + display: block; + } + .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + padding: 0; + } + .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + left: 5%; + right: 0; + } + .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + margin-right: 0px; + margin-left: 16px; + } +} +.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: 56px; +} +.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%; + width: 240px; + padding: 11px 14px 13px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo > img { + height: 32px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + height: 100%; + flex-grow: 1; + padding: 10px 32px 10px 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 .menu-button { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + z-index: 999; + width: 36px; + height: 36px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button > i { + font-size: 18px; +} +.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 { + padding: 10px 10px 7px; + margin: 0 6px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon i { + font-size: 18px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon .ui-badge { + padding: 0; + height: 14px; + width: 14px; + min-width: 14px; + font-size: 10px; + line-height: 14px; + top: -2px; + right: -2px; +} +.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: 46px; + right: 0px; + list-style-type: none; + margin: 0; + padding: 0; + z-index: 1000; + min-width: 260px; + animation-duration: 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header { + padding: 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 { + font-weight: 600; + margin: 0; + margin-left: 4px; +} +.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: 7px 12px; + margin-bottom: 6px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + cursor: pointer; +} +.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; + width: 100%; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 { + margin: 0; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 > span { + font-size: 14px; + font-weight: 600; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span { + font-size: 12px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span > span { + font-weight: 600; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > img { + width: 28px; + height: 28px; + margin-right: 6px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > i { + width: 28px; + height: 28px; + margin-right: 6px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 16px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > .ui-inputswitch { + margin-right: 6px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item { + margin: 0 12px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > a { + display: none; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper { + position: relative; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper input { + -moz-border-radius: 18px; + -webkit-border-radius: 18px; + border-radius: 18px; + border: none; + width: 200px; + padding: 8px 8px 8px 30px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper i { + position: absolute; + left: 9px; + top: 2px; + font-size: 14px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item ul > form > .search-input-wrapper input { + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; + width: 100%; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a { + display: -ms-flexbox; + display: flex; + margin: 0 6px; + padding: 10px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > img { + width: 32px; + height: 32px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info { + margin-left: 7px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info h6 { + font-weight: 600; + margin: 0; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info span { + display: block; + font-size: 12px; + font-weight: normal; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > hr { + margin: 2px 8px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header { + padding: 12px 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: start; + justify-content: flex-start; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header img { + width: 36px; + height: 36px; + margin-right: 6px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info { + margin-left: 7px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info h6 { + font-weight: 600; + margin: 0; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info span { + display: block; + font-size: 11px; + font-weight: normal; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > li > a > i { + font-size: 16px; + margin-right: 10px; +} +.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 { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + z-index: 999; + width: 36px; + height: 36px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button > i { + font-size: 18px; +} +@media (max-width: 992px) { + .layout-topbar-light .layout-topbar { + height: 104px; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper { + -ms-flex-align: start; + align-items: flex-start; + flex-direction: column; + position: relative; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + width: 100%; + height: 56px; + margin-left: 0; + 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: 48px; + width: 100%; + padding: 0; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button { + position: absolute; + top: 10px; + left: 16px; + margin: 0; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions { + width: 100%; + -ms-flex-pack: start; + justify-content: flex-start; + padding: 0 16px; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item { + margin: 0; + width: 100%; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item { + margin: 0; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item > form { + display: none; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item > a { + display: flex; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item > a { + margin: 0; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item > ul { + top: 104px; + width: 90%; + left: 5%; + position: fixed; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile { + position: absolute; + top: 1px; + right: 8px; + height: auto; + width: auto; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile a { + margin: 0; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile a .profile-info { + display: none; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + margin-right: 16px; + } +} +.layout-topbar-light .layout-topbar { + background-color: #FDFEFF; + 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); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button { + color: #515C66; + background-color: #E8F1F8; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button:hover { + background-color: rgba(232, 241, 248, 0.7); + -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: #515C66; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a:hover { + background-color: rgba(232, 241, 248, 0.7); + -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: #E8F1F8; + color: #515C66; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper input::placeholder { + color: rgba(81, 92, 102, 0.7); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper i { + color: #515C66; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a { + color: #515C66; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > span { + color: rgba(81, 92, 102, 0.7); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a:hover { + background-color: transparent; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul hr { + border-color: #E8F1F8; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header { + background-image: linear-gradient(180deg, #2873D3 10%, #2c84d8 100%); + background-image: linear-gradient(180deg, var(--primary-dark-color, #2873D3) 10%, var(--primary-color, #2c84d8) 100%); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header h6 { + color: #ffffff; + color: var(--primary-color-text, #ffffff); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header span { + color: #ffffff; + color: var(--primary-color-text, #ffffff); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > li a i { + color: #515C66; +} +.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: #FDFEFF; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header { + background-color: #FDFEFF; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 { + color: #515C66; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header:hover { + background-color: #FDFEFF; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 { + color: #515C66; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span { + color: rgba(81, 92, 102, 0.6); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text p { + color: #515C66; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text span { + color: rgba(81, 92, 102, 0.6); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li:hover { + background-color: rgba(232, 241, 248, 0.7); + -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: #515C66; + background-color: #E8F1F8; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button:hover { + background-color: rgba(232, 241, 248, 0.7); + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +@media (max-width: 992px) { + .layout-topbar-light .layout-topbar { + box-shadow: none; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + border-bottom: 1px solid #E8F1F8; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + border-bottom: 1px solid #E8F1F8; + } +} + +.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: 56px; +} +.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%; + width: 240px; + padding: 11px 14px 13px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo > img { + height: 32px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + height: 100%; + flex-grow: 1; + padding: 10px 32px 10px 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 .menu-button { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + z-index: 999; + width: 36px; + height: 36px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button > i { + font-size: 18px; +} +.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 { + padding: 10px 10px 7px; + margin: 0 6px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon i { + font-size: 18px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon .ui-badge { + padding: 0; + height: 14px; + width: 14px; + min-width: 14px; + font-size: 10px; + line-height: 14px; + top: -2px; + right: -2px; +} +.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: 46px; + right: 0px; + list-style-type: none; + margin: 0; + padding: 0; + z-index: 1000; + min-width: 260px; + animation-duration: 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header { + padding: 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 { + font-weight: 600; + margin: 0; + margin-left: 4px; +} +.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: 7px 12px; + margin-bottom: 6px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + cursor: pointer; +} +.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; + width: 100%; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 { + margin: 0; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 > span { + font-size: 14px; + font-weight: 600; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span { + font-size: 12px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span > span { + font-weight: 600; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > img { + width: 28px; + height: 28px; + margin-right: 6px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > i { + width: 28px; + height: 28px; + margin-right: 6px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 16px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > .ui-inputswitch { + margin-right: 6px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item { + margin: 0 12px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > a { + display: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper { + position: relative; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper input { + -moz-border-radius: 18px; + -webkit-border-radius: 18px; + border-radius: 18px; + border: none; + width: 200px; + padding: 8px 8px 8px 30px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper i { + position: absolute; + left: 9px; + top: 2px; + font-size: 14px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item ul > form > .search-input-wrapper input { + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; + width: 100%; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a { + display: -ms-flexbox; + display: flex; + margin: 0 6px; + padding: 10px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > img { + width: 32px; + height: 32px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info { + margin-left: 7px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info h6 { + font-weight: 600; + margin: 0; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info span { + display: block; + font-size: 12px; + font-weight: normal; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > hr { + margin: 2px 8px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header { + padding: 12px 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: start; + justify-content: flex-start; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header img { + width: 36px; + height: 36px; + margin-right: 6px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info { + margin-left: 7px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info h6 { + font-weight: 600; + margin: 0; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info span { + display: block; + font-size: 11px; + font-weight: normal; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > li > a > i { + font-size: 16px; + margin-right: 10px; +} +.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 { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + z-index: 999; + width: 36px; + height: 36px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button > i { + font-size: 18px; +} +@media (max-width: 992px) { + .layout-topbar-dark .layout-topbar { + height: 104px; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper { + -ms-flex-align: start; + align-items: flex-start; + flex-direction: column; + position: relative; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + width: 100%; + height: 56px; + margin-left: 0; + 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: 48px; + width: 100%; + padding: 0; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button { + position: absolute; + top: 10px; + left: 16px; + margin: 0; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions { + width: 100%; + -ms-flex-pack: start; + justify-content: flex-start; + padding: 0 16px; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item { + margin: 0; + width: 100%; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item { + margin: 0; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item > form { + display: none; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item > a { + display: flex; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item > a { + margin: 0; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item > ul { + top: 104px; + width: 90%; + left: 5%; + position: fixed; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile { + position: absolute; + top: 1px; + right: 8px; + height: auto; + width: auto; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile a { + margin: 0; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile a .profile-info { + display: none; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + margin-right: 16px; + } +} +.layout-topbar-dark .layout-topbar { + background-color: #434B54; + 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); +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button { + color: #CACFDB; + background-color: rgba(202, 207, 219, 0.2); +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button:hover { + background-color: #4E565F; + -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: #CACFDB; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a:hover { + background-color: #4E565F; + -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: rgba(202, 207, 219, 0.2); + color: #CACFDB; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper input::placeholder { + color: rgba(202, 207, 219, 0.7); +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper i { + color: #CACFDB; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a { + color: #CACFDB; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > span { + color: rgba(202, 207, 219, 0.7); +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a:hover { + background-color: transparent; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul hr { + border-color: #4E565F; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header { + background-image: linear-gradient(180deg, #2873D3 10%, #2c84d8 100%); + background-image: linear-gradient(180deg, var(--primary-dark-color, #2873D3) 10%, var(--primary-color, #2c84d8) 100%); +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header h6 { + color: #ffffff; + color: var(--primary-color-text, #ffffff); +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header span { + color: #ffffff; + color: var(--primary-color-text, #ffffff); +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > li a i { + color: #f8fafc; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); + background-color: #434B54; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header { + background-color: #434B54; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 { + color: #CACFDB; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header:hover { + background-color: #434B54; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 { + color: #f8fafc; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span { + color: rgba(248, 250, 252, 0.7); +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text p { + color: #f8fafc; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text span { + color: rgba(248, 250, 252, 0.7); +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li:hover { + background-color: #4E565F; + -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: #CACFDB; + background-color: rgba(202, 207, 219, 0.2); +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button:hover { + background-color: #4E565F; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +@media (max-width: 992px) { + .layout-topbar-dark .layout-topbar { + box-shadow: none; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + border-bottom: 1px solid #4E565F; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + border-bottom: 1px solid #4E565F; + } +} + +.layout-topbar-dim .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: 56px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper { + height: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + height: 100%; + width: 240px; + padding: 11px 14px 13px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo > img { + height: 32px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + height: 100%; + flex-grow: 1; + padding: 10px 32px 10px 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-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + z-index: 999; + width: 36px; + height: 36px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button > i { + font-size: 18px; +} +.layout-topbar-dim .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-dim .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-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a { + padding: 10px 10px 7px; + margin: 0 6px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon i { + font-size: 18px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon .ui-badge { + padding: 0; + height: 14px; + width: 14px; + min-width: 14px; + font-size: 10px; + line-height: 14px; + top: -2px; + right: -2px; +} +.layout-topbar-dim .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-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + display: none; + position: absolute; + top: 46px; + right: 0px; + list-style-type: none; + margin: 0; + padding: 0; + z-index: 1000; + min-width: 260px; + animation-duration: 0.2s; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header { + padding: 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 { + font-weight: 600; + margin: 0; + margin-left: 4px; +} +.layout-topbar-dim .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-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li { + padding: 7px 12px; + margin-bottom: 6px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + cursor: pointer; +} +.layout-topbar-dim .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; + width: 100%; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 { + margin: 0; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 > span { + font-size: 14px; + font-weight: 600; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span { + font-size: 12px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span > span { + font-weight: 600; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > img { + width: 28px; + height: 28px; + margin-right: 6px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > i { + width: 28px; + height: 28px; + margin-right: 6px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 16px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > .ui-inputswitch { + margin-right: 6px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item { + margin: 0 12px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > a { + display: none; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper { + position: relative; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper input { + -moz-border-radius: 18px; + -webkit-border-radius: 18px; + border-radius: 18px; + border: none; + width: 200px; + padding: 8px 8px 8px 30px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper i { + position: absolute; + left: 9px; + top: 2px; + font-size: 14px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item ul > form > .search-input-wrapper input { + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; + width: 100%; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a { + display: -ms-flexbox; + display: flex; + margin: 0 6px; + padding: 10px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > img { + width: 32px; + height: 32px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info { + margin-left: 7px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info h6 { + font-weight: 600; + margin: 0; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info span { + display: block; + font-size: 12px; + font-weight: normal; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > hr { + margin: 2px 8px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header { + padding: 12px 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: start; + justify-content: flex-start; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header img { + width: 36px; + height: 36px; + margin-right: 6px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info { + margin-left: 7px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info h6 { + font-weight: 600; + margin: 0; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info span { + display: block; + font-size: 11px; + font-weight: normal; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > li > a > i { + font-size: 16px; + margin-right: 10px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem > ul { + display: block; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + z-index: 999; + width: 36px; + height: 36px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button > i { + font-size: 18px; +} +@media (max-width: 992px) { + .layout-topbar-dim .layout-topbar { + height: 104px; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper { + -ms-flex-align: start; + align-items: flex-start; + flex-direction: column; + position: relative; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + width: 100%; + height: 56px; + margin-left: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + height: 48px; + width: 100%; + padding: 0; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button { + position: absolute; + top: 10px; + left: 16px; + margin: 0; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions { + width: 100%; + -ms-flex-pack: start; + justify-content: flex-start; + padding: 0 16px; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item { + margin: 0; + width: 100%; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item { + margin: 0; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item > form { + display: none; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item > a { + display: flex; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item > a { + margin: 0; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item > ul { + top: 104px; + width: 90%; + left: 5%; + position: fixed; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile { + position: absolute; + top: 1px; + right: 8px; + height: auto; + width: auto; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile a { + margin: 0; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile a .profile-info { + display: none; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + margin-right: 16px; + } +} +.layout-topbar-dim .layout-topbar { + background-color: #3C4962; + 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); +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button { + color: #CACFDB; + background-color: rgba(151, 162, 179, 0.2); +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button:hover { + background-color: #495771; + -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-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + color: #CACFDB; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a:hover { + background-color: #495771; + -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-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper input { + background-color: rgba(151, 162, 179, 0.2); + color: #CACFDB; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper input::placeholder { + color: rgba(202, 207, 219, 0.7); +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper i { + color: #CACFDB; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a { + color: #CACFDB; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > span { + color: rgba(202, 207, 219, 0.7); +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a:hover { + background-color: transparent; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul hr { + border-color: #495771; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header { + background-image: linear-gradient(180deg, #2873D3 10%, #2c84d8 100%); + background-image: linear-gradient(180deg, var(--primary-dark-color, #2873D3) 10%, var(--primary-color, #2c84d8) 100%); +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header h6 { + color: #ffffff; + color: var(--primary-color-text, #ffffff); +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header span { + color: #ffffff; + color: var(--primary-color-text, #ffffff); +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > li a i { + color: #f8fafc; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); + background-color: #3C4962; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header { + background-color: #3C4962; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 { + color: #CACFDB; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header:hover { + background-color: #3C4962; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 { + color: #f8fafc; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span { + color: rgba(248, 250, 252, 0.7); +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text p { + color: #f8fafc; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text span { + color: rgba(248, 250, 252, 0.7); +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li:hover { + background-color: #495771; + -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-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + color: #CACFDB; + background-color: rgba(151, 162, 179, 0.2); +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button:hover { + background-color: #495771; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +@media (max-width: 992px) { + .layout-topbar-dim .layout-topbar { + box-shadow: none; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + border-bottom: 1px solid #495771; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + border-bottom: 1px solid #495771; + } +} + +.layout-rightpanel { + position: fixed; + z-index: 1000; + right: 0; + top: 56px; + height: calc(100% - 56px); + padding: 0; + width: 294px; + overflow: auto; + background-color: #42506b; + transform: translate3d(294px, 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: 0 2px 12px 0 rgba(0, 0, 0, 0.06); +} +.layout-rightpanel .rightpanel-wrapper { + height: 100%; + padding: 12px 10px; + padding-right: 0; +} + +.layout-wrapper.layout-rightpanel-active .layout-rightpanel { + transform: translate3d(0px, 0px, 0px); +} + +@media (max-width: 992px) { + .layout-rightpanel { + top: 104px; + width: 254px; + transform: translate3d(254px, 0px, 0px); + height: calc(100% - 104px); + } +} +.menu-wrapper { + height: calc(100% - 56px); + width: 240px; + position: fixed; + left: 0; + top: 56px; + z-index: 998; + transform: none; + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; +} +.menu-wrapper .layout-menu-container { + overflow: auto; + height: 100%; +} +.menu-wrapper .layout-menu-container .layout-menu { + list-style-type: none; + margin: 0; + padding: 0; + padding-bottom: 36px; +} +.menu-wrapper .layout-menu-container .layout-menu li { + padding: 0; + -moz-border-radius-topleft: 10px; + -webkit-border-top-left-radius: 10px; + border-top-left-radius: 10px; + -moz-border-radius-bottomleft: 10px; + -webkit-border-bottom-left-radius: 10px; + border-bottom-left-radius: 10px; +} +.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-root-menuitem > a { + display: none; +} +.menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > div { + padding-left: 12px; + margin-bottom: 6px; + margin-top: 24px; +} +.menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > div > .layout-menuitem-text { + font-size: 12px; + font-weight: 600; + text-transform: uppercase; +} +.menu-wrapper .layout-menu-container .layout-menu li .layout-menu-tooltip { + display: none; +} +.menu-wrapper .layout-menu-container .layout-menu li > a { + margin: 0px; + padding: 7px 20px 6px 8px; + 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; + font-size: 13px; + font-weight: 500; + border-radius: 0; + cursor: pointer; + user-select: none; + -moz-border-radius-topleft: 10px; + -webkit-border-top-left-radius: 10px; + border-top-left-radius: 10px; + -moz-border-radius-bottomleft: 10px; + -webkit-border-bottom-left-radius: 10px; + border-bottom-left-radius: 10px; +} +.menu-wrapper .layout-menu-container .layout-menu li > a .layout-menuitem-text { + margin: 0 11px; +} +.menu-wrapper .layout-menu-container .layout-menu li > a i { + font-size: 14px; +} +.menu-wrapper .layout-menu-container .layout-menu li > a i.layout-submenu-toggler { + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + margin-left: auto; + font-size: 14px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul { + display: block; + list-style-type: none; + padding: 0; + margin: 0; + padding-left: 19px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul li ul { + padding: 0 0 4px; + display: none; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul li ul li a { + border-radius: 0; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li { + padding: 0; + margin-top: 8px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li.layout-root-menuitem > a { + display: -ms-flexbox; + display: flex; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li.active-menuitem.layout-root-menuitem > a { + display: -ms-flexbox; + display: flex; + border-bottom-left-radius: 0; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li > div { + display: none; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li a { + padding-left: 20px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li a { + padding-left: 30px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li a { + padding-left: 40px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li ul li a { + padding-left: 50px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li ul li ul li a { + padding-left: 60px; +} +.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; +} +.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; +} +.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; +} +.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; +} + +@media (min-width: 992px) { + .layout-overlay .menu-wrapper { + -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(-241px, 0px, 0px); + } + .layout-overlay.layout-overlay-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-overlay .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button { + display: -ms-flexbox; + display: flex; + } + + .layout-static .menu-wrapper { + transform: translate3d(-241px, 0px, 0px); + } + .layout-static .layout-main { + -moz-transition: margin-left 0.2s; + -o-transition: margin-left 0.2s; + -webkit-transition: margin-left 0.2s; + transition: margin-left 0.2s; + } + .layout-static.layout-static-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-static.layout-static-active .layout-main { + margin-left: 240px; + } + .layout-static .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button { + display: -ms-flexbox; + display: flex; + } +} +@media (max-width: 991px) { + .layout-wrapper .menu-wrapper { + top: 104px; + height: calc(100% - 104px); + -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(-260px, 0px, 0px); + } + .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 .layout-mask { + display: block; + } +} +@media (min-width: 993px) { + .layout-wrapper.layout-horizontal .menu-wrapper { + top: 56px; + width: 100%; + height: 44px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container { + overflow: visible; + 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; + padding-bottom: 0px; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: row; + flex-direction: row; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu li a { + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + border-radius: 6px; + } + .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.active-menuitem > ul { + display: block; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li { + padding: 0; + position: relative; + } + .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-right: 6px; + padding: 6px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + -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.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: 35px; + left: 0px; + width: 230px; + position: absolute; + padding: 8px 0; + margin: 0; + z-index: 100; + overflow: auto; + max-height: 450px; + -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; + -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); + -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li { + padding: 0px 8px; + border: 0 none; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button { + display: none; + } + .layout-wrapper.layout-horizontal .layout-main { + padding-top: 104px; + } +} +.layout-menu-dark .menu-wrapper { + background-color: #434B54; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #CDD2DB; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li a { + color: #E5E8EC; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li a i { + color: #E5E8EC; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li a:hover { + background-color: #4E565F; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #ffffff; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: #E5E8EC; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a i { + color: #E5E8EC; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: #676E77; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + background-color: #676E77; + color: #ffffff; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.layout-root-menuitem.active-menuitem { + background-color: #4E565F; +} +@media (min-width: 993px) { + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #434B54; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: #E5E8EC; + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: #676E77; + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem { + background-color: #434B54; + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #ffffff; + } +} + +.layout-menu-dim .menu-wrapper { + background-color: #3C4962; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); +} +.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #CDD2DB; +} +.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li a { + color: #E5E8EC; +} +.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li a i { + color: #E5E8EC; +} +.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li a:hover { + background-color: #495771; +} +.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #ffffff; +} +.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: #E5E8EC; +} +.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li > ul li a i { + color: #E5E8EC; +} +.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: #59667D; +} +.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + background-color: #59667D; + color: #ffffff; +} +.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.layout-root-menuitem.active-menuitem { + background-color: #495771; +} +@media (min-width: 993px) { + .layout-menu-dim.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #42506b; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); + } + .layout-menu-dim.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: #E5E8EC; + } + .layout-menu-dim.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: #59667D; + } + .layout-menu-dim.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem { + background-color: #42506b; + } + .layout-menu-dim.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #ffffff; + } +} + +.layout-menu-light .menu-wrapper { + background-color: #FDFEFF; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #657380; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li a { + color: #515C66; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li a i { + color: #515C66; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li a:hover { + background-color: #e5e9f0; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #282E33; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: #515C66; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a i { + color: #515C66; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(90, 101, 124, 0.2); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + background-color: rgba(90, 101, 124, 0.2); + color: #2e3440; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.layout-root-menuitem.active-menuitem { + background-color: #e5e9f0; +} +@media (min-width: 993px) { + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #FDFEFF; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: #515C66; + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(90, 101, 124, 0.2); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem { + background-color: #FDFEFF; + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #282E33; + } +} + +.login-body { + background: linear-gradient(180deg, #525D72 0%, #69768D 100%); + color: #c3ccdd; + height: 100vh; +} +.login-body .login-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + 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-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-direction: column; + flex-direction: column; +} +.login-body .login-wrapper .login-panel .logo img { + height: 45px; +} +.login-body .login-wrapper .login-panel .login-form > p { + font-weight: 600; + margin: 0; + color: #c3ccdd; + margin-bottom: 32px; +} +.login-body .login-wrapper .login-panel .login-form > p > a { + color: #f4f7f9; + cursor: pointer; +} +.login-body .login-wrapper .login-panel .login-form > input { + width: 85%; + max-width: 310px; + margin-bottom: 20px; + background-color: #F6F9FE; + color: #515C66; +} +.login-body .login-wrapper .login-panel .login-form > input::placeholder { + color: #515C66; +} +.login-body .login-wrapper .login-panel .login-form > button { + width: 85%; + max-width: 310px; +} +.login-body .login-wrapper .login-panel p { + font-weight: 600; + margin: 0; + color: #c3ccdd; +} +.login-body .login-wrapper .login-panel p > a { + color: #f4f7f9; +} + +@media (max-width: 992px) { + .login-body .login-wrapper .login-panel { + width: 100%; + } +} +body.exception-body { + height: 100vh; +} +body.exception-body .exception-top { + height: 30%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body.exception-body .exception-top img { + width: 100px; + display: block; +} +body.exception-body .exception-bottom { + height: 70%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-direction: column; +} +body.exception-body .exception-bottom .exception-wrapper { + padding: 50px; + text-align: center; + box-sizing: border-box; +} +body.exception-body .exception-bottom .exception-wrapper .exception-summary { + display: block; + color: #ffffff; + font-size: 36px; + font-weight: bold; + margin-bottom: 20px; +} +body.exception-body .exception-bottom .exception-wrapper .exception-detail { + display: block; + color: #ffffff; + margin-bottom: 50px; +} +body.exception-body .exception-bottom .exception-wrapper button { + width: 75%; + display: block; + margin: 0 auto 100px auto; +} +body.exception-body .exception-bottom .exception-wrapper .logo-icon { + height: 56px; + display: block; + margin: 0 auto 20px auto; +} +body.exception-body .exception-bottom .exception-wrapper .exception-footer { + color: #ffffff; +} +body.exception-body.error-page { + background: linear-gradient(0deg, #781919 0%, #CE5051 100%); +} +body.exception-body.error-page .exception-top { + background-color: #f0f3f5; +} +body.exception-body.access-page { + background: linear-gradient(0deg, #812038 0%, #f16383 100%); +} +body.exception-body.access-page .exception-top { + background-color: #f0f3f5; +} +body.exception-body.notfound-page { + background: linear-gradient(0deg, #006D6D 0%, #00ACAC 100%); +} +body.exception-body.notfound-page .exception-top { + background-color: #f0f3f5; +} +body.exception-body .ui-button { + background-color: #ffffff; + border-color: #ffffff; + color: #515C66; +} +body.exception-body .ui-button:enabled:hover { + background-color: #EDF4F7; + border-color: #EDF4F7; + color: #515C66; +} +body.exception-body .ui-button:enabled:active { + background-color: #DBE9EF; + border-color: #DBE9EF; + color: #515C66; +} +body.exception-body .ui-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DBE9EF; +} + +@media (max-width: 640px) { + body.exception-body .exception-bottom .exception-wrapper { + width: 100%; + } +} +.landing-wrapper { + background: #ffffff; +} +.landing-wrapper .landing-topbar { + height: 120px; + background: linear-gradient(180deg, #525D72 0%, #69768D 100%); + 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; +} +.landing-wrapper .landing-topbar #landing-menu-button { + display: none; + padding: 0 8px; + cursor: pointer; +} +.landing-wrapper .landing-topbar .logo { + padding: 0 120px; +} +.landing-wrapper .landing-topbar > ul { + list-style-type: none; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin: 0; + padding: 0; + padding-right: 120px; +} +.landing-wrapper .landing-topbar > ul > li #landing-menu-close { + display: none; +} +.landing-wrapper .landing-topbar > ul > li > a { + font-weight: 500; + letter-spacing: 0.08px; + color: #ffffff; + padding: 8px 16px; + margin: 0 6px; + border-radius: 5px; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.landing-wrapper .landing-topbar > ul > li > a:hover { + background-color: rgba(92, 172, 244, 0.3); + color: #ffffff; +} +.landing-wrapper .landing-banner { + background: linear-gradient(180deg, #69768D 0%, #ffffff 100%); + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + padding: 120px 120px 180px; +} +.landing-wrapper .landing-banner .landing-banner-content > h2 { + font-weight: 600; + margin: 0; + margin-bottom: 12px; + color: #ffffff; +} +.landing-wrapper .landing-banner .landing-banner-content > h2 > span { + color: #ffffff; +} +.landing-wrapper .landing-banner .landing-banner-content > h6 { + font-size: 15px; + font-weight: normal; + margin: 0; + margin-bottom: 24px; + color: #ffffff; + max-width: 480px; + line-height: 1.5; +} +.landing-wrapper .landing-banner .landing-banner-content > button { + padding: 8px 20px; +} +.landing-wrapper .landing-banner .landing-banner-content > button span { + padding: 0; + display: block; +} +.landing-wrapper .landing-banner .landing-banner-image { + text-align: right; +} +.landing-wrapper .landing-banner .landing-banner-image img { + width: 80%; + height: auto; + max-height: 400px; + opacity: 0.8; +} +.landing-wrapper .section-header { + display: -ms-flexbox; + display: flex; + flex-direction: column; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: center; + align-items: center; + text-align: center; + padding: 0 120px; +} +.landing-wrapper .section-header > h2 { + font-weight: 500; + margin: 0; + margin-bottom: 14px; + color: #2C3D57; +} +.landing-wrapper .section-header > h6 { + font-weight: normal; + margin: 0; + color: #2C3D57; + max-width: 480px; + line-height: 1.33; +} +.landing-wrapper .landing-features { + padding: 120px 0; +} +.landing-wrapper .landing-features .features-cards { + padding: 120px 120px 0; +} +.landing-wrapper .landing-features .features-cards .feature-card { + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + background-color: #ffffff; + padding: 24px 12px 36px; + text-align: left; + cursor: pointer; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.landing-wrapper .landing-features .features-cards .feature-card:hover { + transform: scale3d(1.02, 1.02, 1); +} +.landing-wrapper .landing-features .features-cards .feature-card h5 { + margin: 6px 0 12px; +} +.landing-wrapper .landing-features .features-cards .feature-card > img { + height: 100px; + width: auto; +} +.landing-wrapper .landing-features .features-cards .feature-card span { + line-height: 1.4; + display: block; +} +.landing-wrapper .landing-promo { + background: linear-gradient(360deg, #69768D 0%, #78849B 100%); + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + padding: 60px 120px; +} +.landing-wrapper .landing-promo .landing-promo-content > h2 { + font-weight: 600; + margin: 0; + margin-bottom: 14px; + color: #ffffff; + max-width: 650px; +} +.landing-wrapper .landing-promo .landing-promo-content > h2 > span { + color: #ffffff; +} +.landing-wrapper .landing-promo .landing-promo-content > h6 { + font-size: 15px; + font-weight: normal; + margin: 0; + margin-bottom: 14px; + color: #ffffff; + max-width: 480px; + line-height: 1.33; +} +.landing-wrapper .landing-promo .landing-promo-content > button { + padding: 8px 20px; +} +.landing-wrapper .landing-promo .landing-promo-content > button span { + padding: 0; + display: block; +} +.landing-wrapper .landing-promo .landing-promo-image { + text-align: right; +} +.landing-wrapper .landing-promo .landing-promo-image img { + width: 60%; + height: auto; + max-height: 400px; +} +.landing-wrapper .landing-testimonials { + padding: 120px 120px 60px; +} +.landing-wrapper .landing-testimonials .testimonials { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; +} +.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper { + overflow: hidden; + position: relative; + max-width: 100%; +} +.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .testimonials-content { + display: -ms-flexbox; + display: flex; + padding: 32px 0 0; + flex-direction: row; + transition: transform 1000ms ease 0s; + transform: translate3d(0px, 0px, 0px); +} +.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .testimonials-content .testimonial { + flex: 1 0 100vw; + -moz-transition: visibility 0.8s; + -o-transition: visibility 0.8s; + -webkit-transition: visibility 0.8s; + transition: visibility 0.8s; + -moz-transition: transform 1000ms ease 0s; + -o-transition: transform 1000ms ease 0s; + -webkit-transition: transform 1000ms ease 0s; + transition: transform 1000ms ease 0s; + max-width: 33%; +} +.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .testimonials-content .testimonial .testimonial-content { + opacity: 0.9; + margin: 0 6px; + position: relative; + height: 100%; + background-color: #ffffff; + padding: 65px 42px 66px; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + flex-direction: column; +} +.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .testimonials-content .testimonial .testimonial-content > span { + display: block; + font-size: 14px; + line-height: 1.5; + color: #2C3D57; + margin-bottom: 20px; + flex-grow: 1; +} +.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .testimonials-content .testimonial .testimonial-content > h5 { + font-weight: 500; + line-height: 1.2; + color: #2C3D57; + margin: 0; +} +.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .testimonials-content .testimonial .testimonial-content > h6 { + font-weight: 500; + line-height: 1.5; + color: #66768D; + margin: 0; +} +.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .link-points .points { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + padding-top: 36px; +} +.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .link-points .points .point { + width: 15px; + height: 15px; + background-color: #E6E9EF; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + margin: 3px; + cursor: pointer; +} +.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .link-points .points .point.active-point { + width: 19px; + height: 19px; + background-color: #2C3D57; +} +.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .link-points .points .point.mobile { + display: none; +} +.landing-wrapper .landing-pricing { + padding: 120px 0; +} +.landing-wrapper .landing-pricing .section-header { + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: center; + align-items: center; + text-align: center; +} +.landing-wrapper .landing-pricing .pricing-cards { + padding: 60px 120px; +} +.landing-wrapper .landing-pricing .pricing-cards .pricing-card { + margin: 12px; + height: auto; +} +.landing-wrapper .landing-contact { + padding: 60px 0 0; + background: linear-gradient(360deg, #69768D 0%, #ffffff 100%); +} +.landing-wrapper .landing-contact .section-header { + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: center; + align-items: center; + text-align: center; +} +.landing-wrapper .landing-contact .section-header > h2 { + color: #2C3D57; +} +.landing-wrapper .landing-contact .section-header > h6 { + color: #2C3D57; +} +.landing-wrapper .landing-contact .landing-contact-content { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + padding: 60px 180px; + position: relative; + text-align: center; +} +.landing-wrapper .landing-contact .landing-contact-content .landing-contact-form { + padding: 20px; +} +.landing-wrapper .landing-contact .landing-contact-content .landing-contact-form > h3 { + font-size: 16px; + color: #ffffff; + margin: 0; + font-weight: 500; + margin-bottom: 20px; +} +.landing-wrapper .landing-contact .landing-contact-content .landing-contact-form > input, +.landing-wrapper .landing-contact .landing-contact-content .landing-contact-form > textarea { + width: 100%; + margin-bottom: 16px; + border-radius: 4px; + border: 1px solid #CED4DA; + padding: 10px 12px; + background-color: #F6F9FE; + color: #515C66; +} +.landing-wrapper .landing-contact .landing-contact-content .landing-contact-form > input::placeholder, +.landing-wrapper .landing-contact .landing-contact-content .landing-contact-form > textarea::placeholder { + color: #515C66; +} +.landing-wrapper .landing-contact .landing-contact-content .landing-contact-form > button { + width: 100%; +} +.landing-wrapper .landing-footer { + background: linear-gradient(360deg, #525D72 0%, #69768D 100%); + padding: 21px 120px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.landing-wrapper .landing-footer > img { + height: 30px; + width: auto; +} +.landing-wrapper .landing-footer .social-icons { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.landing-wrapper .landing-footer .social-icons a { + color: #ffffff; + margin-left: 18px; + cursor: pointer; + padding: 6px; +} +.landing-wrapper .landing-footer .social-icons a i { + font-size: 22px; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} +.landing-wrapper .landing-footer .social-icons a:hover i { + color: #CED4DA; +} + +@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 .logo { + padding: 0 33px; + } + .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: 40px 20px; + z-index: 999; + width: 240px; + height: 100%; + background-color: #69768D; + 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: left; + display: block; + color: #ffffff; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li > a:hover { + background-color: rgba(92, 172, 244, 0.3); + color: #ffffff; + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li #landing-menu-close { + display: block; + font-size: 20px; + text-align: right; + color: #5cacf4; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li #landing-menu-close:hover { + background-color: #69768D; + color: #ffffff; + } + .landing-body .landing-wrapper .landing-topbar #landing-menu-button { + display: block; + color: #ffffff; + font-size: 20px; + padding: 0 33px; + } + .landing-body .landing-wrapper .landing-banner { + padding: 120px 42px 180px; + } + .landing-body .landing-wrapper .landing-banner .landing-banner-content { + text-align: center; + width: 100%; + } + .landing-body .landing-wrapper .landing-banner .landing-banner-content h6 { + max-width: 100%; + } + .landing-body .landing-wrapper .landing-banner .landing-banner-image { + display: none; + } + .landing-body .landing-wrapper .landing-features { + padding: 42px 16px; + } + .landing-body .landing-wrapper .landing-features .features-cards { + padding: 0; + } + .landing-body .landing-wrapper .landing-features .features-cards .feature-card { + text-align: center; + margin: 30px 0; + } + .landing-body .landing-wrapper .landing-features .features-content { + padding: 0; + flex-direction: column; + } + .landing-body .landing-wrapper .landing-features .features-content img { + width: 100%; + } + .landing-body .landing-wrapper .landing-features .features-content ul li { + margin: 16px 0; + max-width: 400px; + } + .landing-body .landing-wrapper .landing-features .features-content ul li img { + width: 64px; + } + .landing-body .landing-wrapper .section-header { + padding: 0px; + } + .landing-body .landing-wrapper .landing-promo { + padding: 36px 42px 64px; + } + .landing-body .landing-wrapper .landing-promo .landing-promo-content { + text-align: center; + width: 100%; + } + .landing-body .landing-wrapper .landing-promo .landing-promo-content h6 { + max-width: 100%; + } + .landing-body .landing-wrapper .landing-promo .landing-promo-image { + display: none; + } + .landing-body .landing-wrapper .landing-pricing { + padding: 36px 42px 64px; + } + .landing-body .landing-wrapper .landing-pricing .pricing-cards { + padding: 0; + } + .landing-body .landing-wrapper .landing-testimonials { + padding: 36px 42px 64px; + } + .landing-body .landing-wrapper .landing-testimonials .testimonials { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + } + .landing-body .landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper { + overflow: hidden; + position: relative; + max-width: 100%; + } + .landing-body .landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .testimonials-content { + text-align: center; + padding: 0; + } + .landing-body .landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .testimonials-content .testimonial { + max-width: 100%; + } + .landing-body .landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .link-points .points .point.mobile { + display: -ms-flexbox; + display: flex; + } + .landing-body .landing-wrapper .landing-contact { + padding: 36px 42px 64px; + } + .landing-body .landing-wrapper .landing-contact .landing-contact-content { + padding: 0; + } + .landing-body .landing-wrapper .landing-contact .landing-contact-form { + width: 100%; + } + .landing-body .landing-wrapper .landing-footer { + padding: 18px 24px 64px; + } +} +.overview-box-1 { + height: 100%; +} +.overview-box-1 .card-header { + padding-bottom: 17px; +} +.overview-box-1 .card-header .header-buttons > a { + width: 20px; + height: 20px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + background-color: rgba(148, 154, 166, 0.1); + border: 1px solid transparent; +} +.overview-box-1 .card-header .header-buttons > a i { + color: #949aa6; + font-size: 12px; + width: 12px; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -o-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} +.overview-box-1 .card-header .header-buttons > a:hover { + border-color: #949aa6; +} +.overview-box-1 .overview-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 11px 4px 6px 0px; +} +.overview-box-1 .overview-content .overview-graph { + display: -ms-flexbox; + display: flex; + -ms-flex-align: end; + align-items: flex-end; +} +.overview-box-1 .overview-content .overview-graph > span { + width: 8px; + height: 12px; + display: block; + background-color: #2f8ee5; + margin-left: 4px; + border-radius: 1px; + opacity: 0.4; + cursor: pointer; + position: relative; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + z-index: 1; +} +.overview-box-1 .overview-content .overview-graph > span:last-child { + opacity: 1; +} +.overview-box-1 .overview-content .overview-graph > span > span { + font-size: 12px; + min-width: 6px; + position: absolute; + padding: 1px; + border-radius: 2px; + background-color: #495771; + top: -22px; + left: -4px; + display: none; + z-index: 2; +} +.overview-box-1 .overview-content .overview-graph > span:hover { + transform: scale3d(1.1, 1.1, 1); + opacity: 1; +} +.overview-box-1 .overview-content .overview-graph > span:hover .graph-tooltip { + display: block; +} +.overview-box-1 .overview-footer > span { + font-size: 13px; +} +.overview-box-1 .overview-footer > span i { + color: #00acac; +} +.overview-box-1 .overview-footer > span > span { + color: #00acac; + font-weight: 600; +} +.overview-box-1 .overview-footer.down > span i { + color: #f16383; +} +.overview-box-1 .overview-footer.down > span > span { + color: #f16383; +} +.overview-box-1.teal .overview-content .overview-graph > span { + background-color: #00acac; +} +.overview-box-1.orange .overview-content .overview-graph > span { + background-color: #f1b263; +} + +.overview-box-2 { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 32px 12px; +} +.overview-box-2.teal { + background-color: #02acac; +} +.overview-box-2.teal i { + color: #02acac; +} +.overview-box-2.orange { + background-color: #f1b263; +} +.overview-box-2.orange i { + color: #f1b263; +} +.overview-box-2.blue { + background-color: #2f8ee5; +} +.overview-box-2.blue i { + color: #2f8ee5; +} +.overview-box-2.pink { + background-color: #f16383; +} +.overview-box-2.pink i { + color: #f16383; +} +.overview-box-2 h6 { + opacity: 0.8; + color: #ffffff; + font-weight: normal; + margin: 0; +} +.overview-box-2 h3 { + margin: 2px 0 0; + font-weight: normal; + color: #ffffff; +} +.overview-box-2 i { + font-size: 42px; + width: 64px; + height: 64px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + background-color: #3C4962; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} + +.news { + padding: 0; + display: -ms-flexbox; + display: flex; +} +.news .news-content { + width: 100%; + padding: 12px 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + flex-direction: column; +} +.news .news-content h5 { + font-weight: bold; + line-height: 1.5; + color: #CACFDB; + margin: 0 0 12px; +} +.news .news-content > span { + flex-grow: 1; + font-size: 13px; + line-height: 1.54; + color: #CACFDB; +} +.news .news-content .news-content-footer { + margin-top: 20px; +} +.news .news-content .news-content-footer > span { + display: block; + margin: 0 0 2px; + font-size: 13px; + line-height: 1.54; + font-weight: normal; + color: #CACFDB; +} +.news .news-content .news-content-footer > span > span { + font-weight: 600; +} +.news .news-content .news-content-footer > span > span.category { + color: #2c84d8; +} +.news .news-image { + width: 100%; + background-image: url("#{resource['poseidon-layout:images/pages/asset-news.png']}"); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + min-height: 320px; +} + +.likes { + overflow: auto; + height: 100%; +} +.likes .likes-chart { + padding: 12px 8px; + height: calc(100% - 25px); + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} + +.news-feed { + padding: 0 16px; +} +.news-feed .news-feed-card { + padding: 16px; + height: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + flex-direction: column; +} +.news-feed .news-feed-card > i { + font-size: 20px; + color: #ffffff; + width: 32px; + height: 32px; + border-radius: 4px; + background-color: #2c84d8; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.news-feed .news-feed-card .title { + display: block; + font-size: 13px; + font-weight: 600; + color: #CACFDB; + margin: 8px 0 4px; +} +.news-feed .news-feed-card .news-feed-desc { + display: block; + font-size: 13px; + line-height: 1.54; + color: #CACFDB; + flex-grow: 1; +} +.news-feed .news-feed-card a { + margin-top: 8px; + display: block; + font-size: 12px; + font-weight: 600; + color: #CACFDB; +} +.news-feed .news-feed-card a > i { + font-size: 13px; + margin-left: 2px; + vertical-align: middle; +} +.news-feed .news-feed-card a:hover { + text-decoration: underline; +} + +.timeline { + height: 100%; +} +.timeline > ul { + padding: 0; + margin: 10px 0 20px; + list-style: none; +} +.timeline > ul > li { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin-bottom: 32px; +} +.timeline > ul > li .time { + min-width: 70px; + opacity: 0.6; + font-size: 13px; + line-height: 1.54; + color: #CACFDB; + display: block; +} +.timeline > ul > li .event-icon { + position: relative; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.timeline > ul > li .event-icon::before { + content: ""; + width: 2px; + height: 100px; + background-color: #495771; + position: absolute; + top: 0; + display: block; +} +.timeline > ul > li .event-icon i { + z-index: 2; + width: 48px; + height: 48px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + margin: 0 12px; + font-size: 24px; + color: #3C4962; +} +.timeline > ul > li .event-content span { + display: block; + font-size: 13px; + line-height: 1.54; + color: #CACFDB; +} +.timeline > ul > li .event-content span.event-title { + font-weight: 600; + line-height: normal; +} +.timeline > ul > li:nth-child(1) i { + background-color: #02acac; +} +.timeline > ul > li:nth-child(2) i { + background-color: #f1b263; +} +.timeline > ul > li:nth-child(3) i { + background-color: #f1b263; +} +.timeline > ul > li:last-child { + margin-bottom: 0; +} +.timeline > ul > li:last-child .event-icon::before { + display: none; +} +.timeline > ul > li:last-child .event-icon i { + background-color: #2f8ee5; +} + +.chat { + height: 100%; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + flex-direction: column; +} +.chat .card-header { + padding: 8px 12px 6px; +} +.chat .chat-messages { + padding: 0 12px; + flex-grow: 1; +} +.chat .chat-message-row { + padding: 10px 0; +} +.chat .chat-message-row .chat-message { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.chat .chat-message-row .chat-message img { + width: 48px; + height: 48px; + border-radius: 6px; +} +.chat .chat-message-row .chat-message .chat-message-content { + padding: 13px 8px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); + border-radius: 6px; + background-color: #495771; + width: 100%; + margin-left: 8px; +} +.chat .chat-message-row .chat-message .chat-message-content span { + display: block; + font-size: 13px; + color: #CACFDB; +} +.chat .chat-message-row .chat-message-footer { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 4px 0 0; +} +.chat .chat-message-row .chat-message-footer h6 { + font-size: 14px; + font-weight: 600; + color: #CACFDB; + margin: 0; +} +.chat .chat-message-row .chat-message-footer span { + font-size: 13px; + color: #CACFDB; + opacity: 0.6; +} +.chat .chat-message-row.send .chat-message { + flex-direction: row-reverse; +} +.chat .chat-message-row.send .chat-message .chat-message-content { + margin-right: 8px; + margin-left: 0; + background-color: rgba(44, 132, 216, 0.6); +} +.chat .chat-message-row.send .chat-message .chat-message-content span { + display: block; + font-size: 13px; + color: #ffffff; +} +.chat .chat-message-row.send .chat-message-footer { + flex-direction: row-reverse; +} +.chat .chat-input { + border-top: 1px solid #495771; +} +.chat .chat-input > input { + width: 100%; + border-radius: 5px; + background-color: #3C4962; + border: none; + padding: 12px; +} + +.map { + padding: 0; + display: -ms-flexbox; + display: flex; +} +.map .map-image { + width: 70%; + background-image: url("#{resource['poseidon-layout:images/pages/asset-maps.png']}"); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; + min-height: 320px; +} +.map .map-content { + width: 30%; + display: -ms-flexbox; + display: flex; +} +.map .map-content .map-adjust { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + padding: 6px; + cursor: pointer; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.map .map-content .map-adjust i { + color: #B1B9C9; +} +.map .map-content .map-adjust:hover { + background-color: #495771; +} +.map .map-content > ul { + padding: 10px 0 0; + margin: 0; + border-left: 1px solid #495771; + width: 100%; + max-height: 330px; + overflow: auto; +} +.map .map-content > ul > li { + display: -ms-flexbox; + display: flex; + width: 100%; + padding: 8px 6px; + border-bottom: 1px solid #495771; +} +.map .map-content > ul > li > i { + font-size: 14px; + color: #2c84d8; + margin-right: 6px; + margin-top: 4px; +} +.map .map-content > ul > li .map-info span { + font-size: 13px; + font-weight: 600; + color: #CACFDB; +} +.map .map-content > ul > li .map-info span > span { + font-weight: normal; +} +.map .map-content > ul > li .map-info .time { + display: block; + font-size: 11px; + font-weight: 600; + color: #CACFDB; + opacity: 0.6; +} +.map .map-content > ul > li:last-child { + border: none; +} + +.profile { + height: 100%; + padding: 0; +} +.profile .profile-header { + background-image: url("#{resource['poseidon-layout:images/pages/asset-cover.png']}"); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + min-height: 120px; + position: relative; +} +.profile .profile-header img { + position: absolute; + bottom: -50%; + left: 50%; + margin-left: -60px; + width: 120px; + height: 120px; +} +.profile .profile-content { + padding: 66px 12px 24px; + text-align: center; +} +.profile .profile-content > h6 { + margin: 0; + font-weight: 600; + color: #CACFDB; +} +.profile .profile-content > span { + display: block; + font-size: 13px; + color: #CACFDB; + margin: 4px 0 30px; +} + +.pricing-card { + padding: 0 0px 24px; + text-align: center; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + background: #3C4962; +} +.pricing-card .pricing-header { + padding: 18px 12px; + border-bottom: 4px solid #2c84d8; + border-bottom: 4px solid var(--primary-dark-color, #2c84d8); +} +.pricing-card .pricing-header .price { + font-size: 24px; + color: #2c84d8; + color: var(--primary-dark-color, #2c84d8); + margin: 0; + margin-bottom: 6px; +} +.pricing-card .pricing-header > h5 { + letter-spacing: 0.58px; + color: #CACFDB; + margin: 0; + margin-bottom: 12px; +} +.pricing-card .pricing-header > span { + display: block; + font-size: 13px; + color: #CACFDB; +} +.pricing-card ul { + list-style-type: none; + padding: 0; + padding-bottom: 12px; +} +.pricing-card ul > li { + color: #CACFDB; + margin-bottom: 12px; + width: 100%; +} +.pricing-card ul > li > i { + color: #CACFDB; + margin-right: 8px; +} +.pricing-card ul > li.not-included { + opacity: 0.6; +} +.pricing-card.landing-pricing-card { + background: linear-gradient(360deg, #66768D 0%, #7A899F 100%); +} +.pricing-card.landing-pricing-card .pricing-header { + border-bottom: 4px solid #ffffff; +} +.pricing-card.landing-pricing-card .pricing-header .price { + color: #ffffff; +} +.pricing-card.landing-pricing-card .pricing-header > h5 { + color: #ffffff; +} +.pricing-card.landing-pricing-card .pricing-header > span { + color: #ffffff; +} +.pricing-card.landing-pricing-card ul > li { + color: #ffffff; +} +.pricing-card.landing-pricing-card ul > li > i { + color: #ffffff; +} +.pricing-card.landing-pricing-card.teal .pricing-header { + border-bottom: 4px solid #7EEBEB; +} +.pricing-card.landing-pricing-card.teal .pricing-header .price { + color: #7EEBEB; +} +.pricing-card.landing-pricing-card.orange .pricing-header { + border-bottom: 4px solid #FFDA9E; +} +.pricing-card.landing-pricing-card.orange .pricing-header .price { + color: #FFDA9E; +} + +.sale-graph { + overflow: auto; +} +.sale-graph .card-header { + margin-bottom: 13px; +} +.sale-graph .order-tabs { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: start; + justify-content: flex-start; +} +.sale-graph .order-tabs .order-tab { + cursor: pointer; + background-color: rgba(73, 87, 113, 0.3); + padding: 6px 18px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; +} +.sale-graph .order-tabs .order-tab:first-child { + margin-right: 18px; +} +.sale-graph .order-tabs .order-tab:hover { + background-color: rgba(73, 87, 113, 0.5); +} +.sale-graph .order-tabs .order-tab:hover h3 { + color: rgba(2, 172, 172, 0.6); +} +.sale-graph .order-tabs .order-tab.order-tab-active { + background-color: rgba(73, 87, 113, 0.7); +} +.sale-graph .order-tabs .order-tab.order-tab-active h3 { + color: #02acac; +} +.sale-graph .order-tabs .order-tab h6 { + color: #CACFDB; + font-weight: 600; + margin: 0; + margin-bottom: 2px; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} +.sale-graph .order-tabs .order-tab h3 { + color: #949aa6; + margin: 0; +} + +.product-list { + height: 100%; +} +.product-list .card-header { + margin-bottom: 12px; +} +.product-list > ul { + padding: 0; + margin: 0; + list-style-type: none; +} +.product-list > ul > li { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + margin-bottom: 12px; + padding: 6px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + cursor: pointer; +} +.product-list > ul > li:hover { + background-color: rgba(73, 87, 113, 0.7); +} +.product-list > ul > li .product { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.product-list > ul > li .product > img { + width: 72px; + height: 42px; + margin-right: 12px; +} +.product-list > ul > li .product .product-info > p { + margin: 0; + color: #CACFDB; +} +.product-list > ul > li .product .product-info > span { + display: block; + color: #B1B9C9; + font-size: 12px; + font-weight: normal; +} +.product-list > ul > li .product .product-info > span > span { + font-weight: 600; +} +.product-list > ul > li > i { + color: #00acac; +} +.product-list > ul > li > i.down { + color: #f16383; +} + +.sellers { + height: 100%; +} +.sellers > ul { + padding: 0; + margin: 0; + list-style-type: none; +} +.sellers > ul > li { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 5px 0; + margin-top: 6px; +} +.sellers > ul > li .seller { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.sellers > ul > li .seller > img { + width: 32px; + height: 32px; + margin: 0px; + margin-right: 12px; +} +.sellers > ul > li .seller > p { + color: #CACFDB; + margin: 0; + min-width: 105px; +} +.sellers > ul > li > span { + color: #B1B9C9; + font-size: 12px; + font-weight: 600; +} +.sellers > ul > li .ui-rating .ui-rating-star { + margin: 0; +} +.sellers > ul > li .ui-rating .ui-rating-star > a { + font-size: 14px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.sellers > ul > li .ui-rating .ui-rating-cancel { + display: none; +} +.sellers > ul > li .ui-button { + background-color: transparent; + border-color: rgba(177, 185, 201, 0.5); + color: #B1B9C9; +} +.sellers > ul > li .ui-button:hover { + background-color: #38445c; +} + +.tasks { + height: 100%; +} +.tasks .card-header { + margin-bottom: 6px; +} +.tasks .task { + padding: 12px 0 0; + margin-bottom: 7px; +} +.tasks .task .task-info { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + margin-bottom: 8px; +} +.tasks .task .task-info .task-name { + color: #CACFDB; +} +.tasks .task .task-info .task-name span { + font-weight: 600; +} +.tasks .task .task-info i { + background-color: rgba(2, 172, 172, 0.2); + color: #02acac; + padding: 4px; + display: block; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; +} +.tasks .task .task-progress { + border-radius: 2px; + height: 4px; + background: #495771; +} +.tasks .task .task-progress > div { + border-radius: 2px; + height: 100%; +} +.tasks .task.task-1 .task-info i { + background-color: rgba(2, 172, 172, 0.2); + color: #02acac; +} +.tasks .task.task-1 .task-progress > div { + background: #02acac; + width: 45%; +} +.tasks .task.task-2 .task-info i { + background-color: rgba(2, 172, 172, 0.2); + color: #02acac; +} +.tasks .task.task-2 .task-progress > div { + background: #02acac; + width: 80%; +} +.tasks .task.task-3 .task-info i { + background-color: rgba(241, 178, 99, 0.2); + color: #f1b263; +} +.tasks .task.task-3 .task-progress > div { + background: #f1b263; + width: 30%; +} +.tasks .task.task-4 .task-info i { + background-color: rgba(241, 178, 99, 0.2); + color: #f1b263; +} +.tasks .task.task-4 .task-progress > div { + background: #f1b263; + width: 60%; +} +.tasks .task.task-5 .task-info i { + background-color: rgba(241, 99, 131, 0.2); + color: #f16383; +} +.tasks .task.task-5 .task-progress > div { + background: #f16383; + width: 20%; +} + +@media (max-width: 992px) { + .news { + flex-direction: column; + } + .news .news-content { + order: 2; + } + .news .news-image { + order: 1; + border-top-left-radius: 5px; + border-bottom-right-radius: 0; + } + + .map { + flex-direction: column; + } + .map .map-content { + order: 2; + width: 100%; + flex-direction: column; + } + .map .map-content .map-adjust i { + -webkit-transform: rotate(90deg); + -moz-transform: rotate(90deg); + -o-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + } + .map .map-image { + width: 100%; + order: 1; + border-top-left-radius: 5px; + border-top-right-radius: 5px; + border-bottom-left-radius: 0; + } +} +.layout-rtl .chat .chat-message-row .chat-message-content { + margin-right: 8px; + margin-left: 0px; +} +.layout-rtl .chat .chat-message-row.send .chat-message-content { + margin-right: 0px; + margin-left: 8px; +} +.layout-rtl .map .map-content > ul > li > i { + margin-right: 0px; + margin-left: 6px; +} +.layout-rtl .product-list > ul li .product > img { + margin-right: 0px; + margin-left: 12px; +} +.layout-rtl .product-list > ul li:hover { + background-color: #495771; +} + +html { + height: 100%; + font-size: 14px; +} + +body { + font-family: "Open Sans"; + font-size: 14px; + color: #CACFDB; + -webkit-font-smoothing: antialiased; + padding: 0; + margin: 0; + height: 100%; +} +body.main-body { + background: linear-gradient(99deg, #344057 0%, #232D40 100%); +} +body a { + color: #2c84d8; + text-decoration: none; +} +body a:hover { + color: #4291dc; +} + +.layout-mask { + display: none; + position: fixed; + top: 0; + left: 0; + z-index: 997; + width: 100%; + height: 100%; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} + +.layout-wrapper .layout-main { + padding-top: 56px; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + min-height: 100vh; +} +.layout-wrapper .layout-main .layout-content { + padding: 32px; + padding-top: 12px; + flex: 1 1 0; +} + +.layout-ajax-loader-icon { + position: fixed; + right: 2rem; + bottom: 2rem; + font-size: 2rem; + color: #B1B9C9; + z-index: 999; +} + +@media (max-width: 992px) { + .layout-wrapper .layout-main { + padding-top: 104px; + } +} +.layout-footer { + box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); + background-color: #3C4962; + padding: 21px 32px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.layout-footer > img { + height: 30px; + width: auto; +} +.layout-footer .social-icons { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-footer .social-icons a { + color: #CACFDB; + margin-left: 18px; + cursor: pointer; + padding: 6px; +} +.layout-footer .social-icons a i { + font-size: 22px; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} +.layout-footer .social-icons a:hover i { + color: #2c84d8; +} + +.layout-config { + position: fixed; + padding: 0; + top: 0; + right: 0; + width: 250px; + z-index: 999; + height: 100%; + transform: translate3d(250px, 0px, 0px); + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + background-color: #404e68; + 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); +} +.layout-config.layout-config-active { + transform: translate3d(0px, 0px, 0px); +} +.layout-config.layout-config-active .layout-config-content .layout-config-button i { + -webkit-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -o-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); +} +.layout-config .layout-config-content { + position: relative; + height: 100%; +} +.layout-config .layout-config-content > form { + height: 100%; +} +.layout-config .layout-config-content .layout-config-form { + overflow: auto; + overflow-x: hidden; +} +.layout-config .layout-config-content .layout-config-button { + display: block; + position: absolute; + width: 52px; + height: 52px; + line-height: 52px; + background-color: #2c84d8; + background-color: var(--primary-dark-color, #2c84d8); + text-align: center; + top: 230px; + left: -51px; + z-index: -1; + cursor: pointer; + color: #ffffff; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-config .layout-config-content .layout-config-button i { + font-size: 32px; + line-height: inherit; + cursor: pointer; + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -o-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + -moz-transition: transform 1s; + -o-transition: transform 1s; + -webkit-transition: transform 1s; + transition: transform 1s; +} +.layout-config .layout-config-content .layout-config-button:hover { + background-color: #2873D3; + background-color: var(--primary-color, #2873D3); +} +.layout-config .layout-config-content .layout-config-header { + padding: 18px 12px; + margin-bottom: 12px; + color: #ffffff; + background-image: linear-gradient(180deg, #2873D3 10%, #2c84d8 100%); + background-image: linear-gradient(180deg, var(--primary-dark-color, #2873D3) 10%, var(--primary-color, #2c84d8) 100%); +} +.layout-config .layout-config-content .layout-config-header > span { + font-size: 12px; + display: block; + color: #ffffff; + color: var(--primary-color-text, #ffffff); +} +.layout-config .layout-config-content .layout-config-section { + padding: 10px 12px; +} +.layout-config .layout-config-content .layout-config-section .section-name { + font-weight: 500; + font-size: 12px; + display: block; + color: #CACFDB; +} +.layout-config .layout-config-content .layout-config-section.dark { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-config .layout-config-content .layout-config-section.dark .section-name { + margin-right: 18px; +} +.layout-config .layout-config-content .layout-config-section.dark .ui-inputswitch .ui-inputswitch-on, +.layout-config .layout-config-content .layout-config-section.dark .ui-inputswitch .ui-inputswitch-off { + padding: 0; +} +.layout-config .layout-config-content .layout-config-section.colors .layout-config-colors { + padding: 0 10px; + margin-top: 3px; +} +.layout-config .layout-config-content .layout-config-section.colors .layout-config-colors .col-fixed { + padding: 0.5em; +} +.layout-config .layout-config-content .layout-config-section.options .layout-config-options { + margin-top: 3px; +} +.layout-config .layout-config-content .layout-config-section.options .layout-config-options .ui-selectoneradio { + width: 100%; + padding: 0 10px; +} +.layout-config .layout-config-content .layout-config-section.options .layout-config-options .ui-selectoneradio label { + font-size: 12px; + margin: 0; + margin-left: 6px; +} +.layout-config .layout-config-content .layout-config-section a { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-direction: column; + flex-direction: column; + overflow: hidden; + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + position: relative; + color: #CACFDB; + text-transform: capitalize; +} +.layout-config .layout-config-content .layout-config-section a:hover { + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -o-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); +} +.layout-config .layout-config-content .layout-config-section a.layout-config-option .layout-config-option-text { + margin-top: 0.2em; +} +.layout-config .layout-config-content .layout-config-section a.layout-config-option .layout-config-option-color { + width: 24px; + height: 24px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + position: relative; + overflow: hidden; + border: 1px solid rgba(0, 0, 0, 0.1); +} +.layout-config .layout-config-content .layout-config-section a.layout-config-option .layout-config-option-color .layout-config-option-accentcolor { + display: block; + width: 18px; + height: 28px; + position: absolute; + bottom: -10px; + right: -7px; + transform: rotate(45deg); +} +.layout-config .layout-config-content .layout-config-section a.layout-config-option .layout-config-option-check-mask { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-config .layout-config-content .layout-config-section a.layout-config-option .layout-config-option-check-mask i { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 12px; + color: #2c84d8; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + background-color: #ffffff; + width: 16px; + height: 16px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + z-index: 1; +} + +.blocked-scroll-config { + overflow: hidden; +} + +.layout-rtl .layout-config { + right: auto; + left: 0; + transform: translate3d(-250px, 0px, 0px); +} +.layout-rtl .layout-config.layout-config-active { + transform: translate3d(0px, 0px, 0px); +} +.layout-rtl .layout-config.layout-config-active .layout-config-content .layout-config-button i { + -webkit-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -o-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); +} +.layout-rtl .layout-config .layout-config-content .layout-config-button { + left: auto; + right: -51px; +} +.layout-rtl .layout-config .layout-config-content .layout-config-section.dark .section-name { + margin-right: 0px; + margin-left: 18px; +} +.layout-rtl .layout-config .layout-config-content .layout-config-section.options .layout-config-options .ui-selectoneradio label { + margin-left: 0px; + margin-right: 6px; +} + +@media (max-width: 992px) { + .layout-config { + height: 100%; + width: 70vw; + transform: translate3d(70vw, 0px, 0px); + } + .layout-config.layout-config-active { + transform: translate3d(0px, 0px, 0px); + } + .layout-config .layout-config-button { + left: auto; + right: -52px; + } + + .layout-rtl .layout-config { + height: 100%; + width: 70vw; + transform: translate3d(-70vw, 0px, 0px); + } + .layout-rtl .layout-config.layout-config-active { + transform: translate3d(0px, 0px, 0px); + } +} +@media (max-width: 640px) { + .layout-config .ui-tabs.ui-tabs-top .ui-tabs-panels .grid { + -ms-flex-pack: center; + justify-content: center; + } + .layout-config .ui-tabs.ui-tabs-top .ui-tabs-panels .layout-config-palette .layout-config-selected-palette { + width: 60px; + height: 60px; + } +} +.help-page p { + margin: 0; +} +.help-page .help-search { + background: url("#{resource['poseidon-layout:images/pages/bg-help.jpg']}"); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + padding: 0; + text-align: center; +} +.help-page .help-search .help-search-content { + padding: 5rem 12rem; +} +.help-page .help-search .help-search-content h4 { + color: #ffffff; + 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: 2.5rem; + padding: 0.5rem; + width: 100%; +} +.help-page .help-search .search-container i { + color: #2c84d8; + width: 1rem; + position: absolute; + margin-left: 0.5rem; + 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: #02acac; + 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: #f16383; +} +.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 { + height: 150px; + border-radius: 4px; + margin: 3rem 2rem; + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +.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 { + position: absolute; + left: 20px; + top: 30px; +} +.help-page .blog-post .blog-text h1 { + font-size: 1.25rem; + color: #ffffff; + margin-bottom: 1rem; + font-weight: 700; +} +.help-page .blog-post .blog-text span { + color: #ffffff; + font-weight: 600; +} +.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%; +} +.help-page .blog-post:nth-child(1) { + background-image: url("#{resource['poseidon-layout:images/pages/help/blog1.jpg']}"); +} +.help-page .blog-post:nth-child(2) { + background-image: url("#{resource['poseidon-layout:images/pages/help/blog2.jpg']}"); +} +.help-page .blog-post:nth-child(3) { + background-image: url("#{resource['poseidon-layout:images/pages/help/blog3.jpg']}"); +} + +@media screen and (max-width: 991px) { + .help-page .help-search .help-search-content { + padding: 6rem 2rem; + } +} +.invoice { + padding: 2rem; +} +.invoice #printed-invoice-logo { + display: none; +} +.invoice .invoice-header { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; +} +.invoice .invoice-company .logo-image { + width: 120px; + margin-bottom: 0.5rem; +} +.invoice .invoice-company div { + margin-bottom: 0.5rem; +} +.invoice .invoice-company .company-name { + font-weight: 700; + font-size: 1.5rem; +} +.invoice .invoice-title { + font-size: 2rem; + margin-bottom: 2rem; + text-align: right; +} +.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: 700; +} +.invoice .invoice-details .invoice-value { + text-align: right; +} +.invoice .invoice-to { + margin-top: 1.5rem; + padding-top: 2rem; + border-top: 1px solid #495771; +} +.invoice .invoice-to .bill-to { + font-size: 1.25rem; + font-weight: 700; + 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 #495771; +} +.invoice .invoice-items table th { + font-weight: 700; +} +.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: 700; +} + +@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: #515C66; + } + + .invoice #printed-invoice-logo { + display: inline; + } + .invoice #invoice-logo { + display: none; + } + .invoice .invoice-to { + border-top: 1px solid #E8F1F8; + } + .invoice .invoice-items table tr { + border-bottom: 1px solid #E8F1F8; + } +} +@-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; +} + +.layout-breadcrumb { + background-color: transparent; + padding: 12px 32px; + display: -ms-flexbox; + display: flex; + align-items: center; + justify-content: space-between; +} +.layout-breadcrumb .breadcrumb { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-breadcrumb .breadcrumb .route-bar-breadcrumb { + list-style: none; + display: -ms-flexbox; + display: flex; + justify-content: space-around; + align-items: center; + padding: 0; +} +.layout-breadcrumb .breadcrumb .route-bar-breadcrumb > li { + padding: 0; + padding-right: 12px; + font-size: 12px; + font-weight: normal; + color: #B1B9C9; + text-transform: uppercase; +} +.layout-breadcrumb .breadcrumb .route-bar-breadcrumb > li i { + font-size: 10px; +} +.layout-breadcrumb .breadcrumb .route-bar-breadcrumb > li .ui-link { + color: #CACFDB; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; + font-size: 12px; +} +.layout-breadcrumb .breadcrumb .route-bar-breadcrumb > li .ui-link:hover { + color: #2c84d8; +} + +@media (max-width: 992px) { + .layout-breadcrumb .breadcrumb { + width: 100%; + } +} +/* Add your customizations of layout here */ +/* Add your customizations of layout here */ diff --git a/src/main/webapp/resources/poseidon-layout/css/layout-dim.scss b/src/main/webapp/resources/poseidon-layout/css/layout-dim.scss new file mode 100644 index 0000000..ac72066 --- /dev/null +++ b/src/main/webapp/resources/poseidon-layout/css/layout-dim.scss @@ -0,0 +1,6 @@ +$primaryColor:#2c84d8; +$primaryLightColor:#3B92E5; +$primaryTextColor:#ffffff; + +@import '../../sass/variables/layout/_layout_dim'; +@import '../../sass/layout/_layout'; \ No newline at end of file diff --git a/src/main/webapp/resources/poseidon-layout/css/layout-light.css b/src/main/webapp/resources/poseidon-layout/css/layout-light.css new file mode 100644 index 0000000..e6d058e --- /dev/null +++ b/src/main/webapp/resources/poseidon-layout/css/layout-light.css @@ -0,0 +1,4784 @@ +:root { + --content-alt-bg-color:#E8F1F8; +} + +/* open-sans-300 - latin */ +@font-face { + font-family: "Open Sans"; + font-style: normal; + font-weight: 300; + src: url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-300.eot']}"); + /* IE9 Compat Modes */ + src: local("Open Sans Light"), local("OpenSans-Light"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-300.eot']}?#iefix") format("embedded-opentype"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-300.woff2']}") format("woff2"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-300.woff']}") format("woff"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-300.ttf']}") format("truetype"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-300.svg']}#OpenSans") format("svg"); + /* Legacy iOS */ +} +/* open-sans-regular - latin */ +@font-face { + font-family: "Open Sans"; + font-style: normal; + font-weight: 400; + src: url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-regular.eot']}"); + /* IE9 Compat Modes */ + src: local("Open Sans"), local("OpenSans"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-regular.eot']}?#iefix") format("embedded-opentype"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-regular.woff2']}") format("woff2"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-regular.woff']}") format("woff"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-regular.ttf']}") format("truetype"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-regular.svg']}#OpenSans") format("svg"); + /* Legacy iOS */ +} +/* open-sans-600 - latin */ +@font-face { + font-family: "Open Sans"; + font-style: normal; + font-weight: 600; + src: url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-600.eot']}"); + /* IE9 Compat Modes */ + src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-600.eot']}?#iefix") format("embedded-opentype"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-600.woff2']}") format("woff2"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-600.woff']}") format("woff"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-600.ttf']}") format("truetype"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-600.svg']}#OpenSans") format("svg"); + /* Legacy iOS */ +} +/* open-sans-700 - latin */ +@font-face { + font-family: "Open Sans"; + font-style: normal; + font-weight: 700; + src: url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-700.eot']}"); + /* IE9 Compat Modes */ + src: local("Open Sans Bold"), local("OpenSans-Bold"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-700.eot']}?#iefix") format("embedded-opentype"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-700.woff2']}") format("woff2"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-700.woff']}") format("woff"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-700.ttf']}") format("truetype"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-700.svg']}#OpenSans") format("svg"); + /* Legacy iOS */ +} +h1, h2, h3, h4, h5, h6 { + margin: 1.5rem 0 1rem 0; + font-family: inherit; + font-weight: 600; + line-height: 1.2; + color: inherit; +} +h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { + margin-top: 0; +} + +h1 { + font-size: 2.5rem; +} + +h2 { + font-size: 2rem; +} + +h3 { + font-size: 1.75rem; +} + +h4 { + font-size: 1.5rem; +} + +h5 { + font-size: 1.25rem; +} + +h6 { + font-size: 1rem; +} + +mark { + background: #FFF8E1; + padding: 0.25rem 0.4rem; + border-radius: 5px; + font-family: "Open Sans"; +} + +blockquote { + margin: 1rem 0; + padding: 0 2rem; + border-left: 4px solid #90A4AE; +} + +hr { + border-top: solid #E8F1F8; + 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; +} + +/* Utils */ +.clearfix:after { + content: " "; + display: block; + clear: both; +} + +.card { + border-radius: 5px; + background: #FDFEFF; + padding: 12px 16px; + box-sizing: border-box; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + margin-bottom: 2rem; +} +.card:last-child { + margin-bottom: 0; +} +.card .card-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + padding-bottom: 6px; +} +.card .card-header h6, .card .card-header h5 { + margin-bottom: 0; + color: #657380; +} +.card .card-header .header-buttons { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.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; +} + +.layout-wrapper.layout-rtl { + direction: rtl; +} +.layout-wrapper.layout-rtl .menu-wrapper { + left: auto; + right: 0; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu { + direction: rtl; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li { + padding: 0px; + -moz-border-radius-topleft: 0px; + -webkit-border-top-left-radius: 0px; + border-top-left-radius: 0px; + -moz-border-radius-bottomleft: 0px; + -webkit-border-bottom-left-radius: 0px; + border-bottom-left-radius: 0px; + -moz-border-radius-topright: 10px; + -webkit-border-top-right-radius: 10px; + border-top-right-radius: 10px; + -moz-border-radius-bottomright: 10px; + -webkit-border-bottom-right-radius: 10px; + border-bottom-right-radius: 10px; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > div { + padding-left: 0px; + padding-right: 12px; + margin-bottom: 6px; + margin-top: 24px; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > a { + padding: 7px 8px 6px 20px; + -moz-border-radius-topleft: 0px; + -webkit-border-top-left-radius: 0px; + border-top-left-radius: 0px; + -moz-border-radius-bottomleft: 0px; + -webkit-border-bottom-left-radius: 0px; + border-bottom-left-radius: 0px; + -moz-border-radius-topright: 10px; + -webkit-border-top-right-radius: 10px; + border-top-right-radius: 10px; + -moz-border-radius-bottomright: 10px; + -webkit-border-bottom-right-radius: 10px; + border-bottom-right-radius: 10px; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > a .layout-menuitem-text { + margin: 0 11px; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > a i { + font-size: 14px; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > a i.layout-submenu-toggler { + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + margin-left: 0; + margin-right: auto; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > ul { + padding-left: 0px; + padding-right: 19px; +} +.layout-wrapper.layout-rtl .layout-rightpanel { + right: auto; + left: 0; + transform: translate3d(-294px, 0px, 0px); +} +.layout-wrapper.layout-rtl .layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .task { + margin-left: 0px; + margin-right: 12px; +} +.layout-wrapper.layout-rtl.layout-rightpanel-active .layout-rightpanel { + transform: translate3d(0px, 0px, 0px); +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + padding: 10px 12px 10px 32px; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + right: auto; + left: 0; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > img, +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > i, +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > .ui-inputswitch { + margin-right: 0; + margin-left: 6px; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info { + margin-right: 7px; + margin-left: 0px; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header img { + margin-right: 0px; + margin-left: 6px; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info { + margin-left: 0px; + margin-right: 7px; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > li > a > i { + margin-right: 0px; + margin-left: 10px; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + -webkit-transform: rotate(-180deg); + -moz-transform: rotate(-180deg); + -o-transform: rotate(-180deg); + -ms-transform: rotate(-180deg); + transform: rotate(-180deg); +} + +@media (min-width: 993px) { + .layout-wrapper.layout-rtl.layout-static .menu-wrapper { + transform: translate3d(241px, 0px, 0px); + } + .layout-wrapper.layout-rtl.layout-static .layout-main { + margin-left: 0; + margin-right: 0px; + -moz-transition: margin-right 0.2s; + -o-transition: margin-right 0.2s; + -webkit-transition: margin-right 0.2s; + transition: margin-right 0.2s; + } + .layout-wrapper.layout-rtl.layout-static.layout-static-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-rtl.layout-static.layout-static-active .layout-main { + margin-left: 0; + margin-right: 240px; + } + .layout-wrapper.layout-rtl.layout-overlay .menu-wrapper { + transform: translate3d(241px, 0px, 0px); + } + .layout-wrapper.layout-rtl.layout-overlay.layout-overlay-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-rtl.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu li a { + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + } + .layout-wrapper.layout-rtl.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + left: auto; + right: 0; + } +} +@media (max-width: 992px) { + .layout-wrapper.layout-rtl .menu-wrapper { + top: 104px; + height: calc(100% - 104px); + -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(260px, 0px, 0px); + } + .layout-wrapper.layout-rtl.layout-mobile-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-rtl.layout-mobile-active .layout-mask { + display: block; + } + .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + padding: 0; + } + .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + left: 5%; + right: 0; + } + .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + margin-right: 0px; + margin-left: 16px; + } +} +.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: 56px; +} +.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%; + width: 240px; + padding: 11px 14px 13px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo > img { + height: 32px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + height: 100%; + flex-grow: 1; + padding: 10px 32px 10px 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 .menu-button { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + z-index: 999; + width: 36px; + height: 36px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button > i { + font-size: 18px; +} +.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 { + padding: 10px 10px 7px; + margin: 0 6px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon i { + font-size: 18px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon .ui-badge { + padding: 0; + height: 14px; + width: 14px; + min-width: 14px; + font-size: 10px; + line-height: 14px; + top: -2px; + right: -2px; +} +.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: 46px; + right: 0px; + list-style-type: none; + margin: 0; + padding: 0; + z-index: 1000; + min-width: 260px; + animation-duration: 0.2s; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header { + padding: 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 { + font-weight: 600; + margin: 0; + margin-left: 4px; +} +.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: 7px 12px; + margin-bottom: 6px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + cursor: pointer; +} +.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; + width: 100%; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 { + margin: 0; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 > span { + font-size: 14px; + font-weight: 600; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span { + font-size: 12px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span > span { + font-weight: 600; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > img { + width: 28px; + height: 28px; + margin-right: 6px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > i { + width: 28px; + height: 28px; + margin-right: 6px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 16px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > .ui-inputswitch { + margin-right: 6px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item { + margin: 0 12px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > a { + display: none; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper { + position: relative; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper input { + -moz-border-radius: 18px; + -webkit-border-radius: 18px; + border-radius: 18px; + border: none; + width: 200px; + padding: 8px 8px 8px 30px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper i { + position: absolute; + left: 9px; + top: 2px; + font-size: 14px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item ul > form > .search-input-wrapper input { + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; + width: 100%; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a { + display: -ms-flexbox; + display: flex; + margin: 0 6px; + padding: 10px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > img { + width: 32px; + height: 32px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info { + margin-left: 7px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info h6 { + font-weight: 600; + margin: 0; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info span { + display: block; + font-size: 12px; + font-weight: normal; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > hr { + margin: 2px 8px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header { + padding: 12px 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: start; + justify-content: flex-start; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header img { + width: 36px; + height: 36px; + margin-right: 6px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info { + margin-left: 7px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info h6 { + font-weight: 600; + margin: 0; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info span { + display: block; + font-size: 11px; + font-weight: normal; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > li > a > i { + font-size: 16px; + margin-right: 10px; +} +.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 { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + z-index: 999; + width: 36px; + height: 36px; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button > i { + font-size: 18px; +} +@media (max-width: 992px) { + .layout-topbar-light .layout-topbar { + height: 104px; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper { + -ms-flex-align: start; + align-items: flex-start; + flex-direction: column; + position: relative; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + width: 100%; + height: 56px; + margin-left: 0; + 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: 48px; + width: 100%; + padding: 0; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button { + position: absolute; + top: 10px; + left: 16px; + margin: 0; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions { + width: 100%; + -ms-flex-pack: start; + justify-content: flex-start; + padding: 0 16px; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item { + margin: 0; + width: 100%; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item { + margin: 0; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item > form { + display: none; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item > a { + display: flex; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item > a { + margin: 0; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item > ul { + top: 104px; + width: 90%; + left: 5%; + position: fixed; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile { + position: absolute; + top: 1px; + right: 8px; + height: auto; + width: auto; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile a { + margin: 0; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile a .profile-info { + display: none; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + margin-right: 16px; + } +} +.layout-topbar-light .layout-topbar { + background-color: #FDFEFF; + 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); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button { + color: #515C66; + background-color: #E8F1F8; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button:hover { + background-color: rgba(232, 241, 248, 0.7); + -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: #515C66; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a:hover { + background-color: rgba(232, 241, 248, 0.7); + -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: #E8F1F8; + color: #515C66; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper input::placeholder { + color: rgba(81, 92, 102, 0.7); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper i { + color: #515C66; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a { + color: #515C66; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > span { + color: rgba(81, 92, 102, 0.7); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a:hover { + background-color: transparent; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul hr { + border-color: #E8F1F8; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header { + background-image: linear-gradient(180deg, #2873D3 10%, #2c84d8 100%); + background-image: linear-gradient(180deg, var(--primary-dark-color, #2873D3) 10%, var(--primary-color, #2c84d8) 100%); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header h6 { + color: #ffffff; + color: var(--primary-color-text, #ffffff); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header span { + color: #ffffff; + color: var(--primary-color-text, #ffffff); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > li a i { + color: #515C66; +} +.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: #FDFEFF; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header { + background-color: #FDFEFF; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 { + color: #515C66; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header:hover { + background-color: #FDFEFF; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 { + color: #515C66; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span { + color: rgba(81, 92, 102, 0.6); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text p { + color: #515C66; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text span { + color: rgba(81, 92, 102, 0.6); +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li:hover { + background-color: rgba(232, 241, 248, 0.7); + -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: #515C66; + background-color: #E8F1F8; +} +.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button:hover { + background-color: rgba(232, 241, 248, 0.7); + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +@media (max-width: 992px) { + .layout-topbar-light .layout-topbar { + box-shadow: none; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + border-bottom: 1px solid #E8F1F8; + } + .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + border-bottom: 1px solid #E8F1F8; + } +} + +.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: 56px; +} +.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%; + width: 240px; + padding: 11px 14px 13px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo > img { + height: 32px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + height: 100%; + flex-grow: 1; + padding: 10px 32px 10px 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 .menu-button { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + z-index: 999; + width: 36px; + height: 36px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button > i { + font-size: 18px; +} +.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 { + padding: 10px 10px 7px; + margin: 0 6px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon i { + font-size: 18px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon .ui-badge { + padding: 0; + height: 14px; + width: 14px; + min-width: 14px; + font-size: 10px; + line-height: 14px; + top: -2px; + right: -2px; +} +.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: 46px; + right: 0px; + list-style-type: none; + margin: 0; + padding: 0; + z-index: 1000; + min-width: 260px; + animation-duration: 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header { + padding: 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 { + font-weight: 600; + margin: 0; + margin-left: 4px; +} +.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: 7px 12px; + margin-bottom: 6px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + cursor: pointer; +} +.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; + width: 100%; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 { + margin: 0; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 > span { + font-size: 14px; + font-weight: 600; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span { + font-size: 12px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span > span { + font-weight: 600; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > img { + width: 28px; + height: 28px; + margin-right: 6px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > i { + width: 28px; + height: 28px; + margin-right: 6px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 16px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > .ui-inputswitch { + margin-right: 6px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item { + margin: 0 12px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > a { + display: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper { + position: relative; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper input { + -moz-border-radius: 18px; + -webkit-border-radius: 18px; + border-radius: 18px; + border: none; + width: 200px; + padding: 8px 8px 8px 30px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper i { + position: absolute; + left: 9px; + top: 2px; + font-size: 14px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item ul > form > .search-input-wrapper input { + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; + width: 100%; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a { + display: -ms-flexbox; + display: flex; + margin: 0 6px; + padding: 10px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > img { + width: 32px; + height: 32px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info { + margin-left: 7px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info h6 { + font-weight: 600; + margin: 0; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info span { + display: block; + font-size: 12px; + font-weight: normal; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > hr { + margin: 2px 8px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header { + padding: 12px 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: start; + justify-content: flex-start; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header img { + width: 36px; + height: 36px; + margin-right: 6px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info { + margin-left: 7px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info h6 { + font-weight: 600; + margin: 0; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info span { + display: block; + font-size: 11px; + font-weight: normal; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > li > a > i { + font-size: 16px; + margin-right: 10px; +} +.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 { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + z-index: 999; + width: 36px; + height: 36px; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button > i { + font-size: 18px; +} +@media (max-width: 992px) { + .layout-topbar-dark .layout-topbar { + height: 104px; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper { + -ms-flex-align: start; + align-items: flex-start; + flex-direction: column; + position: relative; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + width: 100%; + height: 56px; + margin-left: 0; + 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: 48px; + width: 100%; + padding: 0; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button { + position: absolute; + top: 10px; + left: 16px; + margin: 0; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions { + width: 100%; + -ms-flex-pack: start; + justify-content: flex-start; + padding: 0 16px; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item { + margin: 0; + width: 100%; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item { + margin: 0; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item > form { + display: none; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item > a { + display: flex; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item > a { + margin: 0; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item > ul { + top: 104px; + width: 90%; + left: 5%; + position: fixed; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile { + position: absolute; + top: 1px; + right: 8px; + height: auto; + width: auto; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile a { + margin: 0; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile a .profile-info { + display: none; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + margin-right: 16px; + } +} +.layout-topbar-dark .layout-topbar { + background-color: #434B54; + 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); +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button { + color: #CACFDB; + background-color: rgba(202, 207, 219, 0.2); +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button:hover { + background-color: #4E565F; + -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: #CACFDB; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a:hover { + background-color: #4E565F; + -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: rgba(202, 207, 219, 0.2); + color: #CACFDB; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper input::placeholder { + color: rgba(202, 207, 219, 0.7); +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper i { + color: #CACFDB; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a { + color: #CACFDB; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > span { + color: rgba(202, 207, 219, 0.7); +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a:hover { + background-color: transparent; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul hr { + border-color: #4E565F; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header { + background-image: linear-gradient(180deg, #2873D3 10%, #2c84d8 100%); + background-image: linear-gradient(180deg, var(--primary-dark-color, #2873D3) 10%, var(--primary-color, #2c84d8) 100%); +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header h6 { + color: #ffffff; + color: var(--primary-color-text, #ffffff); +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header span { + color: #ffffff; + color: var(--primary-color-text, #ffffff); +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > li a i { + color: #f8fafc; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); + background-color: #434B54; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header { + background-color: #434B54; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 { + color: #CACFDB; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header:hover { + background-color: #434B54; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 { + color: #f8fafc; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span { + color: rgba(248, 250, 252, 0.7); +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text p { + color: #f8fafc; +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text span { + color: rgba(248, 250, 252, 0.7); +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li:hover { + background-color: #4E565F; + -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: #CACFDB; + background-color: rgba(202, 207, 219, 0.2); +} +.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button:hover { + background-color: #4E565F; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +@media (max-width: 992px) { + .layout-topbar-dark .layout-topbar { + box-shadow: none; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + border-bottom: 1px solid #4E565F; + } + .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + border-bottom: 1px solid #4E565F; + } +} + +.layout-topbar-dim .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: 56px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper { + height: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + height: 100%; + width: 240px; + padding: 11px 14px 13px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo > img { + height: 32px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + height: 100%; + flex-grow: 1; + padding: 10px 32px 10px 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-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + z-index: 999; + width: 36px; + height: 36px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button > i { + font-size: 18px; +} +.layout-topbar-dim .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-dim .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-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a { + padding: 10px 10px 7px; + margin: 0 6px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon i { + font-size: 18px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon .ui-badge { + padding: 0; + height: 14px; + width: 14px; + min-width: 14px; + font-size: 10px; + line-height: 14px; + top: -2px; + right: -2px; +} +.layout-topbar-dim .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-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + display: none; + position: absolute; + top: 46px; + right: 0px; + list-style-type: none; + margin: 0; + padding: 0; + z-index: 1000; + min-width: 260px; + animation-duration: 0.2s; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header { + padding: 12px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 { + font-weight: 600; + margin: 0; + margin-left: 4px; +} +.layout-topbar-dim .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-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li { + padding: 7px 12px; + margin-bottom: 6px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + cursor: pointer; +} +.layout-topbar-dim .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; + width: 100%; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 { + margin: 0; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 > span { + font-size: 14px; + font-weight: 600; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span { + font-size: 12px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span > span { + font-weight: 600; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > img { + width: 28px; + height: 28px; + margin-right: 6px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > i { + width: 28px; + height: 28px; + margin-right: 6px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 16px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > .ui-inputswitch { + margin-right: 6px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item { + margin: 0 12px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > a { + display: none; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper { + position: relative; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper input { + -moz-border-radius: 18px; + -webkit-border-radius: 18px; + border-radius: 18px; + border: none; + width: 200px; + padding: 8px 8px 8px 30px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper i { + position: absolute; + left: 9px; + top: 2px; + font-size: 14px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item ul > form > .search-input-wrapper input { + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; + width: 100%; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a { + display: -ms-flexbox; + display: flex; + margin: 0 6px; + padding: 10px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > img { + width: 32px; + height: 32px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info { + margin-left: 7px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info h6 { + font-weight: 600; + margin: 0; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info span { + display: block; + font-size: 12px; + font-weight: normal; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > hr { + margin: 2px 8px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header { + padding: 12px 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: start; + justify-content: flex-start; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header img { + width: 36px; + height: 36px; + margin-right: 6px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info { + margin-left: 7px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info h6 { + font-weight: 600; + margin: 0; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info span { + display: block; + font-size: 11px; + font-weight: normal; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > li > a > i { + font-size: 16px; + margin-right: 10px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem > ul { + display: block; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + z-index: 999; + width: 36px; + height: 36px; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button > i { + font-size: 18px; +} +@media (max-width: 992px) { + .layout-topbar-dim .layout-topbar { + height: 104px; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper { + -ms-flex-align: start; + align-items: flex-start; + flex-direction: column; + position: relative; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + width: 100%; + height: 56px; + margin-left: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + height: 48px; + width: 100%; + padding: 0; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button { + position: absolute; + top: 10px; + left: 16px; + margin: 0; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions { + width: 100%; + -ms-flex-pack: start; + justify-content: flex-start; + padding: 0 16px; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item { + margin: 0; + width: 100%; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item { + margin: 0; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item > form { + display: none; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item > a { + display: flex; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item > a { + margin: 0; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item > ul { + top: 104px; + width: 90%; + left: 5%; + position: fixed; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile { + position: absolute; + top: 1px; + right: 8px; + height: auto; + width: auto; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile a { + margin: 0; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile a .profile-info { + display: none; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + margin-right: 16px; + } +} +.layout-topbar-dim .layout-topbar { + background-color: #3C4962; + 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); +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button { + color: #CACFDB; + background-color: rgba(151, 162, 179, 0.2); +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button:hover { + background-color: #495771; + -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-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon { + color: #CACFDB; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a:hover { + background-color: #495771; + -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-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper input { + background-color: rgba(151, 162, 179, 0.2); + color: #CACFDB; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper input::placeholder { + color: rgba(202, 207, 219, 0.7); +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper i { + color: #CACFDB; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a { + color: #CACFDB; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > span { + color: rgba(202, 207, 219, 0.7); +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a:hover { + background-color: transparent; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul hr { + border-color: #495771; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header { + background-image: linear-gradient(180deg, #2873D3 10%, #2c84d8 100%); + background-image: linear-gradient(180deg, var(--primary-dark-color, #2873D3) 10%, var(--primary-color, #2c84d8) 100%); +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header h6 { + color: #ffffff; + color: var(--primary-color-text, #ffffff); +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header span { + color: #ffffff; + color: var(--primary-color-text, #ffffff); +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > li a i { + color: #f8fafc; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul { + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); + background-color: #3C4962; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header { + background-color: #3C4962; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 { + color: #CACFDB; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header:hover { + background-color: #3C4962; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 { + color: #f8fafc; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span { + color: rgba(248, 250, 252, 0.7); +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text p { + color: #f8fafc; +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text span { + color: rgba(248, 250, 252, 0.7); +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li:hover { + background-color: #495771; + -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-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button { + color: #CACFDB; + background-color: rgba(151, 162, 179, 0.2); +} +.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button:hover { + background-color: #495771; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +@media (max-width: 992px) { + .layout-topbar-dim .layout-topbar { + box-shadow: none; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-left { + border-bottom: 1px solid #495771; + } + .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right { + border-bottom: 1px solid #495771; + } +} + +.layout-rightpanel { + position: fixed; + z-index: 1000; + right: 0; + top: 56px; + height: calc(100% - 56px); + padding: 0; + width: 294px; + overflow: auto; + background-color: white; + transform: translate3d(294px, 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: 0 2px 12px 0 rgba(0, 0, 0, 0.06); +} +.layout-rightpanel .rightpanel-wrapper { + height: 100%; + padding: 12px 10px; + padding-right: 0; +} + +.layout-wrapper.layout-rightpanel-active .layout-rightpanel { + transform: translate3d(0px, 0px, 0px); +} + +@media (max-width: 992px) { + .layout-rightpanel { + top: 104px; + width: 254px; + transform: translate3d(254px, 0px, 0px); + height: calc(100% - 104px); + } +} +.menu-wrapper { + height: calc(100% - 56px); + width: 240px; + position: fixed; + left: 0; + top: 56px; + z-index: 998; + transform: none; + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; +} +.menu-wrapper .layout-menu-container { + overflow: auto; + height: 100%; +} +.menu-wrapper .layout-menu-container .layout-menu { + list-style-type: none; + margin: 0; + padding: 0; + padding-bottom: 36px; +} +.menu-wrapper .layout-menu-container .layout-menu li { + padding: 0; + -moz-border-radius-topleft: 10px; + -webkit-border-top-left-radius: 10px; + border-top-left-radius: 10px; + -moz-border-radius-bottomleft: 10px; + -webkit-border-bottom-left-radius: 10px; + border-bottom-left-radius: 10px; +} +.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-root-menuitem > a { + display: none; +} +.menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > div { + padding-left: 12px; + margin-bottom: 6px; + margin-top: 24px; +} +.menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > div > .layout-menuitem-text { + font-size: 12px; + font-weight: 600; + text-transform: uppercase; +} +.menu-wrapper .layout-menu-container .layout-menu li .layout-menu-tooltip { + display: none; +} +.menu-wrapper .layout-menu-container .layout-menu li > a { + margin: 0px; + padding: 7px 20px 6px 8px; + 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; + font-size: 13px; + font-weight: 500; + border-radius: 0; + cursor: pointer; + user-select: none; + -moz-border-radius-topleft: 10px; + -webkit-border-top-left-radius: 10px; + border-top-left-radius: 10px; + -moz-border-radius-bottomleft: 10px; + -webkit-border-bottom-left-radius: 10px; + border-bottom-left-radius: 10px; +} +.menu-wrapper .layout-menu-container .layout-menu li > a .layout-menuitem-text { + margin: 0 11px; +} +.menu-wrapper .layout-menu-container .layout-menu li > a i { + font-size: 14px; +} +.menu-wrapper .layout-menu-container .layout-menu li > a i.layout-submenu-toggler { + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + margin-left: auto; + font-size: 14px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul { + display: block; + list-style-type: none; + padding: 0; + margin: 0; + padding-left: 19px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul li ul { + padding: 0 0 4px; + display: none; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul li ul li a { + border-radius: 0; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li { + padding: 0; + margin-top: 8px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li.layout-root-menuitem > a { + display: -ms-flexbox; + display: flex; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li.active-menuitem.layout-root-menuitem > a { + display: -ms-flexbox; + display: flex; + border-bottom-left-radius: 0; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li > div { + display: none; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li a { + padding-left: 20px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li a { + padding-left: 30px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li a { + padding-left: 40px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li ul li a { + padding-left: 50px; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li ul li ul li a { + padding-left: 60px; +} +.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; +} +.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; +} +.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; +} +.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; +} + +@media (min-width: 992px) { + .layout-overlay .menu-wrapper { + -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(-241px, 0px, 0px); + } + .layout-overlay.layout-overlay-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-overlay .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button { + display: -ms-flexbox; + display: flex; + } + + .layout-static .menu-wrapper { + transform: translate3d(-241px, 0px, 0px); + } + .layout-static .layout-main { + -moz-transition: margin-left 0.2s; + -o-transition: margin-left 0.2s; + -webkit-transition: margin-left 0.2s; + transition: margin-left 0.2s; + } + .layout-static.layout-static-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-static.layout-static-active .layout-main { + margin-left: 240px; + } + .layout-static .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button { + display: -ms-flexbox; + display: flex; + } +} +@media (max-width: 991px) { + .layout-wrapper .menu-wrapper { + top: 104px; + height: calc(100% - 104px); + -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(-260px, 0px, 0px); + } + .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 .layout-mask { + display: block; + } +} +@media (min-width: 993px) { + .layout-wrapper.layout-horizontal .menu-wrapper { + top: 56px; + width: 100%; + height: 44px; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container { + overflow: visible; + 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; + padding-bottom: 0px; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: row; + flex-direction: row; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu li a { + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + border-radius: 6px; + } + .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.active-menuitem > ul { + display: block; + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li { + padding: 0; + position: relative; + } + .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-right: 6px; + padding: 6px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + -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.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: 35px; + left: 0px; + width: 230px; + position: absolute; + padding: 8px 0; + margin: 0; + z-index: 100; + overflow: auto; + max-height: 450px; + -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; + -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); + -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); + } + .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li { + padding: 0px 8px; + border: 0 none; + } + .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button { + display: none; + } + .layout-wrapper.layout-horizontal .layout-main { + padding-top: 104px; + } +} +.layout-menu-dark .menu-wrapper { + background-color: #434B54; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #CDD2DB; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li a { + color: #E5E8EC; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li a i { + color: #E5E8EC; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li a:hover { + background-color: #4E565F; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #ffffff; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: #E5E8EC; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a i { + color: #E5E8EC; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: #676E77; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + background-color: #676E77; + color: #ffffff; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.layout-root-menuitem.active-menuitem { + background-color: #4E565F; +} +@media (min-width: 993px) { + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #434B54; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: #E5E8EC; + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: #676E77; + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem { + background-color: #434B54; + } + .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #ffffff; + } +} + +.layout-menu-dim .menu-wrapper { + background-color: #3C4962; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); +} +.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #CDD2DB; +} +.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li a { + color: #E5E8EC; +} +.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li a i { + color: #E5E8EC; +} +.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li a:hover { + background-color: #495771; +} +.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #ffffff; +} +.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: #E5E8EC; +} +.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li > ul li a i { + color: #E5E8EC; +} +.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: #59667D; +} +.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + background-color: #59667D; + color: #ffffff; +} +.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.layout-root-menuitem.active-menuitem { + background-color: #495771; +} +@media (min-width: 993px) { + .layout-menu-dim.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #42506b; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); + } + .layout-menu-dim.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: #E5E8EC; + } + .layout-menu-dim.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: #59667D; + } + .layout-menu-dim.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem { + background-color: #42506b; + } + .layout-menu-dim.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #ffffff; + } +} + +.layout-menu-light .menu-wrapper { + background-color: #FDFEFF; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #657380; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li a { + color: #515C66; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li a i { + color: #515C66; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li a:hover { + background-color: #e5e9f0; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a { + color: #282E33; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a { + color: #515C66; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a i { + color: #515C66; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover { + background-color: rgba(90, 101, 124, 0.2); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + background-color: rgba(90, 101, 124, 0.2); + color: #2e3440; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.layout-root-menuitem.active-menuitem { + background-color: #e5e9f0; +} +@media (min-width: 993px) { + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #FDFEFF; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a { + color: #515C66; + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover { + background-color: rgba(90, 101, 124, 0.2); + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem { + background-color: #FDFEFF; + } + .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a { + color: #282E33; + } +} + +.login-body { + background: linear-gradient(180deg, #525D72 0%, #69768D 100%); + color: #c3ccdd; + height: 100vh; +} +.login-body .login-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + 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-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-direction: column; + flex-direction: column; +} +.login-body .login-wrapper .login-panel .logo img { + height: 45px; +} +.login-body .login-wrapper .login-panel .login-form > p { + font-weight: 600; + margin: 0; + color: #c3ccdd; + margin-bottom: 32px; +} +.login-body .login-wrapper .login-panel .login-form > p > a { + color: #f4f7f9; + cursor: pointer; +} +.login-body .login-wrapper .login-panel .login-form > input { + width: 85%; + max-width: 310px; + margin-bottom: 20px; + background-color: #F6F9FE; + color: #515C66; +} +.login-body .login-wrapper .login-panel .login-form > input::placeholder { + color: #515C66; +} +.login-body .login-wrapper .login-panel .login-form > button { + width: 85%; + max-width: 310px; +} +.login-body .login-wrapper .login-panel p { + font-weight: 600; + margin: 0; + color: #c3ccdd; +} +.login-body .login-wrapper .login-panel p > a { + color: #f4f7f9; +} + +@media (max-width: 992px) { + .login-body .login-wrapper .login-panel { + width: 100%; + } +} +body.exception-body { + height: 100vh; +} +body.exception-body .exception-top { + height: 30%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body.exception-body .exception-top img { + width: 100px; + display: block; +} +body.exception-body .exception-bottom { + height: 70%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + flex-direction: column; +} +body.exception-body .exception-bottom .exception-wrapper { + padding: 50px; + text-align: center; + box-sizing: border-box; +} +body.exception-body .exception-bottom .exception-wrapper .exception-summary { + display: block; + color: #ffffff; + font-size: 36px; + font-weight: bold; + margin-bottom: 20px; +} +body.exception-body .exception-bottom .exception-wrapper .exception-detail { + display: block; + color: #ffffff; + margin-bottom: 50px; +} +body.exception-body .exception-bottom .exception-wrapper button { + width: 75%; + display: block; + margin: 0 auto 100px auto; +} +body.exception-body .exception-bottom .exception-wrapper .logo-icon { + height: 56px; + display: block; + margin: 0 auto 20px auto; +} +body.exception-body .exception-bottom .exception-wrapper .exception-footer { + color: #ffffff; +} +body.exception-body.error-page { + background: linear-gradient(0deg, #781919 0%, #CE5051 100%); +} +body.exception-body.error-page .exception-top { + background-color: #f0f3f5; +} +body.exception-body.access-page { + background: linear-gradient(0deg, #812038 0%, #f16383 100%); +} +body.exception-body.access-page .exception-top { + background-color: #f0f3f5; +} +body.exception-body.notfound-page { + background: linear-gradient(0deg, #006D6D 0%, #00ACAC 100%); +} +body.exception-body.notfound-page .exception-top { + background-color: #f0f3f5; +} +body.exception-body .ui-button { + background-color: #ffffff; + border-color: #ffffff; + color: #515C66; +} +body.exception-body .ui-button:enabled:hover { + background-color: #EDF4F7; + border-color: #EDF4F7; + color: #515C66; +} +body.exception-body .ui-button:enabled:active { + background-color: #DBE9EF; + border-color: #DBE9EF; + color: #515C66; +} +body.exception-body .ui-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DBE9EF; +} + +@media (max-width: 640px) { + body.exception-body .exception-bottom .exception-wrapper { + width: 100%; + } +} +.landing-wrapper { + background: #ffffff; +} +.landing-wrapper .landing-topbar { + height: 120px; + background: linear-gradient(180deg, #525D72 0%, #69768D 100%); + 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; +} +.landing-wrapper .landing-topbar #landing-menu-button { + display: none; + padding: 0 8px; + cursor: pointer; +} +.landing-wrapper .landing-topbar .logo { + padding: 0 120px; +} +.landing-wrapper .landing-topbar > ul { + list-style-type: none; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin: 0; + padding: 0; + padding-right: 120px; +} +.landing-wrapper .landing-topbar > ul > li #landing-menu-close { + display: none; +} +.landing-wrapper .landing-topbar > ul > li > a { + font-weight: 500; + letter-spacing: 0.08px; + color: #ffffff; + padding: 8px 16px; + margin: 0 6px; + border-radius: 5px; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.landing-wrapper .landing-topbar > ul > li > a:hover { + background-color: rgba(92, 172, 244, 0.3); + color: #ffffff; +} +.landing-wrapper .landing-banner { + background: linear-gradient(180deg, #69768D 0%, #ffffff 100%); + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + padding: 120px 120px 180px; +} +.landing-wrapper .landing-banner .landing-banner-content > h2 { + font-weight: 600; + margin: 0; + margin-bottom: 12px; + color: #ffffff; +} +.landing-wrapper .landing-banner .landing-banner-content > h2 > span { + color: #ffffff; +} +.landing-wrapper .landing-banner .landing-banner-content > h6 { + font-size: 15px; + font-weight: normal; + margin: 0; + margin-bottom: 24px; + color: #ffffff; + max-width: 480px; + line-height: 1.5; +} +.landing-wrapper .landing-banner .landing-banner-content > button { + padding: 8px 20px; +} +.landing-wrapper .landing-banner .landing-banner-content > button span { + padding: 0; + display: block; +} +.landing-wrapper .landing-banner .landing-banner-image { + text-align: right; +} +.landing-wrapper .landing-banner .landing-banner-image img { + width: 80%; + height: auto; + max-height: 400px; + opacity: 0.8; +} +.landing-wrapper .section-header { + display: -ms-flexbox; + display: flex; + flex-direction: column; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: center; + align-items: center; + text-align: center; + padding: 0 120px; +} +.landing-wrapper .section-header > h2 { + font-weight: 500; + margin: 0; + margin-bottom: 14px; + color: #2C3D57; +} +.landing-wrapper .section-header > h6 { + font-weight: normal; + margin: 0; + color: #2C3D57; + max-width: 480px; + line-height: 1.33; +} +.landing-wrapper .landing-features { + padding: 120px 0; +} +.landing-wrapper .landing-features .features-cards { + padding: 120px 120px 0; +} +.landing-wrapper .landing-features .features-cards .feature-card { + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + background-color: #ffffff; + padding: 24px 12px 36px; + text-align: left; + cursor: pointer; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.landing-wrapper .landing-features .features-cards .feature-card:hover { + transform: scale3d(1.02, 1.02, 1); +} +.landing-wrapper .landing-features .features-cards .feature-card h5 { + margin: 6px 0 12px; +} +.landing-wrapper .landing-features .features-cards .feature-card > img { + height: 100px; + width: auto; +} +.landing-wrapper .landing-features .features-cards .feature-card span { + line-height: 1.4; + display: block; +} +.landing-wrapper .landing-promo { + background: linear-gradient(360deg, #69768D 0%, #78849B 100%); + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + padding: 60px 120px; +} +.landing-wrapper .landing-promo .landing-promo-content > h2 { + font-weight: 600; + margin: 0; + margin-bottom: 14px; + color: #ffffff; + max-width: 650px; +} +.landing-wrapper .landing-promo .landing-promo-content > h2 > span { + color: #ffffff; +} +.landing-wrapper .landing-promo .landing-promo-content > h6 { + font-size: 15px; + font-weight: normal; + margin: 0; + margin-bottom: 14px; + color: #ffffff; + max-width: 480px; + line-height: 1.33; +} +.landing-wrapper .landing-promo .landing-promo-content > button { + padding: 8px 20px; +} +.landing-wrapper .landing-promo .landing-promo-content > button span { + padding: 0; + display: block; +} +.landing-wrapper .landing-promo .landing-promo-image { + text-align: right; +} +.landing-wrapper .landing-promo .landing-promo-image img { + width: 60%; + height: auto; + max-height: 400px; +} +.landing-wrapper .landing-testimonials { + padding: 120px 120px 60px; +} +.landing-wrapper .landing-testimonials .testimonials { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; +} +.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper { + overflow: hidden; + position: relative; + max-width: 100%; +} +.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .testimonials-content { + display: -ms-flexbox; + display: flex; + padding: 32px 0 0; + flex-direction: row; + transition: transform 1000ms ease 0s; + transform: translate3d(0px, 0px, 0px); +} +.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .testimonials-content .testimonial { + flex: 1 0 100vw; + -moz-transition: visibility 0.8s; + -o-transition: visibility 0.8s; + -webkit-transition: visibility 0.8s; + transition: visibility 0.8s; + -moz-transition: transform 1000ms ease 0s; + -o-transition: transform 1000ms ease 0s; + -webkit-transition: transform 1000ms ease 0s; + transition: transform 1000ms ease 0s; + max-width: 33%; +} +.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .testimonials-content .testimonial .testimonial-content { + opacity: 0.9; + margin: 0 6px; + position: relative; + height: 100%; + background-color: #ffffff; + padding: 65px 42px 66px; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + flex-direction: column; +} +.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .testimonials-content .testimonial .testimonial-content > span { + display: block; + font-size: 14px; + line-height: 1.5; + color: #2C3D57; + margin-bottom: 20px; + flex-grow: 1; +} +.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .testimonials-content .testimonial .testimonial-content > h5 { + font-weight: 500; + line-height: 1.2; + color: #2C3D57; + margin: 0; +} +.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .testimonials-content .testimonial .testimonial-content > h6 { + font-weight: 500; + line-height: 1.5; + color: #66768D; + margin: 0; +} +.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .link-points .points { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + padding-top: 36px; +} +.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .link-points .points .point { + width: 15px; + height: 15px; + background-color: #E6E9EF; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + margin: 3px; + cursor: pointer; +} +.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .link-points .points .point.active-point { + width: 19px; + height: 19px; + background-color: #2C3D57; +} +.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .link-points .points .point.mobile { + display: none; +} +.landing-wrapper .landing-pricing { + padding: 120px 0; +} +.landing-wrapper .landing-pricing .section-header { + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: center; + align-items: center; + text-align: center; +} +.landing-wrapper .landing-pricing .pricing-cards { + padding: 60px 120px; +} +.landing-wrapper .landing-pricing .pricing-cards .pricing-card { + margin: 12px; + height: auto; +} +.landing-wrapper .landing-contact { + padding: 60px 0 0; + background: linear-gradient(360deg, #69768D 0%, #ffffff 100%); +} +.landing-wrapper .landing-contact .section-header { + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: center; + align-items: center; + text-align: center; +} +.landing-wrapper .landing-contact .section-header > h2 { + color: #2C3D57; +} +.landing-wrapper .landing-contact .section-header > h6 { + color: #2C3D57; +} +.landing-wrapper .landing-contact .landing-contact-content { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + padding: 60px 180px; + position: relative; + text-align: center; +} +.landing-wrapper .landing-contact .landing-contact-content .landing-contact-form { + padding: 20px; +} +.landing-wrapper .landing-contact .landing-contact-content .landing-contact-form > h3 { + font-size: 16px; + color: #ffffff; + margin: 0; + font-weight: 500; + margin-bottom: 20px; +} +.landing-wrapper .landing-contact .landing-contact-content .landing-contact-form > input, +.landing-wrapper .landing-contact .landing-contact-content .landing-contact-form > textarea { + width: 100%; + margin-bottom: 16px; + border-radius: 4px; + border: 1px solid #CED4DA; + padding: 10px 12px; + background-color: #F6F9FE; + color: #515C66; +} +.landing-wrapper .landing-contact .landing-contact-content .landing-contact-form > input::placeholder, +.landing-wrapper .landing-contact .landing-contact-content .landing-contact-form > textarea::placeholder { + color: #515C66; +} +.landing-wrapper .landing-contact .landing-contact-content .landing-contact-form > button { + width: 100%; +} +.landing-wrapper .landing-footer { + background: linear-gradient(360deg, #525D72 0%, #69768D 100%); + padding: 21px 120px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.landing-wrapper .landing-footer > img { + height: 30px; + width: auto; +} +.landing-wrapper .landing-footer .social-icons { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.landing-wrapper .landing-footer .social-icons a { + color: #ffffff; + margin-left: 18px; + cursor: pointer; + padding: 6px; +} +.landing-wrapper .landing-footer .social-icons a i { + font-size: 22px; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} +.landing-wrapper .landing-footer .social-icons a:hover i { + color: #CED4DA; +} + +@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 .logo { + padding: 0 33px; + } + .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: 40px 20px; + z-index: 999; + width: 240px; + height: 100%; + background-color: #69768D; + 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: left; + display: block; + color: #ffffff; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li > a:hover { + background-color: rgba(92, 172, 244, 0.3); + color: #ffffff; + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li #landing-menu-close { + display: block; + font-size: 20px; + text-align: right; + color: #5cacf4; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; + } + .landing-body .landing-wrapper .landing-topbar .landing-menu > li #landing-menu-close:hover { + background-color: #69768D; + color: #ffffff; + } + .landing-body .landing-wrapper .landing-topbar #landing-menu-button { + display: block; + color: #ffffff; + font-size: 20px; + padding: 0 33px; + } + .landing-body .landing-wrapper .landing-banner { + padding: 120px 42px 180px; + } + .landing-body .landing-wrapper .landing-banner .landing-banner-content { + text-align: center; + width: 100%; + } + .landing-body .landing-wrapper .landing-banner .landing-banner-content h6 { + max-width: 100%; + } + .landing-body .landing-wrapper .landing-banner .landing-banner-image { + display: none; + } + .landing-body .landing-wrapper .landing-features { + padding: 42px 16px; + } + .landing-body .landing-wrapper .landing-features .features-cards { + padding: 0; + } + .landing-body .landing-wrapper .landing-features .features-cards .feature-card { + text-align: center; + margin: 30px 0; + } + .landing-body .landing-wrapper .landing-features .features-content { + padding: 0; + flex-direction: column; + } + .landing-body .landing-wrapper .landing-features .features-content img { + width: 100%; + } + .landing-body .landing-wrapper .landing-features .features-content ul li { + margin: 16px 0; + max-width: 400px; + } + .landing-body .landing-wrapper .landing-features .features-content ul li img { + width: 64px; + } + .landing-body .landing-wrapper .section-header { + padding: 0px; + } + .landing-body .landing-wrapper .landing-promo { + padding: 36px 42px 64px; + } + .landing-body .landing-wrapper .landing-promo .landing-promo-content { + text-align: center; + width: 100%; + } + .landing-body .landing-wrapper .landing-promo .landing-promo-content h6 { + max-width: 100%; + } + .landing-body .landing-wrapper .landing-promo .landing-promo-image { + display: none; + } + .landing-body .landing-wrapper .landing-pricing { + padding: 36px 42px 64px; + } + .landing-body .landing-wrapper .landing-pricing .pricing-cards { + padding: 0; + } + .landing-body .landing-wrapper .landing-testimonials { + padding: 36px 42px 64px; + } + .landing-body .landing-wrapper .landing-testimonials .testimonials { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + } + .landing-body .landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper { + overflow: hidden; + position: relative; + max-width: 100%; + } + .landing-body .landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .testimonials-content { + text-align: center; + padding: 0; + } + .landing-body .landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .testimonials-content .testimonial { + max-width: 100%; + } + .landing-body .landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .link-points .points .point.mobile { + display: -ms-flexbox; + display: flex; + } + .landing-body .landing-wrapper .landing-contact { + padding: 36px 42px 64px; + } + .landing-body .landing-wrapper .landing-contact .landing-contact-content { + padding: 0; + } + .landing-body .landing-wrapper .landing-contact .landing-contact-form { + width: 100%; + } + .landing-body .landing-wrapper .landing-footer { + padding: 18px 24px 64px; + } +} +.overview-box-1 { + height: 100%; +} +.overview-box-1 .card-header { + padding-bottom: 17px; +} +.overview-box-1 .card-header .header-buttons > a { + width: 20px; + height: 20px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + background-color: rgba(148, 154, 166, 0.1); + border: 1px solid transparent; +} +.overview-box-1 .card-header .header-buttons > a i { + color: #949aa6; + font-size: 12px; + width: 12px; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -o-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} +.overview-box-1 .card-header .header-buttons > a:hover { + border-color: #949aa6; +} +.overview-box-1 .overview-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 11px 4px 6px 0px; +} +.overview-box-1 .overview-content .overview-graph { + display: -ms-flexbox; + display: flex; + -ms-flex-align: end; + align-items: flex-end; +} +.overview-box-1 .overview-content .overview-graph > span { + width: 8px; + height: 12px; + display: block; + background-color: #2f8ee5; + margin-left: 4px; + border-radius: 1px; + opacity: 0.4; + cursor: pointer; + position: relative; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -webkit-transition: all 0.2s; + transition: all 0.2s; + z-index: 1; +} +.overview-box-1 .overview-content .overview-graph > span:last-child { + opacity: 1; +} +.overview-box-1 .overview-content .overview-graph > span > span { + font-size: 12px; + min-width: 6px; + position: absolute; + padding: 1px; + border-radius: 2px; + background-color: #E8F1F8; + top: -22px; + left: -4px; + display: none; + z-index: 2; +} +.overview-box-1 .overview-content .overview-graph > span:hover { + transform: scale3d(1.1, 1.1, 1); + opacity: 1; +} +.overview-box-1 .overview-content .overview-graph > span:hover .graph-tooltip { + display: block; +} +.overview-box-1 .overview-footer > span { + font-size: 13px; +} +.overview-box-1 .overview-footer > span i { + color: #00acac; +} +.overview-box-1 .overview-footer > span > span { + color: #00acac; + font-weight: 600; +} +.overview-box-1 .overview-footer.down > span i { + color: #f16383; +} +.overview-box-1 .overview-footer.down > span > span { + color: #f16383; +} +.overview-box-1.teal .overview-content .overview-graph > span { + background-color: #00acac; +} +.overview-box-1.orange .overview-content .overview-graph > span { + background-color: #f1b263; +} + +.overview-box-2 { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 32px 12px; +} +.overview-box-2.teal { + background-color: #02acac; +} +.overview-box-2.teal i { + color: #02acac; +} +.overview-box-2.orange { + background-color: #f1b263; +} +.overview-box-2.orange i { + color: #f1b263; +} +.overview-box-2.blue { + background-color: #2f8ee5; +} +.overview-box-2.blue i { + color: #2f8ee5; +} +.overview-box-2.pink { + background-color: #f16383; +} +.overview-box-2.pink i { + color: #f16383; +} +.overview-box-2 h6 { + opacity: 0.8; + color: #ffffff; + font-weight: normal; + margin: 0; +} +.overview-box-2 h3 { + margin: 2px 0 0; + font-weight: normal; + color: #ffffff; +} +.overview-box-2 i { + font-size: 42px; + width: 64px; + height: 64px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + background-color: #FDFEFF; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} + +.news { + padding: 0; + display: -ms-flexbox; + display: flex; +} +.news .news-content { + width: 100%; + padding: 12px 16px; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + flex-direction: column; +} +.news .news-content h5 { + font-weight: bold; + line-height: 1.5; + color: #515C66; + margin: 0 0 12px; +} +.news .news-content > span { + flex-grow: 1; + font-size: 13px; + line-height: 1.54; + color: #515C66; +} +.news .news-content .news-content-footer { + margin-top: 20px; +} +.news .news-content .news-content-footer > span { + display: block; + margin: 0 0 2px; + font-size: 13px; + line-height: 1.54; + font-weight: normal; + color: #515C66; +} +.news .news-content .news-content-footer > span > span { + font-weight: 600; +} +.news .news-content .news-content-footer > span > span.category { + color: #2c84d8; +} +.news .news-image { + width: 100%; + background-image: url("#{resource['poseidon-layout:images/pages/asset-news.png']}"); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + min-height: 320px; +} + +.likes { + overflow: auto; + height: 100%; +} +.likes .likes-chart { + padding: 12px 8px; + height: calc(100% - 25px); + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} + +.news-feed { + padding: 0 16px; +} +.news-feed .news-feed-card { + padding: 16px; + height: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + flex-direction: column; +} +.news-feed .news-feed-card > i { + font-size: 20px; + color: #ffffff; + width: 32px; + height: 32px; + border-radius: 4px; + background-color: #2c84d8; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.news-feed .news-feed-card .title { + display: block; + font-size: 13px; + font-weight: 600; + color: #515C66; + margin: 8px 0 4px; +} +.news-feed .news-feed-card .news-feed-desc { + display: block; + font-size: 13px; + line-height: 1.54; + color: #515C66; + flex-grow: 1; +} +.news-feed .news-feed-card a { + margin-top: 8px; + display: block; + font-size: 12px; + font-weight: 600; + color: #515C66; +} +.news-feed .news-feed-card a > i { + font-size: 13px; + margin-left: 2px; + vertical-align: middle; +} +.news-feed .news-feed-card a:hover { + text-decoration: underline; +} + +.timeline { + height: 100%; +} +.timeline > ul { + padding: 0; + margin: 10px 0 20px; + list-style: none; +} +.timeline > ul > li { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + margin-bottom: 32px; +} +.timeline > ul > li .time { + min-width: 70px; + opacity: 0.6; + font-size: 13px; + line-height: 1.54; + color: #515C66; + display: block; +} +.timeline > ul > li .event-icon { + position: relative; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.timeline > ul > li .event-icon::before { + content: ""; + width: 2px; + height: 100px; + background-color: #E8F1F8; + position: absolute; + top: 0; + display: block; +} +.timeline > ul > li .event-icon i { + z-index: 2; + width: 48px; + height: 48px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + margin: 0 12px; + font-size: 24px; + color: #FDFEFF; +} +.timeline > ul > li .event-content span { + display: block; + font-size: 13px; + line-height: 1.54; + color: #515C66; +} +.timeline > ul > li .event-content span.event-title { + font-weight: 600; + line-height: normal; +} +.timeline > ul > li:nth-child(1) i { + background-color: #02acac; +} +.timeline > ul > li:nth-child(2) i { + background-color: #f1b263; +} +.timeline > ul > li:nth-child(3) i { + background-color: #f1b263; +} +.timeline > ul > li:last-child { + margin-bottom: 0; +} +.timeline > ul > li:last-child .event-icon::before { + display: none; +} +.timeline > ul > li:last-child .event-icon i { + background-color: #2f8ee5; +} + +.chat { + height: 100%; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + flex-direction: column; +} +.chat .card-header { + padding: 8px 12px 6px; +} +.chat .chat-messages { + padding: 0 12px; + flex-grow: 1; +} +.chat .chat-message-row { + padding: 10px 0; +} +.chat .chat-message-row .chat-message { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.chat .chat-message-row .chat-message img { + width: 48px; + height: 48px; + border-radius: 6px; +} +.chat .chat-message-row .chat-message .chat-message-content { + padding: 13px 8px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); + border-radius: 6px; + background-color: #E8F1F8; + width: 100%; + margin-left: 8px; +} +.chat .chat-message-row .chat-message .chat-message-content span { + display: block; + font-size: 13px; + color: #515C66; +} +.chat .chat-message-row .chat-message-footer { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 4px 0 0; +} +.chat .chat-message-row .chat-message-footer h6 { + font-size: 14px; + font-weight: 600; + color: #515C66; + margin: 0; +} +.chat .chat-message-row .chat-message-footer span { + font-size: 13px; + color: #515C66; + opacity: 0.6; +} +.chat .chat-message-row.send .chat-message { + flex-direction: row-reverse; +} +.chat .chat-message-row.send .chat-message .chat-message-content { + margin-right: 8px; + margin-left: 0; + background-color: rgba(44, 132, 216, 0.6); +} +.chat .chat-message-row.send .chat-message .chat-message-content span { + display: block; + font-size: 13px; + color: #ffffff; +} +.chat .chat-message-row.send .chat-message-footer { + flex-direction: row-reverse; +} +.chat .chat-input { + border-top: 1px solid #E8F1F8; +} +.chat .chat-input > input { + width: 100%; + border-radius: 5px; + background-color: #FDFEFF; + border: none; + padding: 12px; +} + +.map { + padding: 0; + display: -ms-flexbox; + display: flex; +} +.map .map-image { + width: 70%; + background-image: url("#{resource['poseidon-layout:images/pages/asset-maps.png']}"); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; + min-height: 320px; +} +.map .map-content { + width: 30%; + display: -ms-flexbox; + display: flex; +} +.map .map-content .map-adjust { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + padding: 6px; + cursor: pointer; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.map .map-content .map-adjust i { + color: #657380; +} +.map .map-content .map-adjust:hover { + background-color: #E8F1F8; +} +.map .map-content > ul { + padding: 10px 0 0; + margin: 0; + border-left: 1px solid #E8F1F8; + width: 100%; + max-height: 330px; + overflow: auto; +} +.map .map-content > ul > li { + display: -ms-flexbox; + display: flex; + width: 100%; + padding: 8px 6px; + border-bottom: 1px solid #E8F1F8; +} +.map .map-content > ul > li > i { + font-size: 14px; + color: #2c84d8; + margin-right: 6px; + margin-top: 4px; +} +.map .map-content > ul > li .map-info span { + font-size: 13px; + font-weight: 600; + color: #515C66; +} +.map .map-content > ul > li .map-info span > span { + font-weight: normal; +} +.map .map-content > ul > li .map-info .time { + display: block; + font-size: 11px; + font-weight: 600; + color: #515C66; + opacity: 0.6; +} +.map .map-content > ul > li:last-child { + border: none; +} + +.profile { + height: 100%; + padding: 0; +} +.profile .profile-header { + background-image: url("#{resource['poseidon-layout:images/pages/asset-cover.png']}"); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + min-height: 120px; + position: relative; +} +.profile .profile-header img { + position: absolute; + bottom: -50%; + left: 50%; + margin-left: -60px; + width: 120px; + height: 120px; +} +.profile .profile-content { + padding: 66px 12px 24px; + text-align: center; +} +.profile .profile-content > h6 { + margin: 0; + font-weight: 600; + color: #515C66; +} +.profile .profile-content > span { + display: block; + font-size: 13px; + color: #515C66; + margin: 4px 0 30px; +} + +.pricing-card { + padding: 0 0px 24px; + text-align: center; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + background: #FDFEFF; +} +.pricing-card .pricing-header { + padding: 18px 12px; + border-bottom: 4px solid #2c84d8; + border-bottom: 4px solid var(--primary-dark-color, #2c84d8); +} +.pricing-card .pricing-header .price { + font-size: 24px; + color: #2c84d8; + color: var(--primary-dark-color, #2c84d8); + margin: 0; + margin-bottom: 6px; +} +.pricing-card .pricing-header > h5 { + letter-spacing: 0.58px; + color: #515C66; + margin: 0; + margin-bottom: 12px; +} +.pricing-card .pricing-header > span { + display: block; + font-size: 13px; + color: #515C66; +} +.pricing-card ul { + list-style-type: none; + padding: 0; + padding-bottom: 12px; +} +.pricing-card ul > li { + color: #515C66; + margin-bottom: 12px; + width: 100%; +} +.pricing-card ul > li > i { + color: #515C66; + margin-right: 8px; +} +.pricing-card ul > li.not-included { + opacity: 0.6; +} +.pricing-card.landing-pricing-card { + background: linear-gradient(360deg, #66768D 0%, #7A899F 100%); +} +.pricing-card.landing-pricing-card .pricing-header { + border-bottom: 4px solid #ffffff; +} +.pricing-card.landing-pricing-card .pricing-header .price { + color: #ffffff; +} +.pricing-card.landing-pricing-card .pricing-header > h5 { + color: #ffffff; +} +.pricing-card.landing-pricing-card .pricing-header > span { + color: #ffffff; +} +.pricing-card.landing-pricing-card ul > li { + color: #ffffff; +} +.pricing-card.landing-pricing-card ul > li > i { + color: #ffffff; +} +.pricing-card.landing-pricing-card.teal .pricing-header { + border-bottom: 4px solid #7EEBEB; +} +.pricing-card.landing-pricing-card.teal .pricing-header .price { + color: #7EEBEB; +} +.pricing-card.landing-pricing-card.orange .pricing-header { + border-bottom: 4px solid #FFDA9E; +} +.pricing-card.landing-pricing-card.orange .pricing-header .price { + color: #FFDA9E; +} + +.sale-graph { + overflow: auto; +} +.sale-graph .card-header { + margin-bottom: 13px; +} +.sale-graph .order-tabs { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: start; + justify-content: flex-start; +} +.sale-graph .order-tabs .order-tab { + cursor: pointer; + background-color: rgba(232, 241, 248, 0.3); + padding: 6px 18px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; +} +.sale-graph .order-tabs .order-tab:first-child { + margin-right: 18px; +} +.sale-graph .order-tabs .order-tab:hover { + background-color: rgba(232, 241, 248, 0.5); +} +.sale-graph .order-tabs .order-tab:hover h3 { + color: rgba(2, 172, 172, 0.6); +} +.sale-graph .order-tabs .order-tab.order-tab-active { + background-color: rgba(232, 241, 248, 0.7); +} +.sale-graph .order-tabs .order-tab.order-tab-active h3 { + color: #02acac; +} +.sale-graph .order-tabs .order-tab h6 { + color: #515C66; + font-weight: 600; + margin: 0; + margin-bottom: 2px; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} +.sale-graph .order-tabs .order-tab h3 { + color: #949aa6; + margin: 0; +} + +.product-list { + height: 100%; +} +.product-list .card-header { + margin-bottom: 12px; +} +.product-list > ul { + padding: 0; + margin: 0; + list-style-type: none; +} +.product-list > ul > li { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + margin-bottom: 12px; + padding: 6px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + cursor: pointer; +} +.product-list > ul > li:hover { + background-color: rgba(232, 241, 248, 0.7); +} +.product-list > ul > li .product { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.product-list > ul > li .product > img { + width: 72px; + height: 42px; + margin-right: 12px; +} +.product-list > ul > li .product .product-info > p { + margin: 0; + color: #515C66; +} +.product-list > ul > li .product .product-info > span { + display: block; + color: #657380; + font-size: 12px; + font-weight: normal; +} +.product-list > ul > li .product .product-info > span > span { + font-weight: 600; +} +.product-list > ul > li > i { + color: #00acac; +} +.product-list > ul > li > i.down { + color: #f16383; +} + +.sellers { + height: 100%; +} +.sellers > ul { + padding: 0; + margin: 0; + list-style-type: none; +} +.sellers > ul > li { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 5px 0; + margin-top: 6px; +} +.sellers > ul > li .seller { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.sellers > ul > li .seller > img { + width: 32px; + height: 32px; + margin: 0px; + margin-right: 12px; +} +.sellers > ul > li .seller > p { + color: #515C66; + margin: 0; + min-width: 105px; +} +.sellers > ul > li > span { + color: #657380; + font-size: 12px; + font-weight: 600; +} +.sellers > ul > li .ui-rating .ui-rating-star { + margin: 0; +} +.sellers > ul > li .ui-rating .ui-rating-star > a { + font-size: 14px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.sellers > ul > li .ui-rating .ui-rating-cancel { + display: none; +} +.sellers > ul > li .ui-button { + background-color: transparent; + border-color: rgba(101, 115, 128, 0.5); + color: #657380; +} +.sellers > ul > li .ui-button:hover { + background-color: #f3f9ff; +} + +.tasks { + height: 100%; +} +.tasks .card-header { + margin-bottom: 6px; +} +.tasks .task { + padding: 12px 0 0; + margin-bottom: 7px; +} +.tasks .task .task-info { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + margin-bottom: 8px; +} +.tasks .task .task-info .task-name { + color: #515C66; +} +.tasks .task .task-info .task-name span { + font-weight: 600; +} +.tasks .task .task-info i { + background-color: rgba(2, 172, 172, 0.2); + color: #02acac; + padding: 4px; + display: block; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; +} +.tasks .task .task-progress { + border-radius: 2px; + height: 4px; + background: #E8F1F8; +} +.tasks .task .task-progress > div { + border-radius: 2px; + height: 100%; +} +.tasks .task.task-1 .task-info i { + background-color: rgba(2, 172, 172, 0.2); + color: #02acac; +} +.tasks .task.task-1 .task-progress > div { + background: #02acac; + width: 45%; +} +.tasks .task.task-2 .task-info i { + background-color: rgba(2, 172, 172, 0.2); + color: #02acac; +} +.tasks .task.task-2 .task-progress > div { + background: #02acac; + width: 80%; +} +.tasks .task.task-3 .task-info i { + background-color: rgba(241, 178, 99, 0.2); + color: #f1b263; +} +.tasks .task.task-3 .task-progress > div { + background: #f1b263; + width: 30%; +} +.tasks .task.task-4 .task-info i { + background-color: rgba(241, 178, 99, 0.2); + color: #f1b263; +} +.tasks .task.task-4 .task-progress > div { + background: #f1b263; + width: 60%; +} +.tasks .task.task-5 .task-info i { + background-color: rgba(241, 99, 131, 0.2); + color: #f16383; +} +.tasks .task.task-5 .task-progress > div { + background: #f16383; + width: 20%; +} + +@media (max-width: 992px) { + .news { + flex-direction: column; + } + .news .news-content { + order: 2; + } + .news .news-image { + order: 1; + border-top-left-radius: 5px; + border-bottom-right-radius: 0; + } + + .map { + flex-direction: column; + } + .map .map-content { + order: 2; + width: 100%; + flex-direction: column; + } + .map .map-content .map-adjust i { + -webkit-transform: rotate(90deg); + -moz-transform: rotate(90deg); + -o-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + } + .map .map-image { + width: 100%; + order: 1; + border-top-left-radius: 5px; + border-top-right-radius: 5px; + border-bottom-left-radius: 0; + } +} +.layout-rtl .chat .chat-message-row .chat-message-content { + margin-right: 8px; + margin-left: 0px; +} +.layout-rtl .chat .chat-message-row.send .chat-message-content { + margin-right: 0px; + margin-left: 8px; +} +.layout-rtl .map .map-content > ul > li > i { + margin-right: 0px; + margin-left: 6px; +} +.layout-rtl .product-list > ul li .product > img { + margin-right: 0px; + margin-left: 12px; +} +.layout-rtl .product-list > ul li:hover { + background-color: #E8F1F8; +} + +html { + height: 100%; + font-size: 14px; +} + +body { + font-family: "Open Sans"; + font-size: 14px; + color: #515C66; + -webkit-font-smoothing: antialiased; + padding: 0; + margin: 0; + height: 100%; +} +body.main-body { + background: linear-gradient(99deg, #F6F9FE 0%, #E8F1F8 100%); +} +body a { + color: #2c84d8; + text-decoration: none; +} +body a:hover { + color: #4291dc; +} + +.layout-mask { + display: none; + position: fixed; + top: 0; + left: 0; + z-index: 997; + width: 100%; + height: 100%; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} + +.layout-wrapper .layout-main { + padding-top: 56px; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + min-height: 100vh; +} +.layout-wrapper .layout-main .layout-content { + padding: 32px; + padding-top: 12px; + flex: 1 1 0; +} + +.layout-ajax-loader-icon { + position: fixed; + right: 2rem; + bottom: 2rem; + font-size: 2rem; + color: #657380; + z-index: 999; +} + +@media (max-width: 992px) { + .layout-wrapper .layout-main { + padding-top: 104px; + } +} +.layout-footer { + box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); + background-color: #FDFEFF; + padding: 21px 32px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.layout-footer > img { + height: 30px; + width: auto; +} +.layout-footer .social-icons { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-footer .social-icons a { + color: #515C66; + margin-left: 18px; + cursor: pointer; + padding: 6px; +} +.layout-footer .social-icons a i { + font-size: 22px; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} +.layout-footer .social-icons a:hover i { + color: #2c84d8; +} + +.layout-config { + position: fixed; + padding: 0; + top: 0; + right: 0; + width: 250px; + z-index: 999; + height: 100%; + transform: translate3d(250px, 0px, 0px); + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + background-color: white; + 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); +} +.layout-config.layout-config-active { + transform: translate3d(0px, 0px, 0px); +} +.layout-config.layout-config-active .layout-config-content .layout-config-button i { + -webkit-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -o-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); +} +.layout-config .layout-config-content { + position: relative; + height: 100%; +} +.layout-config .layout-config-content > form { + height: 100%; +} +.layout-config .layout-config-content .layout-config-form { + overflow: auto; + overflow-x: hidden; +} +.layout-config .layout-config-content .layout-config-button { + display: block; + position: absolute; + width: 52px; + height: 52px; + line-height: 52px; + background-color: #2c84d8; + background-color: var(--primary-dark-color, #2c84d8); + text-align: center; + top: 230px; + left: -51px; + z-index: -1; + cursor: pointer; + color: #ffffff; + -moz-transition: background-color 0.2s; + -o-transition: background-color 0.2s; + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +.layout-config .layout-config-content .layout-config-button i { + font-size: 32px; + line-height: inherit; + cursor: pointer; + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -o-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + -moz-transition: transform 1s; + -o-transition: transform 1s; + -webkit-transition: transform 1s; + transition: transform 1s; +} +.layout-config .layout-config-content .layout-config-button:hover { + background-color: #2873D3; + background-color: var(--primary-color, #2873D3); +} +.layout-config .layout-config-content .layout-config-header { + padding: 18px 12px; + margin-bottom: 12px; + color: #ffffff; + background-image: linear-gradient(180deg, #2873D3 10%, #2c84d8 100%); + background-image: linear-gradient(180deg, var(--primary-dark-color, #2873D3) 10%, var(--primary-color, #2c84d8) 100%); +} +.layout-config .layout-config-content .layout-config-header > span { + font-size: 12px; + display: block; + color: #ffffff; + color: var(--primary-color-text, #ffffff); +} +.layout-config .layout-config-content .layout-config-section { + padding: 10px 12px; +} +.layout-config .layout-config-content .layout-config-section .section-name { + font-weight: 500; + font-size: 12px; + display: block; + color: #515C66; +} +.layout-config .layout-config-content .layout-config-section.dark { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-config .layout-config-content .layout-config-section.dark .section-name { + margin-right: 18px; +} +.layout-config .layout-config-content .layout-config-section.dark .ui-inputswitch .ui-inputswitch-on, +.layout-config .layout-config-content .layout-config-section.dark .ui-inputswitch .ui-inputswitch-off { + padding: 0; +} +.layout-config .layout-config-content .layout-config-section.colors .layout-config-colors { + padding: 0 10px; + margin-top: 3px; +} +.layout-config .layout-config-content .layout-config-section.colors .layout-config-colors .col-fixed { + padding: 0.5em; +} +.layout-config .layout-config-content .layout-config-section.options .layout-config-options { + margin-top: 3px; +} +.layout-config .layout-config-content .layout-config-section.options .layout-config-options .ui-selectoneradio { + width: 100%; + padding: 0 10px; +} +.layout-config .layout-config-content .layout-config-section.options .layout-config-options .ui-selectoneradio label { + font-size: 12px; + margin: 0; + margin-left: 6px; +} +.layout-config .layout-config-content .layout-config-section a { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-direction: column; + flex-direction: column; + overflow: hidden; + -moz-transition: transform 0.2s; + -o-transition: transform 0.2s; + -webkit-transition: transform 0.2s; + transition: transform 0.2s; + position: relative; + color: #515C66; + text-transform: capitalize; +} +.layout-config .layout-config-content .layout-config-section a:hover { + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -o-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); +} +.layout-config .layout-config-content .layout-config-section a.layout-config-option .layout-config-option-text { + margin-top: 0.2em; +} +.layout-config .layout-config-content .layout-config-section a.layout-config-option .layout-config-option-color { + width: 24px; + height: 24px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + position: relative; + overflow: hidden; + border: 1px solid rgba(0, 0, 0, 0.1); +} +.layout-config .layout-config-content .layout-config-section a.layout-config-option .layout-config-option-color .layout-config-option-accentcolor { + display: block; + width: 18px; + height: 28px; + position: absolute; + bottom: -10px; + right: -7px; + transform: rotate(45deg); +} +.layout-config .layout-config-content .layout-config-section a.layout-config-option .layout-config-option-check-mask { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.layout-config .layout-config-content .layout-config-section a.layout-config-option .layout-config-option-check-mask i { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 12px; + color: #2c84d8; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + background-color: #ffffff; + width: 16px; + height: 16px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + z-index: 1; +} + +.blocked-scroll-config { + overflow: hidden; +} + +.layout-rtl .layout-config { + right: auto; + left: 0; + transform: translate3d(-250px, 0px, 0px); +} +.layout-rtl .layout-config.layout-config-active { + transform: translate3d(0px, 0px, 0px); +} +.layout-rtl .layout-config.layout-config-active .layout-config-content .layout-config-button i { + -webkit-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -o-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); +} +.layout-rtl .layout-config .layout-config-content .layout-config-button { + left: auto; + right: -51px; +} +.layout-rtl .layout-config .layout-config-content .layout-config-section.dark .section-name { + margin-right: 0px; + margin-left: 18px; +} +.layout-rtl .layout-config .layout-config-content .layout-config-section.options .layout-config-options .ui-selectoneradio label { + margin-left: 0px; + margin-right: 6px; +} + +@media (max-width: 992px) { + .layout-config { + height: 100%; + width: 70vw; + transform: translate3d(70vw, 0px, 0px); + } + .layout-config.layout-config-active { + transform: translate3d(0px, 0px, 0px); + } + .layout-config .layout-config-button { + left: auto; + right: -52px; + } + + .layout-rtl .layout-config { + height: 100%; + width: 70vw; + transform: translate3d(-70vw, 0px, 0px); + } + .layout-rtl .layout-config.layout-config-active { + transform: translate3d(0px, 0px, 0px); + } +} +@media (max-width: 640px) { + .layout-config .ui-tabs.ui-tabs-top .ui-tabs-panels .grid { + -ms-flex-pack: center; + justify-content: center; + } + .layout-config .ui-tabs.ui-tabs-top .ui-tabs-panels .layout-config-palette .layout-config-selected-palette { + width: 60px; + height: 60px; + } +} +.help-page p { + margin: 0; +} +.help-page .help-search { + background: url("#{resource['poseidon-layout:images/pages/bg-help.jpg']}"); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + padding: 0; + text-align: center; +} +.help-page .help-search .help-search-content { + padding: 5rem 12rem; +} +.help-page .help-search .help-search-content h4 { + color: #ffffff; + 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: 2.5rem; + padding: 0.5rem; + width: 100%; +} +.help-page .help-search .search-container i { + color: #2c84d8; + width: 1rem; + position: absolute; + margin-left: 0.5rem; + 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: #02acac; + 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: #f16383; +} +.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 { + height: 150px; + border-radius: 4px; + margin: 3rem 2rem; + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +.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 { + position: absolute; + left: 20px; + top: 30px; +} +.help-page .blog-post .blog-text h1 { + font-size: 1.25rem; + color: #ffffff; + margin-bottom: 1rem; + font-weight: 700; +} +.help-page .blog-post .blog-text span { + color: #ffffff; + font-weight: 600; +} +.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%; +} +.help-page .blog-post:nth-child(1) { + background-image: url("#{resource['poseidon-layout:images/pages/help/blog1.jpg']}"); +} +.help-page .blog-post:nth-child(2) { + background-image: url("#{resource['poseidon-layout:images/pages/help/blog2.jpg']}"); +} +.help-page .blog-post:nth-child(3) { + background-image: url("#{resource['poseidon-layout:images/pages/help/blog3.jpg']}"); +} + +@media screen and (max-width: 991px) { + .help-page .help-search .help-search-content { + padding: 6rem 2rem; + } +} +.invoice { + padding: 2rem; +} +.invoice #printed-invoice-logo { + display: none; +} +.invoice .invoice-header { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; +} +.invoice .invoice-company .logo-image { + width: 120px; + margin-bottom: 0.5rem; +} +.invoice .invoice-company div { + margin-bottom: 0.5rem; +} +.invoice .invoice-company .company-name { + font-weight: 700; + font-size: 1.5rem; +} +.invoice .invoice-title { + font-size: 2rem; + margin-bottom: 2rem; + text-align: right; +} +.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: 700; +} +.invoice .invoice-details .invoice-value { + text-align: right; +} +.invoice .invoice-to { + margin-top: 1.5rem; + padding-top: 2rem; + border-top: 1px solid #E8F1F8; +} +.invoice .invoice-to .bill-to { + font-size: 1.25rem; + font-weight: 700; + 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 #E8F1F8; +} +.invoice .invoice-items table th { + font-weight: 700; +} +.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: 700; +} + +@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: #515C66; + } + + .invoice #printed-invoice-logo { + display: inline; + } + .invoice #invoice-logo { + display: none; + } + .invoice .invoice-to { + border-top: 1px solid #E8F1F8; + } + .invoice .invoice-items table tr { + border-bottom: 1px solid #E8F1F8; + } +} +@-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; +} + +.layout-breadcrumb { + background-color: transparent; + padding: 12px 32px; + display: -ms-flexbox; + display: flex; + align-items: center; + justify-content: space-between; +} +.layout-breadcrumb .breadcrumb { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.layout-breadcrumb .breadcrumb .route-bar-breadcrumb { + list-style: none; + display: -ms-flexbox; + display: flex; + justify-content: space-around; + align-items: center; + padding: 0; +} +.layout-breadcrumb .breadcrumb .route-bar-breadcrumb > li { + padding: 0; + padding-right: 12px; + font-size: 12px; + font-weight: normal; + color: #657380; + text-transform: uppercase; +} +.layout-breadcrumb .breadcrumb .route-bar-breadcrumb > li i { + font-size: 10px; +} +.layout-breadcrumb .breadcrumb .route-bar-breadcrumb > li .ui-link { + color: #515C66; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; + font-size: 12px; +} +.layout-breadcrumb .breadcrumb .route-bar-breadcrumb > li .ui-link:hover { + color: #2c84d8; +} + +@media (max-width: 992px) { + .layout-breadcrumb .breadcrumb { + width: 100%; + } +} +/* Add your customizations of layout here */ +/* Add your customizations of layout here */ diff --git a/src/main/webapp/resources/poseidon-layout/css/layout-light.scss b/src/main/webapp/resources/poseidon-layout/css/layout-light.scss new file mode 100644 index 0000000..8258db7 --- /dev/null +++ b/src/main/webapp/resources/poseidon-layout/css/layout-light.scss @@ -0,0 +1,6 @@ +$primaryColor:#2c84d8; +$primaryLightColor:#3B92E5; +$primaryTextColor:#ffffff; + +@import '../../sass/variables/layout/_layout_light'; +@import '../../sass/layout/_layout'; \ No newline at end of file diff --git a/src/main/webapp/resources/poseidon-layout/css/primeflex-v2.min.css b/src/main/webapp/resources/poseidon-layout/css/primeflex-v2.min.css new file mode 100644 index 0000000..1f4ccda --- /dev/null +++ b/src/main/webapp/resources/poseidon-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/webapp/resources/poseidon-layout/css/primeflex.min.css b/src/main/webapp/resources/poseidon-layout/css/primeflex.min.css new file mode 100644 index 0000000..bfe2752 --- /dev/null +++ b/src/main/webapp/resources/poseidon-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/webapp/resources/poseidon-layout/css/primeicons.css b/src/main/webapp/resources/poseidon-layout/css/primeicons.css new file mode 100644 index 0000000..a348c60 --- /dev/null +++ b/src/main/webapp/resources/poseidon-layout/css/primeicons.css @@ -0,0 +1,1017 @@ +@font-face { + font-family: 'primeicons'; + font-display: block; + src: url("#{resource['poseidon-layout:icons/primeicons.eot']}"); + src: url("#{resource['poseidon-layout:icons/primeicons.eot']}#iefix") format('embedded-opentype'), + url("#{resource['poseidon-layout:icons/primeicons.ttf']}") format('truetype'), + url("#{resource['poseidon-layout:icons/primeicons.woff']}") format('woff'), + url("#{resource['poseidon-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/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-300.eot b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-300.eot new file mode 100644 index 0000000..150910b Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-300.eot differ diff --git a/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-300.svg b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-300.svg new file mode 100644 index 0000000..c0a1c8c --- /dev/null +++ b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-300.svg @@ -0,0 +1,332 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-300.ttf b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-300.ttf new file mode 100644 index 0000000..ce9da53 Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-300.ttf differ diff --git a/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-300.woff b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-300.woff new file mode 100644 index 0000000..0f097ec Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-300.woff differ diff --git a/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-300.woff2 b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-300.woff2 new file mode 100644 index 0000000..d84f4fb Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-300.woff2 differ diff --git a/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-600.eot b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-600.eot new file mode 100644 index 0000000..078e134 Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-600.eot differ diff --git a/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-600.svg b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-600.svg new file mode 100644 index 0000000..410561e --- /dev/null +++ b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-600.svg @@ -0,0 +1,336 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-600.ttf b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-600.ttf new file mode 100644 index 0000000..c416212 Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-600.ttf differ diff --git a/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-600.woff b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-600.woff new file mode 100644 index 0000000..adaf3a1 Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-600.woff differ diff --git a/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-600.woff2 b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-600.woff2 new file mode 100644 index 0000000..2444919 Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-600.woff2 differ diff --git a/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-700.eot b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-700.eot new file mode 100644 index 0000000..cd63ec4 Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-700.eot differ diff --git a/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-700.svg b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-700.svg new file mode 100644 index 0000000..8e6b61a --- /dev/null +++ b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-700.svg @@ -0,0 +1,334 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-700.ttf b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-700.ttf new file mode 100644 index 0000000..885fb68 Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-700.ttf differ diff --git a/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-700.woff b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-700.woff new file mode 100644 index 0000000..46bbd75 Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-700.woff differ diff --git a/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-700.woff2 b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-700.woff2 new file mode 100644 index 0000000..c824c31 Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-700.woff2 differ diff --git a/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-regular.eot b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-regular.eot new file mode 100644 index 0000000..b411f2e Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-regular.eot differ diff --git a/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-regular.svg b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-regular.svg new file mode 100644 index 0000000..78eb653 --- /dev/null +++ b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-regular.svg @@ -0,0 +1,336 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-regular.ttf b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-regular.ttf new file mode 100644 index 0000000..0a0d483 Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-regular.ttf differ diff --git a/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-regular.woff b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-regular.woff new file mode 100644 index 0000000..efb8f0d Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-regular.woff differ diff --git a/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-regular.woff2 b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-regular.woff2 new file mode 100644 index 0000000..9b58220 Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/fonts/open-sans-v18-latin-ext_latin-regular.woff2 differ diff --git a/src/main/webapp/resources/poseidon-layout/icons/primeicons.eot b/src/main/webapp/resources/poseidon-layout/icons/primeicons.eot new file mode 100644 index 0000000..24df115 Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/icons/primeicons.eot differ diff --git a/src/main/webapp/resources/poseidon-layout/icons/primeicons.svg b/src/main/webapp/resources/poseidon-layout/icons/primeicons.svg new file mode 100644 index 0000000..c4e81e7 --- /dev/null +++ b/src/main/webapp/resources/poseidon-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/webapp/resources/poseidon-layout/icons/primeicons.ttf b/src/main/webapp/resources/poseidon-layout/icons/primeicons.ttf new file mode 100644 index 0000000..f428079 Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/icons/primeicons.ttf differ diff --git a/src/main/webapp/resources/poseidon-layout/icons/primeicons.woff b/src/main/webapp/resources/poseidon-layout/icons/primeicons.woff new file mode 100644 index 0000000..3d976cf Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/icons/primeicons.woff differ diff --git a/src/main/webapp/resources/poseidon-layout/images/avatar-profile.png b/src/main/webapp/resources/poseidon-layout/images/avatar-profile.png new file mode 100644 index 0000000..81e4fdd Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/images/avatar-profile.png differ diff --git a/src/main/webapp/resources/poseidon-layout/images/avatar.png b/src/main/webapp/resources/poseidon-layout/images/avatar.png new file mode 100644 index 0000000..623de30 Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/images/avatar.png differ diff --git a/src/main/webapp/resources/poseidon-layout/images/avatar1.png b/src/main/webapp/resources/poseidon-layout/images/avatar1.png new file mode 100644 index 0000000..c2c4cfd Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/images/avatar1.png differ diff --git a/src/main/webapp/resources/poseidon-layout/images/avatar2.png b/src/main/webapp/resources/poseidon-layout/images/avatar2.png new file mode 100644 index 0000000..888305a Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/images/avatar2.png differ diff --git a/src/main/webapp/resources/poseidon-layout/images/avatar3.png b/src/main/webapp/resources/poseidon-layout/images/avatar3.png new file mode 100644 index 0000000..fdf2491 Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/images/avatar3.png differ diff --git a/src/main/webapp/resources/poseidon-layout/images/avatar4.png b/src/main/webapp/resources/poseidon-layout/images/avatar4.png new file mode 100644 index 0000000..266e726 Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/images/avatar4.png differ diff --git a/src/main/webapp/resources/poseidon-layout/images/icon-404.png b/src/main/webapp/resources/poseidon-layout/images/icon-404.png new file mode 100644 index 0000000..a7aee1b Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/images/icon-404.png differ diff --git a/src/main/webapp/resources/poseidon-layout/images/icon-access.png b/src/main/webapp/resources/poseidon-layout/images/icon-access.png new file mode 100644 index 0000000..433403e Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/images/icon-access.png differ diff --git a/src/main/webapp/resources/poseidon-layout/images/icon-error.png b/src/main/webapp/resources/poseidon-layout/images/icon-error.png new file mode 100644 index 0000000..02c7780 Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/images/icon-error.png differ diff --git a/src/main/webapp/resources/poseidon-layout/images/landing/asset-hero-2.svg b/src/main/webapp/resources/poseidon-layout/images/landing/asset-hero-2.svg new file mode 100644 index 0000000..0847dd9 --- /dev/null +++ b/src/main/webapp/resources/poseidon-layout/images/landing/asset-hero-2.svg @@ -0,0 +1,51 @@ + + + undraw_progressive_app_m9ms + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/main/webapp/resources/poseidon-layout/images/landing/asset-hero.svg b/src/main/webapp/resources/poseidon-layout/images/landing/asset-hero.svg new file mode 100644 index 0000000..6c5befa --- /dev/null +++ b/src/main/webapp/resources/poseidon-layout/images/landing/asset-hero.svg @@ -0,0 +1,58 @@ + + + undraw_web_devices_ad58 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/main/webapp/resources/poseidon-layout/images/landing/code.svg b/src/main/webapp/resources/poseidon-layout/images/landing/code.svg new file mode 100644 index 0000000..6ec4339 --- /dev/null +++ b/src/main/webapp/resources/poseidon-layout/images/landing/code.svg @@ -0,0 +1,25 @@ + + + features + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/main/webapp/resources/poseidon-layout/images/landing/darkMode.svg b/src/main/webapp/resources/poseidon-layout/images/landing/darkMode.svg new file mode 100644 index 0000000..27d4d31 --- /dev/null +++ b/src/main/webapp/resources/poseidon-layout/images/landing/darkMode.svg @@ -0,0 +1,67 @@ + + + undraw_moonlight_5ksn + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/main/webapp/resources/poseidon-layout/images/landing/design.svg b/src/main/webapp/resources/poseidon-layout/images/landing/design.svg new file mode 100644 index 0000000..63fd730 --- /dev/null +++ b/src/main/webapp/resources/poseidon-layout/images/landing/design.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/main/webapp/resources/poseidon-layout/images/landing/documented.svg b/src/main/webapp/resources/poseidon-layout/images/landing/documented.svg new file mode 100644 index 0000000..bdde55a --- /dev/null +++ b/src/main/webapp/resources/poseidon-layout/images/landing/documented.svg @@ -0,0 +1,86 @@ + + + undraw_File_bundle_xl7g + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/main/webapp/resources/poseidon-layout/images/landing/features.svg b/src/main/webapp/resources/poseidon-layout/images/landing/features.svg new file mode 100644 index 0000000..0113c33 --- /dev/null +++ b/src/main/webapp/resources/poseidon-layout/images/landing/features.svg @@ -0,0 +1,27 @@ + + + undraw_static_website_0107 + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/main/webapp/resources/poseidon-layout/images/landing/hero.png b/src/main/webapp/resources/poseidon-layout/images/landing/hero.png new file mode 100644 index 0000000..10e25ff Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/images/landing/hero.png differ diff --git a/src/main/webapp/resources/poseidon-layout/images/landing/hero.svg b/src/main/webapp/resources/poseidon-layout/images/landing/hero.svg new file mode 100644 index 0000000..f355f24 --- /dev/null +++ b/src/main/webapp/resources/poseidon-layout/images/landing/hero.svg @@ -0,0 +1,128 @@ + + + undraw_website_setup_5hr2 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/main/webapp/resources/poseidon-layout/images/landing/responsive.svg b/src/main/webapp/resources/poseidon-layout/images/landing/responsive.svg new file mode 100644 index 0000000..88e9030 --- /dev/null +++ b/src/main/webapp/resources/poseidon-layout/images/landing/responsive.svg @@ -0,0 +1 @@ +progressive_app \ No newline at end of file diff --git a/src/main/webapp/resources/poseidon-layout/images/logo-poseidon-dark.png b/src/main/webapp/resources/poseidon-layout/images/logo-poseidon-dark.png new file mode 100644 index 0000000..a858b00 Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/images/logo-poseidon-dark.png differ diff --git a/src/main/webapp/resources/poseidon-layout/images/logo-poseidon-dark.svg b/src/main/webapp/resources/poseidon-layout/images/logo-poseidon-dark.svg new file mode 100644 index 0000000..8865067 --- /dev/null +++ b/src/main/webapp/resources/poseidon-layout/images/logo-poseidon-dark.svg @@ -0,0 +1,20 @@ + + + logo-poseidon + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/main/webapp/resources/poseidon-layout/images/logo-poseidon.png b/src/main/webapp/resources/poseidon-layout/images/logo-poseidon.png new file mode 100644 index 0000000..730f5b5 Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/images/logo-poseidon.png differ diff --git a/src/main/webapp/resources/poseidon-layout/images/logo.svg b/src/main/webapp/resources/poseidon-layout/images/logo.svg new file mode 100644 index 0000000..eaa22b9 --- /dev/null +++ b/src/main/webapp/resources/poseidon-layout/images/logo.svg @@ -0,0 +1,17 @@ + + + icon-poseidon + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/main/webapp/resources/poseidon-layout/images/pages/asset-cover.png b/src/main/webapp/resources/poseidon-layout/images/pages/asset-cover.png new file mode 100644 index 0000000..9add70d Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/images/pages/asset-cover.png differ diff --git a/src/main/webapp/resources/poseidon-layout/images/pages/asset-maps.png b/src/main/webapp/resources/poseidon-layout/images/pages/asset-maps.png new file mode 100644 index 0000000..20189b4 Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/images/pages/asset-maps.png differ diff --git a/src/main/webapp/resources/poseidon-layout/images/pages/asset-news.png b/src/main/webapp/resources/poseidon-layout/images/pages/asset-news.png new file mode 100644 index 0000000..bd96720 Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/images/pages/asset-news.png differ diff --git a/src/main/webapp/resources/poseidon-layout/images/pages/avatar-chat-1.png b/src/main/webapp/resources/poseidon-layout/images/pages/avatar-chat-1.png new file mode 100644 index 0000000..67cac13 Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/images/pages/avatar-chat-1.png differ diff --git a/src/main/webapp/resources/poseidon-layout/images/pages/avatar-chat-2.png b/src/main/webapp/resources/poseidon-layout/images/pages/avatar-chat-2.png new file mode 100644 index 0000000..5a5c6a1 Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/images/pages/avatar-chat-2.png differ diff --git a/src/main/webapp/resources/poseidon-layout/images/pages/avatar-profil.png b/src/main/webapp/resources/poseidon-layout/images/pages/avatar-profil.png new file mode 100644 index 0000000..ca28039 Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/images/pages/avatar-profil.png differ diff --git a/src/main/webapp/resources/poseidon-layout/images/pages/bg-help.jpg b/src/main/webapp/resources/poseidon-layout/images/pages/bg-help.jpg new file mode 100644 index 0000000..585d052 Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/images/pages/bg-help.jpg differ diff --git a/src/main/webapp/resources/poseidon-layout/images/pages/help/blog1.jpg b/src/main/webapp/resources/poseidon-layout/images/pages/help/blog1.jpg new file mode 100644 index 0000000..51bc68b Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/images/pages/help/blog1.jpg differ diff --git a/src/main/webapp/resources/poseidon-layout/images/pages/help/blog2.jpg b/src/main/webapp/resources/poseidon-layout/images/pages/help/blog2.jpg new file mode 100644 index 0000000..eddacda Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/images/pages/help/blog2.jpg differ diff --git a/src/main/webapp/resources/poseidon-layout/images/pages/help/blog3.jpg b/src/main/webapp/resources/poseidon-layout/images/pages/help/blog3.jpg new file mode 100644 index 0000000..b9e8eff Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/images/pages/help/blog3.jpg differ diff --git a/src/main/webapp/resources/poseidon-layout/js/layout.js b/src/main/webapp/resources/poseidon-layout/js/layout.js new file mode 100644 index 0000000..e79fac9 --- /dev/null +++ b/src/main/webapp/resources/poseidon-layout/js/layout.js @@ -0,0 +1,969 @@ +/** + * PrimeFaces Poseidon Layout + */ +PrimeFaces.widget.Poseidon = PrimeFaces.widget.BaseWidget.extend({ + + init: function(cfg) { + this._super(cfg); + this.wrapper = $(document.body).children('.layout-wrapper'); + var $this = this; + + $(function() { + $this._init(); + + if (!$this.wrapper.hasClass('layout-horizontal')) { + $this.restoreMenuState(); + } + }); + }, + + _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.menuContainer = this.menuWrapper.find('.layout-menu-container'); + this.menu = this.menuWrapper.find('.layout-menu'); + this.menuButton = this.topbar.find('.menu-button'); + this.menulinks = this.menu.find('a'); + + this.profileContainer = $('.layout-profile'); + this.profileButton = this.profileContainer.children('.layout-profile-button'); + this.profileMenu = this.profileContainer.children('.layout-profile-menu'); + + 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.configMenu = $('#layout-config'); + this.configMenuClose = this.configMenu.find('> .layout-config-content > .layout-config-close'); + + 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-overlay-active layout-mobile-active'); + $(document.body).removeClass('blocked-scroll'); + + if ($this.isHorizontal() ) { + $this.menu.find('.active-menuitem').removeClass('active-menuitem'); + $this.menuActive = false; + } + } + + if (!$this.profileMenuClick && ($this.isHorizontal())) { + $this.profileContainer.removeClass('layout-profile-active'); + } + + if (!$this.topbarItemClicked) { + $this.removeTopbarClassFromAllItems(null, 'active-topmenuitem', $this.topbarItems.filter('.active-topmenuitem')); + } + + if (!$this.rightpanelClicked) { + $this.wrapper.removeClass('layout-rightpanel-active'); + } + + if (!$this.configMenuClicked && $this.configMenu.hasClass('layout-config-active')) { + if (!$this.wrapper.hasClass('layout-mobile-active') && !$this.wrapper.hasClass('layout-overlay-active')) { + $(document.body).removeClass('blocked-scroll'); + } + $this.configMenu.removeClass('layout-config-active'); + } + + $this.topbarItemClicked = false; + $this.rightpanelClicked = false; + $this.menuClick = false; + $this.profileMenuClick = false; + $this.configMenuClicked = false; + }); + }, + + bindConfigEvents: function() { + var $this = this; + + this.configButton.off('click.config').on('click.config', function(e) { + $this.configMenuClicked = true; + + if ($this.configMenu.hasClass('layout-config-active')) { + $this.configMenu.removeClass('layout-config-active'); + $(document.body).removeClass('blocked-scroll'); + } + else { + $this.configMenu.addClass('layout-config-active'); + $(document.body).addClass('blocked-scroll'); + } + + e.preventDefault(); + }); + + this.configMenuClose.off('click.config').on('click.config', function(e) { + $this.configMenu.removeClass('layout-config-active'); + $this.configMenuClicked = true; + $(document.body).removeClass('blocked-scroll'); + e.preventDefault(); + }); + + this.configMenu.off('click.configMenu').on('click.configMenu', function() { + $this.configMenuClicked = true; + }); + }, + + bindMenuEvents: function() { + var $this = this; + + this.menuWrapper.off('click.menu').on('click.menu', function() { + if (!$this.profileMenuClick) { + $this.menuClick = true; + } + }); + + 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'); + } + } + else { + if ($this.isStatic()) { + $this.wrapper.toggleClass('layout-static-active'); + $this.saveStaticMenuState(); + } + else { + $this.wrapper.toggleClass('layout-overlay-active'); + } + } + + e.preventDefault(); + }); + + this.menulinks.off('click.menu').on('click.menu', function(e) { + var link = $(this), + item = link.parent(), + submenu = item.children('ul'); + horizontal = $this.isHorizontal(); + $this.menuClick = true; + + if ($this.isHorizontal() ) { + submenu.css('display',''); + + if (item.hasClass('active-menuitem')) { + if (submenu.length) { + item.removeClass('active-menuitem'); + e.preventDefault(); + } + + if (item.parent().is($this.jq)) { + $this.menuActive = false; + } + } + else { + if (submenu.length > 0) { + e.preventDefault(); + } + + item.siblings('.active-menuitem').removeClass('active-menuitem'); + item.addClass('active-menuitem'); + + if (item.parent().is($this.jq)) { + $this.menuActive = true; + } + } + } + else { + if(item.hasClass('active-menuitem')) { + if(submenu.length) { + item.removeClass('active-menuitem'); + + if(horizontal) { + if(item.parent().is($this.jq)) { + $this.menuActive = false; + } + item.removeClass('active-menuitem'); + } + else { + submenu.slideUp(function() { + item.removeClass('active-menuitem'); + }); + } + } + } + else { + if (horizontal) { + $this.deactivateItems(item.siblings()); + item.addClass('active-menuitem'); + $this.menuActive = true; + } + else { + $this.deactivateItems(item.siblings(), true); + var groupedItems = item.parent().closest('li'); + if (groupedItems && groupedItems.length > 0) { + $this.deactivateItems(groupedItems.siblings(), true); + } + $this.activate(item); + $.cookie('poseidon_menu_scroll_state', link.attr('href') + ',' + $this.menuContainer.scrollTop(), { path: '/' }); + } + } + } + + if(submenu.length) { + e.preventDefault(); + } + }); + + this.menu.find('ul').off('click.menu').on('click.menu', function() { + if ($this.isHorizontal()) { + $this.horizontalMenuClick = true; + } + }); + + this.profileButton.off('click.profile').on('click.profile', function (e) { + if (!$this.isHorizontal() ) { + $this.profileContainer.toggleClass('layout-profile-active'); + $this.profileMenu.slideToggle(); + } + else { + $this.profileMenuClick = true; + + if ($this.profileContainer.hasClass('layout-profile-active')) { + $this.profileMenu.addClass('fadeOutUp'); + + setTimeout(function () { + $this.profileContainer.removeClass('layout-profile-active'); + $this.profileMenu.removeClass('fadeOutUp'); + }, 150); + } + else { + $this.profileContainer.addClass('layout-profile-active'); + $this.profileMenu.addClass('fadeInDown'); + } + } + + e.preventDefault(); + }); + + this.menu.find('> li').on('mouseenter', function(e) { + if($this.isHorizontal() && $this.menuActive) { + var item = $(this); + + if(!item.hasClass('active-menuitem')) { + $this.menu.find('.active-menuitem').removeClass('active-menuitem'); + + if($this.menuActive) { + item.addClass('active-menuitem'); + } + } + } + }); + }, + + 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)); + }); + } + } + else { + item.find('.active-menuitem').each(function() { + var subItem = $(this); + $this.deactivate(subItem); + }); + } + } + else if(item.hasClass('active-menuitem')) { + $this.deactivate(item); + } + } + }, + + saveStaticMenuState: function() { + if(this.isHorizontal()) { + return; + } + + if (!this.wrapper.hasClass('layout-static-active')) + $.cookie('poseidon_menu_static', 'poseidon_menu_static', {path: '/'}); + else + $.removeCookie('poseidon_menu_static', {path: '/'}); + }, + + clearMenuState: function() { + $.removeCookie('poseidon_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 link = $('a[href^="' + this.cfg.pathname + '"]'); + var $this = this; + if (link.length) { + var menuitem = link.closest('li'); + var parentMenu = menuitem.closest('ul'); + + menuitem.addClass('active-menuitem'); + if (parentMenu.length) { + var parentMenuItem = parentMenu.closest('li'); + while (!parentMenuItem.hasClass('layout-root-menuitem')) { + parentMenuItem.addClass('active-menuitem'); + parentMenu.show(); + + parentMenu = parentMenuItem.closest('ul'); + if (!parentMenu.length) { + break; + } + + parentMenuItem = parentMenu.closest('li'); + } + + if (parentMenuItem.hasClass('layout-root-menuitem') && !parentMenuItem.closest('ul').hasClass('layout-menu')) { + parentMenuItem.addClass('active-menuitem'); + parentMenu.show(); + } + } + + setTimeout(function() { + $this.restoreScrollState(menuitem); + }, 100) + } + + var sidebarCookie = $.cookie('poseidon_menu_static'); + if (sidebarCookie) { + this.wrapper.removeClass('layout-static-active'); + } + }, + + restoreScrollState: function(menuitem) { + var scrollState = $.cookie('poseidon_menu_scroll_state'); + if (scrollState) { + var state = scrollState.split(','); + if (state[0].startsWith(this.cfg.pathname) || this.isScrolledIntoView(menuitem, state[1])) { + this.menuContainer.scrollTop(parseInt(state[1], 10)); + } + else { + this.scrollIntoView(menuitem.get(0)); + $.removeCookie('poseidon_menu_scroll_state', { path: '/' }); + } + } + else if (!this.isScrolledIntoView(menuitem, menuitem.scrollTop())){ + this.scrollIntoView(menuitem.get(0)); + } + }, + + scrollIntoView: function(elem) { + if (document.documentElement.scrollIntoView) { + elem.scrollIntoView({ block: "nearest", inline: 'start' }); + + var container = $('.layout-menu-container'); + var scrollTop = container.scrollTop(); + if (scrollTop > 0) { + container.scrollTop(scrollTop + parseFloat(this.topbar.height())); + } + } + }, + + isScrolledIntoView: function(elem, scrollTop) { + var viewBottom = parseInt(scrollTop, 10) + this.menuContainer.height(); + + var elemTop = elem.position().top; + var elemBottom = elemTop + elem.height(); + + return ((elemBottom <= viewBottom) && (elemTop >= scrollTop)); + }, + + 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(); + }, + isStatic: function() { + return this.wrapper.hasClass('layout-static') && !this.isMobile(); + } +}); + +PrimeFaces.PoseidonConfigurator = { + + 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)); + }, + + changeComponentsTheme: function(theme, darkMode) { + theme = this.getColor(theme, darkMode); + var library = 'primefaces-poseidon'; + 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)); + }, + + 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)); + }, + + changeMenuMode: function(menuMode) { + var wrapper = $(document.body).children('.layout-wrapper'); + switch (menuMode) { + case 'layout-static layout-static-active': + wrapper.addClass('layout-static layout-static-active').removeClass('layout-overlay layout-slim layout-horizontal layout-slim-plus'); + this.clearLayoutState(); + break; + + case 'layout-overlay': + wrapper.addClass('layout-overlay').removeClass('layout-static layout-slim layout-horizontal layout-slim-plus layout-static-active'); + this.clearLayoutState(); + break; + + case 'layout-horizontal': + wrapper.addClass('layout-horizontal').removeClass('layout-static layout-overlay layout-slim layout-slim-plus layout-static-active'); + this.clearLayoutState(); + break; + + default: + wrapper.addClass('layout-static').removeClass('layout-overlay layout-slim layout-horizontal layout-slim-plus '); + this.clearLayoutState(); + break; + } + }, + + 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)); + }, + + beforeResourceChange: function() { + PrimeFaces.ajax.RESOURCE = null; //prevent resource append + }, + + replaceLink: function(linkElement, href) { + PrimeFaces.ajax.RESOURCE = 'jakarta.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['redrawDoughnut']) { + window.redrawDoughnut(); + } + }, 1); + }); + } + }, + + getColor: function(name, darkMode) { + return name + '-' + darkMode; + }, + + isIE: function() { + return /(MSIE|Trident\/|Edge\/)/i.test(navigator.userAgent); + }, + + changeMenuToRTL: function() { + $('.layout-wrapper').toggleClass('layout-rtl'); + }, + + clearLayoutState: function() { + var menu = PF('PoseidonMenuWidget'); + + 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/webapp/resources/poseidon-layout/js/prism.js b/src/main/webapp/resources/poseidon-layout/js/prism.js new file mode 100644 index 0000000..4cbeb12 --- /dev/null +++ b/src/main/webapp/resources/poseidon-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 + + + + + + + + + + + + + + + + +
+
+ + #{cc.attrs.header} + Free + +
+ Preview + + Code + + + + + +
+
+
+ +
+ +
+ + +
+ 
#{cc.attrs.code}
+
+ +
+
+ + + \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-amber-dark/theme.css b/src/main/webapp/resources/primefaces-poseidon-amber-dark/theme.css new file mode 100644 index 0000000..554e9b9 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-amber-dark/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#434B54; + --surface-b:#2F363E; + --surface-c:rgba(78, 86, 95, 0.7); + --surface-d:#5B646D; + --surface-e:#434B54; + --surface-f:#434B54; + --text-color:#E6E8EB; + --text-color-secondary:#D0D3D7; + --primary-color:#E5B56E; + --primary-color-text:#363E47; + --font-family:Open Sans; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50:#e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#1e1e1e; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #F2CE8D; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#fefbf8; + --primary-100:#f9eddc; + --primary-200:#f4dfc1; + --primary-300:#efd1a5; + --primary-400:#eac38a; + --primary-500:#e5b56e; + --primary-600:#c39a5e; + --primary-700:#a07f4d; + --primary-800:#7e643d; + --primary-900:#5c482c; +} + +body .ui-button { + background: #E5B56E; + color: #363E47; + border: 1px solid #E5B56E; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #D49341; + border-color: #D49341; + color: #363E47; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #F2CE8D; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #B6742F; + border-color: #B6742F; + color: #363E47; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #E5B56E; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(229, 181, 110, 0.04); + color: #E5B56E; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(229, 181, 110, 0.16); + color: #E5B56E; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #D0D3D7; + border-color: #D0D3D7; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #D0D3D7; +} +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: #D0D3D7; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #E5B56E; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(229, 181, 110, 0.04); + color: #E5B56E; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(229, 181, 110, 0.16); + color: #E5B56E; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #D0D3D7; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #D0D3D7; +} +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: #D0D3D7; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + 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: #D0D3D7; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + border-color: #5B646D; + color: #E6E8EB; +} +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: #D0D3D7; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #E5B56E; + border-color: #E5B56E; + color: #363E47; +} +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: #363E47; +} +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: #D49341; + border-color: #D49341; + color: #363E47; +} +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: #363E47; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #E5B56E; + 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: #D49341; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #B6742F; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #434B54; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #E6E8EB; + color: #2F363E; +} +body .ui-speeddial-action:hover { + background: #D0D3D7; + color: #2F363E; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #F2CE8D; +} +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: #5B646D; + 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(78, 86, 95, 0.7); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #E5B56E; + color: #363E47; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #E5B56E; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #434B54; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #5B646D; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #D0D3D7; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #434B54; + color: #E6E8EB; + padding: 1rem 1rem; + border: 1px solid #5B646D; + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #363E47; + background: #E5B56E; + 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 #F2CE8D; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable thead th.ui-state-active { + background: #434B54; + color: #E5B56E; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E5B56E; +} +body .ui-datatable .ui-datatable-data > tr { + background: #434B54; + color: #E6E8EB; + 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 #5B646D; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(229, 181, 110, 0.7); + color: #363E47; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #363E47; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #363E47; +} +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: #434B54; + color: #E6E8EB; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #F2CE8D; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #F2CE8D; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #F2CE8D; +} +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: rgba(229, 181, 110, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #E5B56E; +} +body .ui-datatable tfoot td { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + 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: #434B54; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #394149; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(229, 181, 110, 0.7); + color: #363E47; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-columntoggler { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + background: #434B54; + border: 1px solid #5B646D; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #E6E8EB; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #5B646D; + } + 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 #5B646D; + } + 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: #434B54; + color: #D0D3D7; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #5B646D; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #5B646D; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(229, 181, 110, 0.7); +} +body .fc th { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #5B646D; +} +body .fc td.fc-widget-content { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; +} +body .fc td.fc-head-container { + border: 1px solid #5B646D; +} +body .fc .fc-row { + border-right: 1px solid #5B646D; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #D49341; + border: 1px solid #D49341; + color: #363E47; +} +body .fc .fc-divider { + background: #434B54; + border: 1px solid #5B646D; +} +body .fc .fc-toolbar .fc-button { + background: #E5B56E; + color: #363E47; + border: 1px solid #E5B56E; + 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: #D49341; + border-color: #D49341; + color: #363E47; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #F2CE8D; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #B6742F; + border-color: #B6742F; + color: #363E47; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(229, 181, 110, 0.7); + color: #363E47; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(219, 152, 53, 0.7); +} +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: #434B54; + border: solid #5B646D; + 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: #D0D3D7; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #F2CE8D; +} +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: #D0D3D7; +} +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: #D0D3D7; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(229, 181, 110, 0.7); + color: #363E47; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #F2CE8D; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #D0D3D7; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(229, 181, 110, 0.7); + color: #363E47; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(219, 152, 53, 0.7); +} +@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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-tagcloud a { + color: #E6E8EB; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(229, 181, 110, 0.7); + color: #363E47; +} + +body .timeline-frame { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #F2CE8D; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(229, 181, 110, 0.7); + color: #363E47; +} +body .vis-timeline { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .vis-timeline .vis-item { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .vis-timeline .vis-item .vis-item-content { + color: #E6E8EB; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(229, 181, 110, 0.7); + border-color: rgba(229, 181, 110, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #363E47; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #E6E8EB; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #F2CE8D; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(229, 181, 110, 0.7); + color: #363E47; +} +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: #E6E8EB; +} +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-tree-droppoint.ui-state-hover { + background: rgba(229, 181, 110, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #F2CE8D; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(229, 181, 110, 0.7); + color: #363E47; +} +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: #E6E8EB; +} +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: #434B54; +} +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: #D0D3D7; +} +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 rgba(229, 181, 110, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #434B54; + color: #D0D3D7; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + 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: #434B54; + color: #E6E8EB; + padding: 1rem 1rem; + border: 1px solid #5B646D; + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #363E47; + background: #E5B56E; + 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 #F2CE8D; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-treetable thead th.ui-state-active { + background: #434B54; + color: #E5B56E; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E5B56E; +} +body .ui-treetable .ui-treetable-data > tr { + background: #434B54; + color: #E6E8EB; + 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 #5B646D; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #F2CE8D; +} +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: #E6E8EB; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(229, 181, 110, 0.7); + color: #363E47; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #363E47; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #363E47; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #F2CE8D; +} +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: #363E47; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #363E47; +} +body .ui-treetable tfoot td { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + 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: #434B54; +} +body .ui-treetable .ui-column-resizer-helper { + background: #E5B56E; +} +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 #5B646D; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #5B646D; + color: #E6E8EB; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #E6E8EB; + -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: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + 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: #E6E8EB; + 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; +} +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: rgba(229, 181, 110, 0.7); + color: #363E47; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(229, 181, 110, 0.7); + color: #363E47; +} +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: #2F363E; + border: 1px solid #5B646D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #E5B56E; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #E5B56E; + outline: 0 none; + box-shadow: 0 0 0 1px #F2CE8D; +} +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: #D0D3D7; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #D0D3D7; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + 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 #F2CE8D; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #363E47; + background: rgba(229, 181, 110, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #E6E8EB; + background: rgba(78, 86, 95, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #5B646D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #5B646D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #5B646D; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #5B646D; + border-width: 2px; + background: #2F363E; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #E5B56E; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 2px #F2CE8D; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #E5B56E; + background: #E5B56E; + color: #363E47; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #D49341; +} +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: #5B646D; +} +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: #5B646D; +} +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: #E5B56E; +} +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: #D49341; +} + +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: #5B646D; + color: #E6E8EB; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #E6E8EB; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #434B54; + color: #E6E8EB; + font-weight: 600; + border: solid #5B646D; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #F2CE8D; +} +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 { + padding: 0; + color: #E6E8EB; + 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:hover { + background: rgba(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #F2CE8D; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(229, 181, 110, 0.7); + color: #363E47; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #E5B56E; + font-weight: 600; + 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(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(229, 181, 110, 0.7); + color: #363E47; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + background: #2F363E; + padding: 0.5rem 0.5rem; + border: 1px solid #5B646D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #E5B56E; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #E5B56E; + outline: 0 none; + box-shadow: 0 0 0 1px #F2CE8D; +} +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: 3px; + 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 #5B646D; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #E6E8EB; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #F2CE8D; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(229, 181, 110, 0.7); + color: #363E47; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #F2CE8D; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #F2CE8D; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + 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: #E5B56E; + outline: 0 none; + box-shadow: 0 0 0 1px #F2CE8D; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #D0D3D7; +} +body :-moz-placeholder { + color: #D0D3D7; + opacity: 1; +} +body ::-moz-placeholder { + color: #D0D3D7; + opacity: 1; +} +body :-ms-input-placeholder { + color: #D0D3D7; +} +body .p-field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #D0D3D7; +} +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: #E6E8EB; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #E6E8EB; +} +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: #D0D3D7; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #D0D3D7; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #E6E8EB; + background: #2F363E; + padding: 0.5rem 0.5rem; + border: 1px solid #5B646D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #E5B56E; +} +body .ui-inputfield.ui-state-focus { + border-color: #E5B56E; + outline: 0 none; + box-shadow: 0 0 0 1px #F2CE8D; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #5B646D; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #5B646D; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #5B646D; +} +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: #5B646D; + background: #434B54; + color: #D0D3D7; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #5B646D; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #434B54; + border-radius: 50%; + border: 2px solid #5B646D; + 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: #E5B56E; + outline: 0 none; + box-shadow: 0 0 0 1px #F2CE8D; +} +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: #E5B56E; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #E6E8EB; + border-color: #B6742F; + margin-left: 2px; +} + +body .keypad-popup { + background: #434B54; + color: #E6E8EB; + padding: 0; + border: 1px solid #5B646D; + margin: 0; + width: auto; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .keypad-popup button { + background: #434B54; + border: 1px solid #5B646D; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + border-color: #5B646D; + color: #E6E8EB; +} +body .keypad-popup button.ui-state-active { + background: #2F363E; + border-color: #5B646D; + color: #E6E8EB; +} +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: #E5B56E; + color: #363E47; + border: 1px solid #E5B56E; +} +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: #D49341; + border-color: #D49341; + color: #363E47; +} +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 #F2CE8D; +} +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: #B6742F; + border-color: #B6742F; + color: #363E47; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #5B646D; + 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: #434B54; + color: #E6E8EB; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #434B54; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(229, 181, 110, 0.7); + color: #363E47; +} + +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: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #5B646D; + border-width: 2px; + background: #2F363E; + 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: #E5B56E; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 2px #F2CE8D; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #E5B56E; + background: #E5B56E; + color: #363E47; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #D49341; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #363E47; +} +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: #5B646D; +} +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: #5B646D; +} +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: #E5B56E; +} +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: #D49341; +} + +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 #F2CE8D; +} +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 #F2CE8D; +} +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: #E6E8EB; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #D49341; +} +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: #E5B56E; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #363E47; +} + +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 #5B646D; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2F363E; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #D0D3D7; + 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: #E5B56E; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #E5B56E; + outline: 0 none; + box-shadow: 0 0 0 1px #F2CE8D; +} +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: #5B646D; + color: #E6E8EB; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #5B646D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #5B646D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #5B646D; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #434B54; + color: #E6E8EB; + 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: #D0D3D7; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #F2CE8D; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(229, 181, 110, 0.7); + color: #363E47; +} +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-group { + background: #434B54; + margin: 0; + padding: 0.75rem 1rem; + color: #E6E8EB; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #5B646D; + border-radius: 3px; + background: #434B54; +} +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: #434B54; + color: #E6E8EB; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #D0D3D7; +} +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: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +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: rgba(229, 181, 110, 0.7); + color: #363E47; +} +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 #F2CE8D; +} +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: #434B54; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #5B646D; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2F363E; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #D0D3D7; + 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: #E5B56E; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #E5B56E; + outline: 0 none; + box-shadow: 0 0 0 1px #F2CE8D; +} +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: #5B646D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #5B646D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #5B646D; +} +body .ui-selectonemenu-panel { + background: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #434B54; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #E6E8EB; + 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(229, 181, 110, 0.7); + color: #363E47; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #434B54; + margin: 0; + padding: 0.75rem 1rem; + color: #E6E8EB; +} + +body .ui-slider { + background: #5B646D; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #5B646D; + border: 2px solid #E5B56E; + 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: #E5B56E; + background: #E5B56E; +} +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: #E5B56E; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #5B646D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #434B54; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #F2CE8D; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #E5B56E; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #E6E8EB; +} + +body .ui-breadcrumb { + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #F2CE8D; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: #E6E8EB; +} +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: #E6E8EB; +} +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: #D0D3D7; + 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: #E6E8EB; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: 3px; + 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 #F2CE8D; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: #E6E8EB; +} +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: #E6E8EB; +} +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: #D0D3D7; + 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: #E6E8EB; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; +} +body .ui-menu.ui-shadow { + border: 1px solid #5B646D; + box-shadow: 0 2px 4px -1px rgba(0, 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: #434B54; + color: #E6E8EB; + 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: #E6E8EB; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #E6E8EB; +} +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(78, 86, 95, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #D0D3D7; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #D0D3D7; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(78, 86, 95, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +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: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #434B54; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 1px solid #5B646D; + box-shadow: 0 2px 4px -1px rgba(0, 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 #5B646D; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #434B54; + border-radius: 3px; +} +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: 3px; +} +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: #E6E8EB; + width: 100%; + border: 0 none; + background: #434B54; + 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: #434B54; + color: #E6E8EB; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #434B54; + 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 #5B646D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #5B646D; + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #434B54; + border: 1px solid #5B646D; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #E6E8EB; + 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(78, 86, 95, 0.7); +} +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: #E6E8EB; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #E6E8EB; + background: #434B54; + border: 1px solid #5B646D; + 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: #E6E8EB; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(229, 181, 110, 0.7); + color: #363E47; + border-color: rgba(229, 181, 110, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #E6E8EB; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #5B646D; + 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: #434B54; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #5B646D; + 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: #434B54; + color: #D0D3D7; + top: 0; + margin: 0; + border-bottom: 2px solid #5B646D; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #D0D3D7; + 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: #434B54; + border-color: #E5B56E; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #E6E8EB; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #E6E8EB; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #434B54; + border-color: #E5B56E; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #E5B56E; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #E5B56E; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #F2CE8D; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + color: #2B7AA4; + 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: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #F8D895; + border: 1px solid #A76927; + color: #A76927; + 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: #A76927; +} +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: #A76927; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + color: #AD342B; + 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: #AD342B; +} +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: #AD342B; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 3px; + color: #2B7AA4; +} +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: #2B7AA4; + 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: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 3px; + color: #A76927; +} +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: #A76927; + 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: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 3px; + color: #AD342B; +} +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: #AD342B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #F2CE8D; +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 6px; + color: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #9BF2F7; + color: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #83eff5; +} +body .ui-messages .ui-messages-warn { + background: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 6px; + color: #A76927; +} +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: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #F8D895; + color: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #f6cf7d; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 6px; + color: #AD342B; +} +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: #AD342B; +} +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: #FABD9A; + color: #AD342B; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #f9ad82; +} + +body .ui-avatar { + background-color: #5B646D; + border-radius: 3px; +} +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 #434B54; +} + +body .ui-badge { + background: #E5B56E; + color: #363E47; + 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: #5B646D; + color: #E6E8EB; + 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: 3px; + 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 #F2CE8D; +} + +body .ui-clock { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: 3px; + 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: #5B646D; + 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: #E5B56E; + color: #363E47; +} +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: rgba(229, 181, 110, 0.7); + color: #363E47; +} +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 #F2CE8D; +} +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 #F2CE8D; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #5B646D; + border-radius: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #434B54; + color: #E6E8EB; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #F2CE8D; +} +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: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #5B646D; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #E5B56E; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #E6E8EB; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(229, 181, 110, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(229, 181, 110, 0.772); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #363E47; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 3px; +} +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: #E5B56E; + color: #363E47; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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(67, 75, 84, 0); + border-bottom-color: #434B54; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(91, 100, 109, 0); + border-bottom-color: #5B646D; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #434B54; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #5B646D; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #5B646D; + border-radius: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #434B54; + color: #E6E8EB; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #F2CE8D; +} +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: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #E6E8EB; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #F2CE8D; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #434B54; + color: #E6E8EB; + padding: 0; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +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: #E5B56E; + color: #363E47; + 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: #D49341; + color: #363E47; +} +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: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #F2CE8D; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} + +body .ui-tooltip .ui-tooltip-text { + background: #5B646D; + color: #E6E8EB; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #5B646D; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #5B646D; + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + 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 #5B646D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #434B54; + border-color: #5B646D; + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #F2CE8D; +} +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-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #434B54; + color: #E6E8EB; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #D0D3D7; +} +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: rgba(229, 181, 110, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #434B54; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #5B646D; +} +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 #5B646D; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #F2CE8D; +} + +body .ui-notificationbar { + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #F2CE8D; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #2F363E; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #5B646D; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #5B646D; +} + +body .ui-splitter { + border: 1px solid #5B646D; + background: #434B54; + border-radius: 3px; + color: #E6E8EB; +} +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: #5B646D; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #5B646D; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #434B54; + 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: #434B54; + color: #D0D3D7; + 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: #D0D3D7; + 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: #434B54; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #E6E8EB; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #434B54; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #E5B56E; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #E5B56E; +} +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 #F2CE8D; +} +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: #434B54; + color: #E6E8EB; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #5B646D; + 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 #5B646D; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #E5B56E; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #E5B56E; +} +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 #5B646D; + 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 #5B646D; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #E5B56E; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #E5B56E; +} +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 #5B646D; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #5B646D; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #E5B56E; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #E5B56E; +} +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 #5B646D; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #E5B56E; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #E5B56E; +} +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: #434B54; + color: #D0D3D7; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} + +body .ui-toolbar { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #5B646D; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(229, 181, 110, 0.7); + color: #363E47; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-amber-dark/theme.scss b/src/main/webapp/resources/primefaces-poseidon-amber-dark/theme.scss new file mode 100644 index 0000000..493bba4 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-amber-dark/theme.scss @@ -0,0 +1,7 @@ +$primaryLightColor: #F2CE8D !default; +$primaryColor:#E5B56E !default; +$primaryDarkColor: #D49341 !default; +$primaryDarkerColor: #B6742F !default; +$primaryTextColor: #363E47 !default; + +@import '../sass/theme/_theme_dark'; \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-amber-dim/theme.css b/src/main/webapp/resources/primefaces-poseidon-amber-dim/theme.css new file mode 100644 index 0000000..ba1d5f3 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-amber-dim/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#3C4962; + --surface-b:#2B364C; + --surface-c:rgba(73, 87, 113, 0.7); + --surface-d:#65738D; + --surface-e:#3C4962; + --surface-f:#3C4962; + --text-color:#E5E8EC; + --text-color-secondary:#CDD2DB; + --primary-color:#E5B56E; + --primary-color-text:#363E47; + --font-family:Open Sans; + --surface-0: #17212f; + --surface-50: #2e3744; + --surface-100: #454d59; + --surface-200: #5d646d; + --surface-300: #747a82; + --surface-400: #8b9097; + --surface-500: #a2a6ac; + --surface-600: #b9bcc1; + --surface-700: #d1d3d5; + --surface-800: #e8e9ea; + --surface-900: #ffffff; + --gray-50:#e8e9ea; + --gray-100: #d1d3d5; + --gray-200: #b9bcc1; + --gray-300: #a2a6ac; + --gray-400: #8b9097; + --gray-500: #747a82; + --gray-600: #5d646d; + --gray-700: #454d59; + --gray-800: #2e3744; + --gray-900: #17212f; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#17212f; + --surface-section:#17212f; + --surface-card:#1f2d40; + --surface-overlay:#1f2d40; + --surface-border:#304562; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #F2CE8D; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#fefbf8; + --primary-100:#f9eddc; + --primary-200:#f4dfc1; + --primary-300:#efd1a5; + --primary-400:#eac38a; + --primary-500:#e5b56e; + --primary-600:#c39a5e; + --primary-700:#a07f4d; + --primary-800:#7e643d; + --primary-900:#5c482c; +} + +body .ui-button { + background: #E5B56E; + color: #363E47; + border: 1px solid #E5B56E; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #D49341; + border-color: #D49341; + color: #363E47; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #F2CE8D; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #B6742F; + border-color: #B6742F; + color: #363E47; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #E5B56E; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(229, 181, 110, 0.04); + color: #E5B56E; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(229, 181, 110, 0.16); + color: #E5B56E; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #CDD2DB; + border-color: #CDD2DB; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #CDD2DB; +} +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: #CDD2DB; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #E5B56E; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(229, 181, 110, 0.04); + color: #E5B56E; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(229, 181, 110, 0.16); + color: #E5B56E; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #CDD2DB; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #CDD2DB; +} +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: #CDD2DB; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + 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: #CDD2DB; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + border-color: #65738D; + color: #E5E8EC; +} +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: #CDD2DB; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #E5B56E; + border-color: #E5B56E; + color: #363E47; +} +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: #363E47; +} +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: #D49341; + border-color: #D49341; + color: #363E47; +} +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: #363E47; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #E5B56E; + 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: #D49341; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #B6742F; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #E5E8EC; + color: #2B364C; +} +body .ui-speeddial-action:hover { + background: #CDD2DB; + color: #2B364C; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #F2CE8D; +} +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: #65738D; + 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(73, 87, 113, 0.7); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #E5B56E; + color: #363E47; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #E5B56E; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #3C4962; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #65738D; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #CDD2DB; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; + padding: 1rem 1rem; + border: 1px solid #65738D; + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #363E47; + background: #E5B56E; + 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 #F2CE8D; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable thead th.ui-state-active { + background: #3C4962; + color: #E5B56E; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5B56E; +} +body .ui-datatable .ui-datatable-data > tr { + background: #3C4962; + color: #E5E8EC; + 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 #65738D; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(229, 181, 110, 0.7); + color: #363E47; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #363E47; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #363E47; +} +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: #3C4962; + color: #E5E8EC; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #F2CE8D; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #F2CE8D; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #F2CE8D; +} +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: rgba(229, 181, 110, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #E5B56E; +} +body .ui-datatable tfoot td { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + 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: #3C4962; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #344057; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(229, 181, 110, 0.7); + color: #363E47; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-columntoggler { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + background: #3C4962; + border: 1px solid #65738D; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #E5E8EC; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #65738D; + } + 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 #65738D; + } + 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: #3C4962; + color: #CDD2DB; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #65738D; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #65738D; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #65738D; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(229, 181, 110, 0.7); +} +body .fc th { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #65738D; +} +body .fc td.fc-widget-content { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; +} +body .fc td.fc-head-container { + border: 1px solid #65738D; +} +body .fc .fc-row { + border-right: 1px solid #65738D; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #D49341; + border: 1px solid #D49341; + color: #363E47; +} +body .fc .fc-divider { + background: #3C4962; + border: 1px solid #65738D; +} +body .fc .fc-toolbar .fc-button { + background: #E5B56E; + color: #363E47; + border: 1px solid #E5B56E; + 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: #D49341; + border-color: #D49341; + color: #363E47; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #F2CE8D; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #B6742F; + border-color: #B6742F; + color: #363E47; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(229, 181, 110, 0.7); + color: #363E47; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(219, 152, 53, 0.7); +} +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: #3C4962; + border: solid #65738D; + 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: #CDD2DB; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #F2CE8D; +} +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: #CDD2DB; +} +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: #CDD2DB; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(229, 181, 110, 0.7); + color: #363E47; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #F2CE8D; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #CDD2DB; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(229, 181, 110, 0.7); + color: #363E47; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(219, 152, 53, 0.7); +} +@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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-tagcloud a { + color: #E5E8EC; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(229, 181, 110, 0.7); + color: #363E47; +} + +body .timeline-frame { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #F2CE8D; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(229, 181, 110, 0.7); + color: #363E47; +} +body .vis-timeline { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .vis-timeline .vis-item { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .vis-timeline .vis-item .vis-item-content { + color: #E5E8EC; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(229, 181, 110, 0.7); + border-color: rgba(229, 181, 110, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #363E47; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #E5E8EC; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #F2CE8D; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(229, 181, 110, 0.7); + color: #363E47; +} +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: #E5E8EC; +} +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-tree-droppoint.ui-state-hover { + background: rgba(229, 181, 110, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #F2CE8D; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(229, 181, 110, 0.7); + color: #363E47; +} +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: #E5E8EC; +} +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: #3C4962; +} +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: #CDD2DB; +} +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 rgba(229, 181, 110, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #3C4962; + color: #CDD2DB; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + 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: #3C4962; + color: #E5E8EC; + padding: 1rem 1rem; + border: 1px solid #65738D; + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #363E47; + background: #E5B56E; + 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 #F2CE8D; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-treetable thead th.ui-state-active { + background: #3C4962; + color: #E5B56E; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5B56E; +} +body .ui-treetable .ui-treetable-data > tr { + background: #3C4962; + color: #E5E8EC; + 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 #65738D; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #F2CE8D; +} +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: #E5E8EC; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(229, 181, 110, 0.7); + color: #363E47; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #363E47; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #363E47; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #F2CE8D; +} +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: #363E47; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #363E47; +} +body .ui-treetable tfoot td { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + 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: #3C4962; +} +body .ui-treetable .ui-column-resizer-helper { + background: #E5B56E; +} +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 #65738D; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #65738D; + color: #E5E8EC; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #E5E8EC; + -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: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + 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: #E5E8EC; + 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; +} +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: rgba(229, 181, 110, 0.7); + color: #363E47; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(229, 181, 110, 0.7); + color: #363E47; +} +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: #2B364C; + border: 1px solid #65738D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #E5B56E; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #E5B56E; + outline: 0 none; + box-shadow: 0 0 0 1px #F2CE8D; +} +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: #CDD2DB; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #CDD2DB; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + 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 #F2CE8D; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #363E47; + background: rgba(229, 181, 110, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #E5E8EC; + background: rgba(73, 87, 113, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #65738D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #65738D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #65738D; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #65738D; + border-width: 2px; + background: #2B364C; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #E5B56E; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 2px #F2CE8D; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #E5B56E; + background: #E5B56E; + color: #363E47; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #D49341; +} +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: #65738D; +} +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: #65738D; +} +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: #E5B56E; +} +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: #D49341; +} + +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: #65738D; + color: #E5E8EC; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #E5E8EC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #3C4962; + color: #E5E8EC; + font-weight: 600; + border: solid #65738D; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #F2CE8D; +} +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 { + padding: 0; + color: #E5E8EC; + 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:hover { + background: rgba(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #F2CE8D; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(229, 181, 110, 0.7); + color: #363E47; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #E5B56E; + font-weight: 600; + 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(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(229, 181, 110, 0.7); + color: #363E47; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + background: #2B364C; + padding: 0.5rem 0.5rem; + border: 1px solid #65738D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #E5B56E; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #E5B56E; + outline: 0 none; + box-shadow: 0 0 0 1px #F2CE8D; +} +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: 3px; + 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 #65738D; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #E5E8EC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #F2CE8D; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(229, 181, 110, 0.7); + color: #363E47; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #F2CE8D; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #F2CE8D; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + 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: #E5B56E; + outline: 0 none; + box-shadow: 0 0 0 1px #F2CE8D; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #CDD2DB; +} +body :-moz-placeholder { + color: #CDD2DB; + opacity: 1; +} +body ::-moz-placeholder { + color: #CDD2DB; + opacity: 1; +} +body :-ms-input-placeholder { + color: #CDD2DB; +} +body .p-field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #CDD2DB; +} +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: #E5E8EC; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #E5E8EC; +} +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: #CDD2DB; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #CDD2DB; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #E5E8EC; + background: #2B364C; + padding: 0.5rem 0.5rem; + border: 1px solid #65738D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #E5B56E; +} +body .ui-inputfield.ui-state-focus { + border-color: #E5B56E; + outline: 0 none; + box-shadow: 0 0 0 1px #F2CE8D; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #65738D; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #65738D; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #65738D; +} +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: #65738D; + background: #3C4962; + color: #CDD2DB; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #65738D; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #3C4962; + border-radius: 50%; + border: 2px solid #65738D; + 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: #E5B56E; + outline: 0 none; + box-shadow: 0 0 0 1px #F2CE8D; +} +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: #E5B56E; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #E5E8EC; + border-color: #B6742F; + margin-left: 2px; +} + +body .keypad-popup { + background: #3C4962; + color: #E5E8EC; + padding: 0; + border: 1px solid #65738D; + margin: 0; + width: auto; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .keypad-popup button { + background: #3C4962; + border: 1px solid #65738D; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + border-color: #65738D; + color: #E5E8EC; +} +body .keypad-popup button.ui-state-active { + background: #2B364C; + border-color: #65738D; + color: #E5E8EC; +} +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: #E5B56E; + color: #363E47; + border: 1px solid #E5B56E; +} +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: #D49341; + border-color: #D49341; + color: #363E47; +} +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 #F2CE8D; +} +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: #B6742F; + border-color: #B6742F; + color: #363E47; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #65738D; + 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: #3C4962; + color: #E5E8EC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #3C4962; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(229, 181, 110, 0.7); + color: #363E47; +} + +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: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #65738D; + border-width: 2px; + background: #2B364C; + 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: #E5B56E; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 2px #F2CE8D; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #E5B56E; + background: #E5B56E; + color: #363E47; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #D49341; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #363E47; +} +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: #65738D; +} +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: #65738D; +} +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: #E5B56E; +} +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: #D49341; +} + +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 #F2CE8D; +} +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 #F2CE8D; +} +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: #E5E8EC; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #D49341; +} +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: #E5B56E; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #363E47; +} + +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 #65738D; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2B364C; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #CDD2DB; + 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: #E5B56E; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #E5B56E; + outline: 0 none; + box-shadow: 0 0 0 1px #F2CE8D; +} +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: #65738D; + color: #E5E8EC; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #65738D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #65738D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #65738D; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #3C4962; + color: #E5E8EC; + 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: #CDD2DB; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #F2CE8D; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(229, 181, 110, 0.7); + color: #363E47; +} +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-group { + background: #3C4962; + margin: 0; + padding: 0.75rem 1rem; + color: #E5E8EC; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #65738D; + border-radius: 3px; + background: #3C4962; +} +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: #3C4962; + color: #E5E8EC; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #CDD2DB; +} +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: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +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: rgba(229, 181, 110, 0.7); + color: #363E47; +} +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 #F2CE8D; +} +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: #3C4962; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #65738D; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2B364C; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #CDD2DB; + 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: #E5B56E; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #E5B56E; + outline: 0 none; + box-shadow: 0 0 0 1px #F2CE8D; +} +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: #65738D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #65738D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #65738D; +} +body .ui-selectonemenu-panel { + background: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #3C4962; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #E5E8EC; + 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(229, 181, 110, 0.7); + color: #363E47; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #3C4962; + margin: 0; + padding: 0.75rem 1rem; + color: #E5E8EC; +} + +body .ui-slider { + background: #65738D; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #65738D; + border: 2px solid #E5B56E; + 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: #E5B56E; + background: #E5B56E; +} +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: #E5B56E; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #65738D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #3C4962; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #F2CE8D; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #E5B56E; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #E5E8EC; +} + +body .ui-breadcrumb { + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #F2CE8D; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: #E5E8EC; +} +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: #E5E8EC; +} +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: #CDD2DB; + 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: #E5E8EC; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: 3px; + 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 #F2CE8D; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: #E5E8EC; +} +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: #E5E8EC; +} +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: #CDD2DB; + 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: #E5E8EC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; +} +body .ui-menu.ui-shadow { + border: 1px solid #65738D; + box-shadow: 0 2px 4px -1px rgba(0, 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: #3C4962; + color: #E5E8EC; + 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: #E5E8EC; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #E5E8EC; +} +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(73, 87, 113, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #CDD2DB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #CDD2DB; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(73, 87, 113, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +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: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #3C4962; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 1px solid #65738D; + box-shadow: 0 2px 4px -1px rgba(0, 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 #65738D; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #3C4962; + border-radius: 3px; +} +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: 3px; +} +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: #E5E8EC; + width: 100%; + border: 0 none; + background: #3C4962; + 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: #3C4962; + color: #E5E8EC; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #3C4962; + 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 #65738D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #65738D; + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #3C4962; + border: 1px solid #65738D; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #E5E8EC; + 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(73, 87, 113, 0.7); +} +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: #E5E8EC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #E5E8EC; + background: #3C4962; + border: 1px solid #65738D; + 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: #E5E8EC; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(229, 181, 110, 0.7); + color: #363E47; + border-color: rgba(229, 181, 110, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #E5E8EC; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #65738D; + 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: #3C4962; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #65738D; + 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: #3C4962; + color: #CDD2DB; + top: 0; + margin: 0; + border-bottom: 2px solid #65738D; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #CDD2DB; + 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: #3C4962; + border-color: #E5B56E; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #E5E8EC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #E5E8EC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #3C4962; + border-color: #E5B56E; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #E5B56E; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #E5B56E; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #F2CE8D; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + color: #2B7AA4; + 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: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #F8D895; + border: 1px solid #A76927; + color: #A76927; + 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: #A76927; +} +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: #A76927; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + color: #AD342B; + 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: #AD342B; +} +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: #AD342B; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 3px; + color: #2B7AA4; +} +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: #2B7AA4; + 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: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 3px; + color: #A76927; +} +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: #A76927; + 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: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 3px; + color: #AD342B; +} +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: #AD342B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #F2CE8D; +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 6px; + color: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #9BF2F7; + color: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #83eff5; +} +body .ui-messages .ui-messages-warn { + background: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 6px; + color: #A76927; +} +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: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #F8D895; + color: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #f6cf7d; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 6px; + color: #AD342B; +} +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: #AD342B; +} +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: #FABD9A; + color: #AD342B; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #f9ad82; +} + +body .ui-avatar { + background-color: #65738D; + border-radius: 3px; +} +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 #3C4962; +} + +body .ui-badge { + background: #E5B56E; + color: #363E47; + 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: #65738D; + color: #E5E8EC; + 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: 3px; + 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 #F2CE8D; +} + +body .ui-clock { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: 3px; + 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: #65738D; + 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: #E5B56E; + color: #363E47; +} +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: rgba(229, 181, 110, 0.7); + color: #363E47; +} +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 #F2CE8D; +} +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 #F2CE8D; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #65738D; + border-radius: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #3C4962; + color: #E5E8EC; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #F2CE8D; +} +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: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #65738D; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #E5B56E; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #E5E8EC; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(229, 181, 110, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(229, 181, 110, 0.772); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #363E47; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 3px; +} +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: #E5B56E; + color: #363E47; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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(60, 73, 98, 0); + border-bottom-color: #3C4962; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(101, 115, 141, 0); + border-bottom-color: #65738D; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #3C4962; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #65738D; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #65738D; + border-radius: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #3C4962; + color: #E5E8EC; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #F2CE8D; +} +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: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #E5E8EC; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #F2CE8D; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #3C4962; + color: #E5E8EC; + padding: 0; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +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: #E5B56E; + color: #363E47; + 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: #D49341; + color: #363E47; +} +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: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #F2CE8D; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} + +body .ui-tooltip .ui-tooltip-text { + background: #65738D; + color: #E5E8EC; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #65738D; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #65738D; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #65738D; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #65738D; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #65738D; + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + 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 #65738D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #3C4962; + border-color: #65738D; + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #F2CE8D; +} +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-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #3C4962; + color: #E5E8EC; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #CDD2DB; +} +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: rgba(229, 181, 110, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #3C4962; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #65738D; +} +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 #65738D; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #F2CE8D; +} + +body .ui-notificationbar { + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #F2CE8D; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #2B364C; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #65738D; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #65738D; +} + +body .ui-splitter { + border: 1px solid #65738D; + background: #3C4962; + border-radius: 3px; + color: #E5E8EC; +} +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: #65738D; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #65738D; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #3C4962; + 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: #3C4962; + color: #CDD2DB; + 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: #CDD2DB; + 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: #3C4962; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #E5E8EC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #3C4962; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #E5B56E; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #E5B56E; +} +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 #F2CE8D; +} +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: #3C4962; + color: #E5E8EC; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #65738D; + 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 #65738D; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #E5B56E; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #E5B56E; +} +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 #65738D; + 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 #65738D; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #E5B56E; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #E5B56E; +} +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 #65738D; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #65738D; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #E5B56E; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #E5B56E; +} +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 #65738D; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #E5B56E; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #E5B56E; +} +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: #3C4962; + color: #CDD2DB; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} + +body .ui-toolbar { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #65738D; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(229, 181, 110, 0.7); + color: #363E47; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-amber-dim/theme.scss b/src/main/webapp/resources/primefaces-poseidon-amber-dim/theme.scss new file mode 100644 index 0000000..7798c62 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-amber-dim/theme.scss @@ -0,0 +1,7 @@ +$primaryLightColor: #F2CE8D !default; +$primaryColor:#E5B56E !default; +$primaryDarkColor: #D49341 !default; +$primaryDarkerColor: #B6742F !default; +$primaryTextColor: #363E47 !default; + +@import '../sass/theme/_theme_dim'; \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-amber-light/theme.css b/src/main/webapp/resources/primefaces-poseidon-amber-light/theme.css new file mode 100644 index 0000000..8e53199 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-amber-light/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#FDFEFF; + --surface-b:#F6F9FE; + --surface-c:rgba(232, 241, 248, 0.7); + --surface-d:#E4E5E5; + --surface-e:#FDFEFF; + --surface-f:#FDFEFF; + --text-color:#515C66; + --text-color-secondary:#657380; + --primary-color:#D49341; + --primary-color-text:#f8fafc; + --font-family:Open Sans; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F5F5F5; + --surface-200: #EEEEEE; + --surface-300: #E0E0E0; + --surface-400: #BDBDBD; + --surface-500: #9E9E9E; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#f8f9fa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: #e9ecef; + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem #E5B56E; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#fdfaf6; + --primary-100:#f5e5d1; + --primary-200:#edd1ad; + --primary-300:#e4bc89; + --primary-400:#dca865; + --primary-500:#d49341; + --primary-600:#b47d37; + --primary-700:#94672e; + --primary-800:#755124; + --primary-900:#553b1a; +} + +body .ui-button { + background: #D49341; + color: #f8fafc; + border: 1px solid #D49341; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #B6742F; + border-color: #B6742F; + color: #f8fafc; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #E5B56E; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #985820; + border-color: #985820; + color: #f8fafc; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #D49341; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(212, 147, 65, 0.04); + color: #D49341; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(212, 147, 65, 0.16); + color: #D49341; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #657380; + border-color: #657380; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #657380; +} +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: #E4E5E5; + color: #657380; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #D49341; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(212, 147, 65, 0.04); + color: #D49341; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(212, 147, 65, 0.16); + color: #D49341; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #657380; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #657380; +} +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: #E4E5E5; + color: #657380; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #FDFEFF; + color: #515C66; + border: 1px solid #D7D8D9; + 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: #657380; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + border-color: #D7D8D9; + color: #515C66; +} +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: #657380; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #D49341; + border-color: #D49341; + color: #f8fafc; +} +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: #f8fafc; +} +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: #B6742F; + border-color: #B6742F; + color: #f8fafc; +} +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: #f8fafc; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #537f2d; + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #D49341; + 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: #B6742F; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #985820; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #F6F9FE; + color: #515C66; +} +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: #657380; +} +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: #515C66; + color: #fff; +} +body .ui-speeddial-action:hover { + background: #3B475F; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #E5B56E; +} +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(232, 241, 248, 0.7); + 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: #E4E5E5; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #D49341; + color: #f8fafc; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #D49341; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #FDFEFF; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #E4E5E5; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #D49341; + 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 #E5B56E; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable thead th.ui-state-active { + background: #F6F9FE; + color: #D49341; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #D49341; +} +body .ui-datatable .ui-datatable-data > tr { + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(212, 147, 65, 0.7); + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #f8fafc; +} +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: #FDFEFF; + color: #515C66; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #E5B56E; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #E5B56E; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #E5B56E; +} +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: rgba(212, 147, 65, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #D49341; +} +body .ui-datatable tfoot td { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + 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: #F6F9FE; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #fbfcfc; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(212, 147, 65, 0.7); + color: #f8fafc; +} +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-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: #FDFEFF; + border: 1px solid #D7D8D9; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #515C66; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #FDFEFF; + color: #515C66; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #E4E5E5; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(212, 147, 65, 0.7); +} +body .fc th { + background: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #E4E5E5; +} +body .fc td.fc-widget-content { + background: #FDFEFF; + border: 1px solid #E4E5E5; + color: #515C66; +} +body .fc td.fc-head-container { + border: 1px solid #E4E5E5; +} +body .fc .fc-row { + border-right: 1px solid #E4E5E5; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #B6742F; + border: 1px solid #B6742F; + color: #f8fafc; +} +body .fc .fc-divider { + background: #F6F9FE; + border: 1px solid #E4E5E5; +} +body .fc .fc-toolbar .fc-button { + background: #D49341; + color: #f8fafc; + border: 1px solid #D49341; + 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: #B6742F; + border-color: #B6742F; + color: #f8fafc; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #E5B56E; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #985820; + border-color: #985820; + color: #f8fafc; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(212, 147, 65, 0.7); + color: #f8fafc; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(181, 119, 41, 0.7); +} +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: #FDFEFF; + border: solid rgba(232, 241, 248, 0.7); + 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: #657380; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(232, 241, 248, 0.7); + color: #515C66; + 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 #E5B56E; +} +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: #657380; +} +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: #657380; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(212, 147, 65, 0.7); + color: #f8fafc; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + 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 #E5B56E; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #657380; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(212, 147, 65, 0.7); + color: #f8fafc; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(181, 119, 41, 0.7); +} +@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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-tagcloud a { + color: #515C66; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(212, 147, 65, 0.7); + color: #f8fafc; +} + +body .timeline-frame { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #E5B56E; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(212, 147, 65, 0.7); + color: #f8fafc; +} +body .vis-timeline { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .vis-timeline .vis-item { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .vis-timeline .vis-item .vis-item-content { + color: #515C66; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(212, 147, 65, 0.7); + border-color: rgba(212, 147, 65, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #f8fafc; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #515C66; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #E5B56E; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(212, 147, 65, 0.7); + color: #f8fafc; +} +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: #515C66; +} +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-tree-droppoint.ui-state-hover { + background: rgba(212, 147, 65, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #E5B56E; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(212, 147, 65, 0.7); + color: #f8fafc; +} +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: #515C66; +} +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: #FDFEFF; +} +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: #657380; +} +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 rgba(212, 147, 65, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #D49341; + 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 #E5B56E; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-treetable thead th.ui-state-active { + background: #F6F9FE; + color: #D49341; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #D49341; +} +body .ui-treetable .ui-treetable-data > tr { + background: #FDFEFF; + color: #515C66; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #E5B56E; +} +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: #515C66; +} +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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(212, 147, 65, 0.7); + color: #f8fafc; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #E5B56E; +} +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: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #f8fafc; +} +body .ui-treetable tfoot td { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + 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: #F6F9FE; +} +body .ui-treetable .ui-column-resizer-helper { + background: #D49341; +} +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(232, 241, 248, 0.7); +} +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 #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #E4E5E5; + color: #515C66; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #515C66; + -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: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 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: #515C66; + 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: #515C66; + 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: #FDFEFF; + color: #515C66; + 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: rgba(212, 147, 65, 0.7); + color: #f8fafc; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(212, 147, 65, 0.7); + color: #f8fafc; +} +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: #FDFEFF; + border: 1px solid #D7D8D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #D49341; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #D49341; + outline: 0 none; + box-shadow: 0 0 0 0.2em #E5B56E; +} +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: #657380; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #657380; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #FDFEFF; + border: 0 none; + border-radius: 3px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +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: #515C66; + 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 #E5B56E; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #f8fafc; + background: rgba(212, 147, 65, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #515C66; + background: rgba(232, 241, 248, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #F6F9FE; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #F6F9FE; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #D7D8D9; + border-width: 2px; + background: #FDFEFF; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #D49341; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 0.2em #E5B56E; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #D49341; + background: #D49341; + color: #f8fafc; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #B6742F; +} +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: #F6F9FE; +} +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: #F6F9FE; +} +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: #D49341; +} +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: #B6742F; +} + +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: #E4E5E5; + color: #515C66; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #515C66; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #FDFEFF; + border: 1px solid #D7D8D9; + color: #515C66; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #FDFEFF; + color: #515C66; + font-weight: 600; + border: solid #E4E5E5; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #E5B56E; +} +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 { + padding: 0; + color: #515C66; + 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:hover { + background: rgba(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #E5B56E; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(212, 147, 65, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #985820; + font-weight: 600; + 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(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(212, 147, 65, 0.7); + color: #f8fafc; + 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: #515C66; + background: #FDFEFF; + padding: 0.5rem 0.5rem; + border: 1px solid #D7D8D9; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #D49341; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #D49341; + outline: 0 none; + box-shadow: 0 0 0 0.2em #E5B56E; +} +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: 3px; + 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 #E4E5E5; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #515C66; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #E5B56E; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(212, 147, 65, 0.7); + color: #f8fafc; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #E5B56E; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #E5B56E; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + 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: #D49341; + outline: 0 none; + box-shadow: 0 0 0 0.2em #E5B56E; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #657380; +} +body :-moz-placeholder { + color: #657380; + opacity: 1; +} +body ::-moz-placeholder { + color: #657380; + opacity: 1; +} +body :-ms-input-placeholder { + color: #657380; +} +body .p-field small.ui-state-error { + color: #f44336; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #657380; +} +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: #515C66; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #515C66; +} +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: #657380; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #657380; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #515C66; + background: #FDFEFF; + padding: 0.5rem 0.5rem; + border: 1px solid #D7D8D9; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #D49341; +} +body .ui-inputfield.ui-state-focus { + border-color: #D49341; + outline: 0 none; + box-shadow: 0 0 0 0.2em #E5B56E; +} +body .ui-inputfield.ui-state-error { + border-color: #f44336; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #F6F9FE; +} +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: #D7D8D9; + background: rgba(232, 241, 248, 0.7); + color: #657380; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #E4E5E5; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #FDFEFF; + border-radius: 50%; + border: 2px solid #E4E5E5; + 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: #D49341; + outline: 0 none; + box-shadow: 0 0 0 0.2em #E5B56E; +} +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: #D49341; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #FDFEFF; + border-color: #985820; + margin-left: 2px; +} + +body .keypad-popup { + background: #FDFEFF; + color: #515C66; + 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: #FDFEFF; + border: 1px solid #D7D8D9; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #515C66; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: #ebebef; + border-color: #D7D8D9; + color: #515C66; +} +body .keypad-popup button.ui-state-active { + background: #985820; + border-color: #985820; + color: #FDFEFF; +} +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: #D49341; + color: #f8fafc; + border: 1px solid #D49341; +} +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: #B6742F; + border-color: #B6742F; + color: #f8fafc; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #E5B56E; +} +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: #985820; + border-color: #985820; + color: #f8fafc; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #D7D8D9; + 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: #F6F9FE; + color: #515C66; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #FDFEFF; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(212, 147, 65, 0.7); + color: #f8fafc; +} + +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: #FDFEFF; + color: #515C66; + 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: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #D7D8D9; + border-width: 2px; + background: #FDFEFF; + 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: #D49341; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 0.2em #E5B56E; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #D49341; + background: #D49341; + color: #f8fafc; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #B6742F; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #f8fafc; +} +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: #F6F9FE; +} +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: #F6F9FE; +} +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: #D49341; +} +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: #B6742F; +} + +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 #E5B56E; +} +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 #E5B56E; +} +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: #515C66; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #B6742F; +} +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: #D49341; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #f8fafc; +} + +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 #D7D8D9; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #FDFEFF; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #657380; + 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: #D49341; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #D49341; + outline: 0 none; + box-shadow: 0 0 0 0.2em #E5B56E; +} +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: #E4E5E5; + color: #515C66; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #F6F9FE; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #F6F9FE; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #F6F9FE; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #F6F9FE; + color: #515C66; + 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: #657380; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #E5B56E; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(212, 147, 65, 0.7); + color: #f8fafc; +} +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-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #515C66; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #D7D8D9; + border-radius: 3px; + background: #FDFEFF; +} +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: #F6F9FE; + color: #515C66; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #657380; +} +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: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +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: rgba(212, 147, 65, 0.7); + color: #f8fafc; +} +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 #E5B56E; +} +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: #FDFEFF; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #D7D8D9; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #FDFEFF; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #657380; + 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: #D49341; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #D49341; + outline: 0 none; + box-shadow: 0 0 0 0.2em #E5B56E; +} +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: #F6F9FE; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #F6F9FE; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #F6F9FE; +} +body .ui-selectonemenu-panel { + background: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #F6F9FE; + color: #515C66; +} +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: #657380; +} +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: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + color: #515C66; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #515C66; + 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: #FDFEFF; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(212, 147, 65, 0.7); + color: #f8fafc; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #515C66; +} + +body .ui-slider { + background: #E4E5E5; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #FDFEFF; + border: 2px solid #D49341; + 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: #D49341; + background: #D49341; +} +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: #D49341; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #E4E5E5; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #FDFEFF; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #E5B56E; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #D49341; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #FDFEFF; +} + +body .ui-breadcrumb { + background: #FDFEFF; + border: 1px solid #E4E5E5; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #E5B56E; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: #515C66; +} +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: #515C66; +} +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: #657380; + 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: #515C66; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: 3px; + 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 #E5B56E; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: #515C66; +} +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: #515C66; +} +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: #657380; + 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: #515C66; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #FDFEFF; + border: 1px solid #E4E5E5; + border-radius: 3px; +} +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: #515C66; + 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: #515C66; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #515C66; +} +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(232, 241, 248, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #657380; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #515C66; +} +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: #657380; +} +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: #657380; +} +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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(232, 241, 248, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +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: #515C66; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #FDFEFF; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 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 #E4E5E5; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #F6F9FE; + border-radius: 3px; +} +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: 3px; +} +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: #515C66; + 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: #515C66; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #F6F9FE; + 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 #E4E5E5; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #E4E5E5; + border-top: 0 none; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #E4E5E5; + background: #F6F9FE; + color: #515C66; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #FDFEFF; + border: 1px solid #E4E5E5; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #515C66; + 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(232, 241, 248, 0.7); +} +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: #515C66; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #515C66; +} +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: #657380; +} +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: #515C66; + background: #FDFEFF; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: #657380; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(212, 147, 65, 0.7); + color: #f8fafc; + border-color: rgba(212, 147, 65, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #515C66; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #E4E5E5; + 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: #FDFEFF; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #E4E5E5; + 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: #FDFEFF; + color: #657380; + top: 0; + margin: 0; + border-bottom: 2px solid #E4E5E5; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #657380; + 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: #FDFEFF; + border-color: #515C66; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #657380; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #657380; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #FDFEFF; + border-color: #D49341; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #D49341; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #D49341; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #E5B56E; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +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 #03A9F4; + color: #01579B; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #FFC107; + color: #7f6003; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + color: #B71C1C; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #03A9F4; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #FFC107; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #E5B56E; +} +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 #03A9F4; + border-width: 0 0 0 6px; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #FFC107; + border-width: 0 0 0 6px; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + border-width: 0 0 0 6px; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +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: #E4E5E5; + border-radius: 3px; +} +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 #FDFEFF; +} + +body .ui-badge { + background: #D49341; + color: #f8fafc; + 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: #E4E5E5; + color: #515C66; + 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: 3px; + 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 #E5B56E; +} + +body .ui-clock { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: #F6F9FE; + 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: #F6F9FE; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #F6F9FE; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 3px; + 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: #F6F9FE; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #F6F9FE; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(232, 241, 248, 0.7); + 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: #E4E5E5; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #D49341; + color: #f8fafc; +} +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: rgba(212, 147, 65, 0.7); + color: #f8fafc; +} +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: #F6F9FE; + 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: #F6F9FE; +} +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 #E5B56E; +} +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 #E5B56E; +} + +.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: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #FDFEFF; + color: #515C66; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #E5B56E; +} +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: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #efefef; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #D49341; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #515C66; + 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: #F6F9FE; +} + +body .ui-skeleton { + background-color: rgba(232, 241, 248, 0.7); + border-radius: 3px; +} +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: #D49341; + color: #f8fafc; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #FDFEFF; + color: #515C66; + border: 1px solid #E4E5E5; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #FDFEFF; + color: #515C66; + border: 0 none; + border-radius: 3px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +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(253, 254, 255, 0); + border-bottom-color: #FDFEFF; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(253, 254, 255, 0); + border-bottom-color: #FDFEFF; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #FDFEFF; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #FDFEFF; +} +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: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #FDFEFF; + color: #515C66; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #E5B56E; +} +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: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #FDFEFF; + color: #515C66; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #515C66; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #E5B56E; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #FDFEFF; + color: #515C66; + 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: 3px; +} +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: #D49341; + color: #f8fafc; + 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: #B6742F; + color: #f8fafc; +} +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: #FDFEFF; + color: #515C66; + padding: 1rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #E5B56E; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #252529; + color: #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: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #252529; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #252529; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #252529; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #252529; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #E4E5E5; + border-top: 0 none; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + 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 #E4E5E5; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #F6F9FE; + border-color: #E4E5E5; + color: #515C66; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #E5B56E; +} +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-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #FDFEFF; + color: #515C66; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #657380; +} +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: rgba(212, 147, 65, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #FDFEFF; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #E4E5E5; +} +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 #E4E5E5; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #515C66; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #E5B56E; +} + +body .ui-notificationbar { + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border: 1px solid #E4E5E5; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #E5B56E; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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 #E4E5E5; + background: #FDFEFF; + border-radius: 3px; + color: #515C66; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #F6F9FE; +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #E4E5E5; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #E4E5E5; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #FDFEFF; + 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: #FDFEFF; + color: #657380; + 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: #657380; + 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: #FDFEFF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #657380; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #657380; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #FDFEFF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #D49341; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #D49341; +} +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 #E5B56E; +} +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: #FDFEFF; + color: #515C66; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #E4E5E5; + 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 #E4E5E5; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #D49341; +} +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 #E4E5E5; + 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 #E4E5E5; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #D49341; +} +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 #E4E5E5; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #E4E5E5; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #D49341; +} +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 #E4E5E5; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #D49341; +} +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: #FDFEFF; + color: #657380; + 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(232, 241, 248, 0.7); + color: #515C66; +} + +body .ui-toolbar { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #E4E5E5; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(212, 147, 65, 0.7); + color: #f8fafc; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-amber-light/theme.scss b/src/main/webapp/resources/primefaces-poseidon-amber-light/theme.scss new file mode 100644 index 0000000..1ad0c49 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-amber-light/theme.scss @@ -0,0 +1,7 @@ +$primaryLightColor: #E5B56E !default; +$primaryColor:#D49341 !default; +$primaryDarkColor: #B6742F !default; +$primaryDarkerColor: #985820 !default; +$primaryTextColor: #f8fafc !default; + +@import '../sass/theme/_theme_light'; \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-amethyst-dark/theme.css b/src/main/webapp/resources/primefaces-poseidon-amethyst-dark/theme.css new file mode 100644 index 0000000..df40f22 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-amethyst-dark/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#434B54; + --surface-b:#2F363E; + --surface-c:rgba(78, 86, 95, 0.7); + --surface-d:#5B646D; + --surface-e:#434B54; + --surface-f:#434B54; + --text-color:#E6E8EB; + --text-color-secondary:#D0D3D7; + --primary-color:#AE77CA; + --primary-color-text:#f8fafc; + --font-family:Open Sans; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50:#e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#1e1e1e; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #CC9ADF; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#fbf8fc; + --primary-100:#ecdef2; + --primary-200:#dcc5e8; + --primary-300:#cdabde; + --primary-400:#bd91d4; + --primary-500:#ae77ca; + --primary-600:#9465ac; + --primary-700:#7a538d; + --primary-800:#60416f; + --primary-900:#463051; +} + +body .ui-button { + background: #AE77CA; + color: #f8fafc; + border: 1px solid #AE77CA; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #8A56AD; + border-color: #8A56AD; + color: #f8fafc; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #CC9ADF; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #693B91; + border-color: #693B91; + color: #f8fafc; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #AE77CA; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(174, 119, 202, 0.04); + color: #AE77CA; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(174, 119, 202, 0.16); + color: #AE77CA; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #D0D3D7; + border-color: #D0D3D7; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #D0D3D7; +} +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: #D0D3D7; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #AE77CA; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(174, 119, 202, 0.04); + color: #AE77CA; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(174, 119, 202, 0.16); + color: #AE77CA; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #D0D3D7; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #D0D3D7; +} +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: #D0D3D7; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + 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: #D0D3D7; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + border-color: #5B646D; + color: #E6E8EB; +} +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: #D0D3D7; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #AE77CA; + border-color: #AE77CA; + color: #f8fafc; +} +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: #f8fafc; +} +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: #8A56AD; + border-color: #8A56AD; + color: #f8fafc; +} +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: #f8fafc; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #AE77CA; + 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: #8A56AD; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #693B91; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #434B54; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #E6E8EB; + color: #2F363E; +} +body .ui-speeddial-action:hover { + background: #D0D3D7; + color: #2F363E; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #CC9ADF; +} +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: #5B646D; + 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(78, 86, 95, 0.7); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #AE77CA; + color: #f8fafc; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #AE77CA; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #434B54; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #5B646D; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #D0D3D7; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #434B54; + color: #E6E8EB; + padding: 1rem 1rem; + border: 1px solid #5B646D; + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #AE77CA; + 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 #CC9ADF; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable thead th.ui-state-active { + background: #434B54; + color: #AE77CA; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #AE77CA; +} +body .ui-datatable .ui-datatable-data > tr { + background: #434B54; + color: #E6E8EB; + 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 #5B646D; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #f8fafc; +} +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: #434B54; + color: #E6E8EB; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #CC9ADF; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #CC9ADF; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #CC9ADF; +} +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: rgba(174, 119, 202, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #AE77CA; +} +body .ui-datatable tfoot td { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + 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: #434B54; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #394149; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-columntoggler { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + background: #434B54; + border: 1px solid #5B646D; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #E6E8EB; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #5B646D; + } + 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 #5B646D; + } + 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: #434B54; + color: #D0D3D7; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #5B646D; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #5B646D; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(174, 119, 202, 0.7); +} +body .fc th { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #5B646D; +} +body .fc td.fc-widget-content { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; +} +body .fc td.fc-head-container { + border: 1px solid #5B646D; +} +body .fc .fc-row { + border-right: 1px solid #5B646D; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #8A56AD; + border: 1px solid #8A56AD; + color: #f8fafc; +} +body .fc .fc-divider { + background: #434B54; + border: 1px solid #5B646D; +} +body .fc .fc-toolbar .fc-button { + background: #AE77CA; + color: #f8fafc; + border: 1px solid #AE77CA; + 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: #8A56AD; + border-color: #8A56AD; + color: #f8fafc; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #CC9ADF; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #693B91; + border-color: #693B91; + color: #f8fafc; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(146, 73, 184, 0.7); +} +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: #434B54; + border: solid #5B646D; + 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: #D0D3D7; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #CC9ADF; +} +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: #D0D3D7; +} +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: #D0D3D7; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(174, 119, 202, 0.7); + color: #f8fafc; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #CC9ADF; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #D0D3D7; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(146, 73, 184, 0.7); +} +@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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-tagcloud a { + color: #E6E8EB; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; +} + +body .timeline-frame { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #CC9ADF; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; +} +body .vis-timeline { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .vis-timeline .vis-item { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .vis-timeline .vis-item .vis-item-content { + color: #E6E8EB; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(174, 119, 202, 0.7); + border-color: rgba(174, 119, 202, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #f8fafc; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #E6E8EB; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #CC9ADF; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; +} +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: #E6E8EB; +} +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-tree-droppoint.ui-state-hover { + background: rgba(174, 119, 202, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #CC9ADF; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; +} +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: #E6E8EB; +} +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: #434B54; +} +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: #D0D3D7; +} +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 rgba(174, 119, 202, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #434B54; + color: #D0D3D7; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + 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: #434B54; + color: #E6E8EB; + padding: 1rem 1rem; + border: 1px solid #5B646D; + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #AE77CA; + 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 #CC9ADF; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-treetable thead th.ui-state-active { + background: #434B54; + color: #AE77CA; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #AE77CA; +} +body .ui-treetable .ui-treetable-data > tr { + background: #434B54; + color: #E6E8EB; + 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 #5B646D; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #CC9ADF; +} +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: #E6E8EB; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #CC9ADF; +} +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: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #f8fafc; +} +body .ui-treetable tfoot td { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + 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: #434B54; +} +body .ui-treetable .ui-column-resizer-helper { + background: #AE77CA; +} +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 #5B646D; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #5B646D; + color: #E6E8EB; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #E6E8EB; + -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: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + 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: #E6E8EB; + 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; +} +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: rgba(174, 119, 202, 0.7); + color: #f8fafc; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; +} +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: #2F363E; + border: 1px solid #5B646D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #AE77CA; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #AE77CA; + outline: 0 none; + box-shadow: 0 0 0 1px #CC9ADF; +} +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: #D0D3D7; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #D0D3D7; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + 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 #CC9ADF; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #f8fafc; + background: rgba(174, 119, 202, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #E6E8EB; + background: rgba(78, 86, 95, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #5B646D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #5B646D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #5B646D; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #5B646D; + border-width: 2px; + background: #2F363E; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #AE77CA; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 2px #CC9ADF; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #AE77CA; + background: #AE77CA; + color: #f8fafc; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #8A56AD; +} +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: #5B646D; +} +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: #5B646D; +} +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: #AE77CA; +} +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: #8A56AD; +} + +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: #5B646D; + color: #E6E8EB; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #E6E8EB; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #434B54; + color: #E6E8EB; + font-weight: 600; + border: solid #5B646D; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #CC9ADF; +} +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 { + padding: 0; + color: #E6E8EB; + 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:hover { + background: rgba(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #CC9ADF; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #AE77CA; + font-weight: 600; + 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(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + background: #2F363E; + padding: 0.5rem 0.5rem; + border: 1px solid #5B646D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #AE77CA; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #AE77CA; + outline: 0 none; + box-shadow: 0 0 0 1px #CC9ADF; +} +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: 3px; + 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 #5B646D; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #E6E8EB; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #CC9ADF; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #CC9ADF; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #CC9ADF; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + 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: #AE77CA; + outline: 0 none; + box-shadow: 0 0 0 1px #CC9ADF; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #D0D3D7; +} +body :-moz-placeholder { + color: #D0D3D7; + opacity: 1; +} +body ::-moz-placeholder { + color: #D0D3D7; + opacity: 1; +} +body :-ms-input-placeholder { + color: #D0D3D7; +} +body .p-field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #D0D3D7; +} +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: #E6E8EB; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #E6E8EB; +} +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: #D0D3D7; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #D0D3D7; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #E6E8EB; + background: #2F363E; + padding: 0.5rem 0.5rem; + border: 1px solid #5B646D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #AE77CA; +} +body .ui-inputfield.ui-state-focus { + border-color: #AE77CA; + outline: 0 none; + box-shadow: 0 0 0 1px #CC9ADF; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #5B646D; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #5B646D; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #5B646D; +} +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: #5B646D; + background: #434B54; + color: #D0D3D7; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #5B646D; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #434B54; + border-radius: 50%; + border: 2px solid #5B646D; + 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: #AE77CA; + outline: 0 none; + box-shadow: 0 0 0 1px #CC9ADF; +} +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: #AE77CA; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #E6E8EB; + border-color: #693B91; + margin-left: 2px; +} + +body .keypad-popup { + background: #434B54; + color: #E6E8EB; + padding: 0; + border: 1px solid #5B646D; + margin: 0; + width: auto; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .keypad-popup button { + background: #434B54; + border: 1px solid #5B646D; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + border-color: #5B646D; + color: #E6E8EB; +} +body .keypad-popup button.ui-state-active { + background: #2F363E; + border-color: #5B646D; + color: #E6E8EB; +} +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: #AE77CA; + color: #f8fafc; + border: 1px solid #AE77CA; +} +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: #8A56AD; + border-color: #8A56AD; + color: #f8fafc; +} +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 #CC9ADF; +} +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: #693B91; + border-color: #693B91; + color: #f8fafc; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #5B646D; + 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: #434B54; + color: #E6E8EB; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #434B54; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; +} + +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: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #5B646D; + border-width: 2px; + background: #2F363E; + 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: #AE77CA; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 2px #CC9ADF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #AE77CA; + background: #AE77CA; + color: #f8fafc; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #8A56AD; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #f8fafc; +} +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: #5B646D; +} +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: #5B646D; +} +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: #AE77CA; +} +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: #8A56AD; +} + +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 #CC9ADF; +} +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 #CC9ADF; +} +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: #E6E8EB; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #8A56AD; +} +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: #AE77CA; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #f8fafc; +} + +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 #5B646D; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2F363E; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #D0D3D7; + 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: #AE77CA; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #AE77CA; + outline: 0 none; + box-shadow: 0 0 0 1px #CC9ADF; +} +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: #5B646D; + color: #E6E8EB; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #5B646D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #5B646D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #5B646D; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #434B54; + color: #E6E8EB; + 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: #D0D3D7; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #CC9ADF; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; +} +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-group { + background: #434B54; + margin: 0; + padding: 0.75rem 1rem; + color: #E6E8EB; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #5B646D; + border-radius: 3px; + background: #434B54; +} +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: #434B54; + color: #E6E8EB; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #D0D3D7; +} +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: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +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: rgba(174, 119, 202, 0.7); + color: #f8fafc; +} +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 #CC9ADF; +} +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: #434B54; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #5B646D; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2F363E; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #D0D3D7; + 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: #AE77CA; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #AE77CA; + outline: 0 none; + box-shadow: 0 0 0 1px #CC9ADF; +} +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: #5B646D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #5B646D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #5B646D; +} +body .ui-selectonemenu-panel { + background: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #434B54; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #E6E8EB; + 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #434B54; + margin: 0; + padding: 0.75rem 1rem; + color: #E6E8EB; +} + +body .ui-slider { + background: #5B646D; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #5B646D; + border: 2px solid #AE77CA; + 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: #AE77CA; + background: #AE77CA; +} +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: #AE77CA; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #5B646D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #434B54; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #CC9ADF; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #AE77CA; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #E6E8EB; +} + +body .ui-breadcrumb { + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #CC9ADF; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: #E6E8EB; +} +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: #E6E8EB; +} +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: #D0D3D7; + 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: #E6E8EB; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: 3px; + 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 #CC9ADF; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: #E6E8EB; +} +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: #E6E8EB; +} +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: #D0D3D7; + 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: #E6E8EB; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; +} +body .ui-menu.ui-shadow { + border: 1px solid #5B646D; + box-shadow: 0 2px 4px -1px rgba(0, 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: #434B54; + color: #E6E8EB; + 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: #E6E8EB; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #E6E8EB; +} +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(78, 86, 95, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #D0D3D7; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #D0D3D7; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(78, 86, 95, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +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: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #434B54; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 1px solid #5B646D; + box-shadow: 0 2px 4px -1px rgba(0, 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 #5B646D; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #434B54; + border-radius: 3px; +} +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: 3px; +} +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: #E6E8EB; + width: 100%; + border: 0 none; + background: #434B54; + 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: #434B54; + color: #E6E8EB; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #434B54; + 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 #5B646D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #5B646D; + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #434B54; + border: 1px solid #5B646D; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #E6E8EB; + 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(78, 86, 95, 0.7); +} +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: #E6E8EB; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #E6E8EB; + background: #434B54; + border: 1px solid #5B646D; + 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: #E6E8EB; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; + border-color: rgba(174, 119, 202, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #E6E8EB; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #5B646D; + 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: #434B54; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #5B646D; + 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: #434B54; + color: #D0D3D7; + top: 0; + margin: 0; + border-bottom: 2px solid #5B646D; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #D0D3D7; + 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: #434B54; + border-color: #AE77CA; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #E6E8EB; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #E6E8EB; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #434B54; + border-color: #AE77CA; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #AE77CA; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #AE77CA; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #CC9ADF; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + color: #2B7AA4; + 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: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #F8D895; + border: 1px solid #A76927; + color: #A76927; + 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: #A76927; +} +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: #A76927; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + color: #AD342B; + 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: #AD342B; +} +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: #AD342B; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 3px; + color: #2B7AA4; +} +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: #2B7AA4; + 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: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 3px; + color: #A76927; +} +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: #A76927; + 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: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 3px; + color: #AD342B; +} +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: #AD342B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #CC9ADF; +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 6px; + color: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #9BF2F7; + color: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #83eff5; +} +body .ui-messages .ui-messages-warn { + background: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 6px; + color: #A76927; +} +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: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #F8D895; + color: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #f6cf7d; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 6px; + color: #AD342B; +} +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: #AD342B; +} +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: #FABD9A; + color: #AD342B; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #f9ad82; +} + +body .ui-avatar { + background-color: #5B646D; + border-radius: 3px; +} +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 #434B54; +} + +body .ui-badge { + background: #AE77CA; + color: #f8fafc; + 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: #5B646D; + color: #E6E8EB; + 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: 3px; + 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 #CC9ADF; +} + +body .ui-clock { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: 3px; + 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: #5B646D; + 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: #AE77CA; + color: #f8fafc; +} +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: rgba(174, 119, 202, 0.7); + color: #f8fafc; +} +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 #CC9ADF; +} +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 #CC9ADF; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #5B646D; + border-radius: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #434B54; + color: #E6E8EB; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #CC9ADF; +} +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: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #5B646D; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #AE77CA; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #E6E8EB; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(174, 119, 202, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(174, 119, 202, 0.772); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #f8fafc; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 3px; +} +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: #AE77CA; + color: #f8fafc; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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(67, 75, 84, 0); + border-bottom-color: #434B54; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(91, 100, 109, 0); + border-bottom-color: #5B646D; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #434B54; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #5B646D; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #5B646D; + border-radius: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #434B54; + color: #E6E8EB; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #CC9ADF; +} +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: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #E6E8EB; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #CC9ADF; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #434B54; + color: #E6E8EB; + padding: 0; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +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: #AE77CA; + color: #f8fafc; + 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: #8A56AD; + color: #f8fafc; +} +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: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #CC9ADF; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} + +body .ui-tooltip .ui-tooltip-text { + background: #5B646D; + color: #E6E8EB; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #5B646D; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #5B646D; + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + 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 #5B646D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #434B54; + border-color: #5B646D; + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #CC9ADF; +} +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-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #434B54; + color: #E6E8EB; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #D0D3D7; +} +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: rgba(174, 119, 202, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #434B54; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #5B646D; +} +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 #5B646D; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #CC9ADF; +} + +body .ui-notificationbar { + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #CC9ADF; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #2F363E; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #5B646D; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #5B646D; +} + +body .ui-splitter { + border: 1px solid #5B646D; + background: #434B54; + border-radius: 3px; + color: #E6E8EB; +} +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: #5B646D; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #5B646D; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #434B54; + 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: #434B54; + color: #D0D3D7; + 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: #D0D3D7; + 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: #434B54; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #E6E8EB; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #434B54; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #AE77CA; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #AE77CA; +} +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 #CC9ADF; +} +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: #434B54; + color: #E6E8EB; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #5B646D; + 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 #5B646D; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #AE77CA; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #AE77CA; +} +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 #5B646D; + 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 #5B646D; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #AE77CA; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #AE77CA; +} +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 #5B646D; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #5B646D; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #AE77CA; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #AE77CA; +} +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 #5B646D; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #AE77CA; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #AE77CA; +} +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: #434B54; + color: #D0D3D7; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} + +body .ui-toolbar { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #5B646D; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-amethyst-dark/theme.scss b/src/main/webapp/resources/primefaces-poseidon-amethyst-dark/theme.scss new file mode 100644 index 0000000..e8dadd4 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-amethyst-dark/theme.scss @@ -0,0 +1,7 @@ +$primaryLightColor: #CC9ADF !default; +$primaryColor:#AE77CA !default; +$primaryDarkColor: #8A56AD !default; +$primaryDarkerColor: #693B91 !default; +$primaryTextColor: #f8fafc !default; + +@import '../sass/theme/_theme_dark'; \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-amethyst-dim/theme.css b/src/main/webapp/resources/primefaces-poseidon-amethyst-dim/theme.css new file mode 100644 index 0000000..0d211bf --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-amethyst-dim/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#3C4962; + --surface-b:#2B364C; + --surface-c:rgba(73, 87, 113, 0.7); + --surface-d:#65738D; + --surface-e:#3C4962; + --surface-f:#3C4962; + --text-color:#E5E8EC; + --text-color-secondary:#CDD2DB; + --primary-color:#AE77CA; + --primary-color-text:#f8fafc; + --font-family:Open Sans; + --surface-0: #17212f; + --surface-50: #2e3744; + --surface-100: #454d59; + --surface-200: #5d646d; + --surface-300: #747a82; + --surface-400: #8b9097; + --surface-500: #a2a6ac; + --surface-600: #b9bcc1; + --surface-700: #d1d3d5; + --surface-800: #e8e9ea; + --surface-900: #ffffff; + --gray-50:#e8e9ea; + --gray-100: #d1d3d5; + --gray-200: #b9bcc1; + --gray-300: #a2a6ac; + --gray-400: #8b9097; + --gray-500: #747a82; + --gray-600: #5d646d; + --gray-700: #454d59; + --gray-800: #2e3744; + --gray-900: #17212f; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#17212f; + --surface-section:#17212f; + --surface-card:#1f2d40; + --surface-overlay:#1f2d40; + --surface-border:#304562; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #CC9ADF; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#fbf8fc; + --primary-100:#ecdef2; + --primary-200:#dcc5e8; + --primary-300:#cdabde; + --primary-400:#bd91d4; + --primary-500:#ae77ca; + --primary-600:#9465ac; + --primary-700:#7a538d; + --primary-800:#60416f; + --primary-900:#463051; +} + +body .ui-button { + background: #AE77CA; + color: #f8fafc; + border: 1px solid #AE77CA; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #8A56AD; + border-color: #8A56AD; + color: #f8fafc; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #CC9ADF; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #693B91; + border-color: #693B91; + color: #f8fafc; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #AE77CA; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(174, 119, 202, 0.04); + color: #AE77CA; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(174, 119, 202, 0.16); + color: #AE77CA; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #CDD2DB; + border-color: #CDD2DB; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #CDD2DB; +} +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: #CDD2DB; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #AE77CA; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(174, 119, 202, 0.04); + color: #AE77CA; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(174, 119, 202, 0.16); + color: #AE77CA; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #CDD2DB; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #CDD2DB; +} +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: #CDD2DB; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + 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: #CDD2DB; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + border-color: #65738D; + color: #E5E8EC; +} +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: #CDD2DB; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #AE77CA; + border-color: #AE77CA; + color: #f8fafc; +} +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: #f8fafc; +} +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: #8A56AD; + border-color: #8A56AD; + color: #f8fafc; +} +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: #f8fafc; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #AE77CA; + 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: #8A56AD; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #693B91; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #E5E8EC; + color: #2B364C; +} +body .ui-speeddial-action:hover { + background: #CDD2DB; + color: #2B364C; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #CC9ADF; +} +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: #65738D; + 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(73, 87, 113, 0.7); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #AE77CA; + color: #f8fafc; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #AE77CA; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #3C4962; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #65738D; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #CDD2DB; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; + padding: 1rem 1rem; + border: 1px solid #65738D; + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #AE77CA; + 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 #CC9ADF; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable thead th.ui-state-active { + background: #3C4962; + color: #AE77CA; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #AE77CA; +} +body .ui-datatable .ui-datatable-data > tr { + background: #3C4962; + color: #E5E8EC; + 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 #65738D; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #f8fafc; +} +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: #3C4962; + color: #E5E8EC; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #CC9ADF; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #CC9ADF; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #CC9ADF; +} +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: rgba(174, 119, 202, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #AE77CA; +} +body .ui-datatable tfoot td { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + 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: #3C4962; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #344057; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-columntoggler { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + background: #3C4962; + border: 1px solid #65738D; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #E5E8EC; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #65738D; + } + 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 #65738D; + } + 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: #3C4962; + color: #CDD2DB; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #65738D; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #65738D; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #65738D; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(174, 119, 202, 0.7); +} +body .fc th { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #65738D; +} +body .fc td.fc-widget-content { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; +} +body .fc td.fc-head-container { + border: 1px solid #65738D; +} +body .fc .fc-row { + border-right: 1px solid #65738D; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #8A56AD; + border: 1px solid #8A56AD; + color: #f8fafc; +} +body .fc .fc-divider { + background: #3C4962; + border: 1px solid #65738D; +} +body .fc .fc-toolbar .fc-button { + background: #AE77CA; + color: #f8fafc; + border: 1px solid #AE77CA; + 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: #8A56AD; + border-color: #8A56AD; + color: #f8fafc; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #CC9ADF; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #693B91; + border-color: #693B91; + color: #f8fafc; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(146, 73, 184, 0.7); +} +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: #3C4962; + border: solid #65738D; + 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: #CDD2DB; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #CC9ADF; +} +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: #CDD2DB; +} +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: #CDD2DB; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(174, 119, 202, 0.7); + color: #f8fafc; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #CC9ADF; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #CDD2DB; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(146, 73, 184, 0.7); +} +@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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-tagcloud a { + color: #E5E8EC; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; +} + +body .timeline-frame { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #CC9ADF; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; +} +body .vis-timeline { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .vis-timeline .vis-item { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .vis-timeline .vis-item .vis-item-content { + color: #E5E8EC; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(174, 119, 202, 0.7); + border-color: rgba(174, 119, 202, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #f8fafc; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #E5E8EC; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #CC9ADF; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; +} +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: #E5E8EC; +} +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-tree-droppoint.ui-state-hover { + background: rgba(174, 119, 202, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #CC9ADF; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; +} +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: #E5E8EC; +} +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: #3C4962; +} +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: #CDD2DB; +} +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 rgba(174, 119, 202, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #3C4962; + color: #CDD2DB; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + 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: #3C4962; + color: #E5E8EC; + padding: 1rem 1rem; + border: 1px solid #65738D; + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #AE77CA; + 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 #CC9ADF; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-treetable thead th.ui-state-active { + background: #3C4962; + color: #AE77CA; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #AE77CA; +} +body .ui-treetable .ui-treetable-data > tr { + background: #3C4962; + color: #E5E8EC; + 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 #65738D; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #CC9ADF; +} +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: #E5E8EC; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #CC9ADF; +} +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: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #f8fafc; +} +body .ui-treetable tfoot td { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + 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: #3C4962; +} +body .ui-treetable .ui-column-resizer-helper { + background: #AE77CA; +} +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 #65738D; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #65738D; + color: #E5E8EC; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #E5E8EC; + -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: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + 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: #E5E8EC; + 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; +} +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: rgba(174, 119, 202, 0.7); + color: #f8fafc; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; +} +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: #2B364C; + border: 1px solid #65738D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #AE77CA; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #AE77CA; + outline: 0 none; + box-shadow: 0 0 0 1px #CC9ADF; +} +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: #CDD2DB; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #CDD2DB; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + 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 #CC9ADF; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #f8fafc; + background: rgba(174, 119, 202, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #E5E8EC; + background: rgba(73, 87, 113, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #65738D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #65738D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #65738D; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #65738D; + border-width: 2px; + background: #2B364C; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #AE77CA; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 2px #CC9ADF; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #AE77CA; + background: #AE77CA; + color: #f8fafc; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #8A56AD; +} +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: #65738D; +} +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: #65738D; +} +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: #AE77CA; +} +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: #8A56AD; +} + +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: #65738D; + color: #E5E8EC; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #E5E8EC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #3C4962; + color: #E5E8EC; + font-weight: 600; + border: solid #65738D; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #CC9ADF; +} +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 { + padding: 0; + color: #E5E8EC; + 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:hover { + background: rgba(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #CC9ADF; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #AE77CA; + font-weight: 600; + 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(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + background: #2B364C; + padding: 0.5rem 0.5rem; + border: 1px solid #65738D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #AE77CA; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #AE77CA; + outline: 0 none; + box-shadow: 0 0 0 1px #CC9ADF; +} +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: 3px; + 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 #65738D; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #E5E8EC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #CC9ADF; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #CC9ADF; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #CC9ADF; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + 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: #AE77CA; + outline: 0 none; + box-shadow: 0 0 0 1px #CC9ADF; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #CDD2DB; +} +body :-moz-placeholder { + color: #CDD2DB; + opacity: 1; +} +body ::-moz-placeholder { + color: #CDD2DB; + opacity: 1; +} +body :-ms-input-placeholder { + color: #CDD2DB; +} +body .p-field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #CDD2DB; +} +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: #E5E8EC; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #E5E8EC; +} +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: #CDD2DB; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #CDD2DB; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #E5E8EC; + background: #2B364C; + padding: 0.5rem 0.5rem; + border: 1px solid #65738D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #AE77CA; +} +body .ui-inputfield.ui-state-focus { + border-color: #AE77CA; + outline: 0 none; + box-shadow: 0 0 0 1px #CC9ADF; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #65738D; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #65738D; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #65738D; +} +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: #65738D; + background: #3C4962; + color: #CDD2DB; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #65738D; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #3C4962; + border-radius: 50%; + border: 2px solid #65738D; + 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: #AE77CA; + outline: 0 none; + box-shadow: 0 0 0 1px #CC9ADF; +} +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: #AE77CA; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #E5E8EC; + border-color: #693B91; + margin-left: 2px; +} + +body .keypad-popup { + background: #3C4962; + color: #E5E8EC; + padding: 0; + border: 1px solid #65738D; + margin: 0; + width: auto; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .keypad-popup button { + background: #3C4962; + border: 1px solid #65738D; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + border-color: #65738D; + color: #E5E8EC; +} +body .keypad-popup button.ui-state-active { + background: #2B364C; + border-color: #65738D; + color: #E5E8EC; +} +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: #AE77CA; + color: #f8fafc; + border: 1px solid #AE77CA; +} +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: #8A56AD; + border-color: #8A56AD; + color: #f8fafc; +} +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 #CC9ADF; +} +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: #693B91; + border-color: #693B91; + color: #f8fafc; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #65738D; + 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: #3C4962; + color: #E5E8EC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #3C4962; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; +} + +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: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #65738D; + border-width: 2px; + background: #2B364C; + 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: #AE77CA; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 2px #CC9ADF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #AE77CA; + background: #AE77CA; + color: #f8fafc; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #8A56AD; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #f8fafc; +} +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: #65738D; +} +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: #65738D; +} +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: #AE77CA; +} +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: #8A56AD; +} + +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 #CC9ADF; +} +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 #CC9ADF; +} +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: #E5E8EC; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #8A56AD; +} +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: #AE77CA; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #f8fafc; +} + +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 #65738D; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2B364C; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #CDD2DB; + 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: #AE77CA; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #AE77CA; + outline: 0 none; + box-shadow: 0 0 0 1px #CC9ADF; +} +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: #65738D; + color: #E5E8EC; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #65738D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #65738D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #65738D; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #3C4962; + color: #E5E8EC; + 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: #CDD2DB; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #CC9ADF; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; +} +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-group { + background: #3C4962; + margin: 0; + padding: 0.75rem 1rem; + color: #E5E8EC; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #65738D; + border-radius: 3px; + background: #3C4962; +} +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: #3C4962; + color: #E5E8EC; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #CDD2DB; +} +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: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +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: rgba(174, 119, 202, 0.7); + color: #f8fafc; +} +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 #CC9ADF; +} +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: #3C4962; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #65738D; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2B364C; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #CDD2DB; + 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: #AE77CA; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #AE77CA; + outline: 0 none; + box-shadow: 0 0 0 1px #CC9ADF; +} +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: #65738D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #65738D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #65738D; +} +body .ui-selectonemenu-panel { + background: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #3C4962; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #E5E8EC; + 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #3C4962; + margin: 0; + padding: 0.75rem 1rem; + color: #E5E8EC; +} + +body .ui-slider { + background: #65738D; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #65738D; + border: 2px solid #AE77CA; + 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: #AE77CA; + background: #AE77CA; +} +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: #AE77CA; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #65738D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #3C4962; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #CC9ADF; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #AE77CA; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #E5E8EC; +} + +body .ui-breadcrumb { + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #CC9ADF; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: #E5E8EC; +} +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: #E5E8EC; +} +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: #CDD2DB; + 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: #E5E8EC; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: 3px; + 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 #CC9ADF; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: #E5E8EC; +} +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: #E5E8EC; +} +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: #CDD2DB; + 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: #E5E8EC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; +} +body .ui-menu.ui-shadow { + border: 1px solid #65738D; + box-shadow: 0 2px 4px -1px rgba(0, 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: #3C4962; + color: #E5E8EC; + 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: #E5E8EC; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #E5E8EC; +} +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(73, 87, 113, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #CDD2DB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #CDD2DB; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(73, 87, 113, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +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: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #3C4962; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 1px solid #65738D; + box-shadow: 0 2px 4px -1px rgba(0, 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 #65738D; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #3C4962; + border-radius: 3px; +} +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: 3px; +} +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: #E5E8EC; + width: 100%; + border: 0 none; + background: #3C4962; + 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: #3C4962; + color: #E5E8EC; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #3C4962; + 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 #65738D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #65738D; + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #3C4962; + border: 1px solid #65738D; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #E5E8EC; + 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(73, 87, 113, 0.7); +} +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: #E5E8EC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #E5E8EC; + background: #3C4962; + border: 1px solid #65738D; + 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: #E5E8EC; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; + border-color: rgba(174, 119, 202, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #E5E8EC; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #65738D; + 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: #3C4962; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #65738D; + 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: #3C4962; + color: #CDD2DB; + top: 0; + margin: 0; + border-bottom: 2px solid #65738D; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #CDD2DB; + 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: #3C4962; + border-color: #AE77CA; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #E5E8EC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #E5E8EC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #3C4962; + border-color: #AE77CA; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #AE77CA; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #AE77CA; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #CC9ADF; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + color: #2B7AA4; + 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: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #F8D895; + border: 1px solid #A76927; + color: #A76927; + 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: #A76927; +} +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: #A76927; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + color: #AD342B; + 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: #AD342B; +} +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: #AD342B; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 3px; + color: #2B7AA4; +} +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: #2B7AA4; + 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: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 3px; + color: #A76927; +} +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: #A76927; + 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: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 3px; + color: #AD342B; +} +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: #AD342B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #CC9ADF; +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 6px; + color: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #9BF2F7; + color: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #83eff5; +} +body .ui-messages .ui-messages-warn { + background: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 6px; + color: #A76927; +} +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: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #F8D895; + color: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #f6cf7d; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 6px; + color: #AD342B; +} +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: #AD342B; +} +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: #FABD9A; + color: #AD342B; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #f9ad82; +} + +body .ui-avatar { + background-color: #65738D; + border-radius: 3px; +} +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 #3C4962; +} + +body .ui-badge { + background: #AE77CA; + color: #f8fafc; + 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: #65738D; + color: #E5E8EC; + 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: 3px; + 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 #CC9ADF; +} + +body .ui-clock { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: 3px; + 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: #65738D; + 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: #AE77CA; + color: #f8fafc; +} +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: rgba(174, 119, 202, 0.7); + color: #f8fafc; +} +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 #CC9ADF; +} +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 #CC9ADF; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #65738D; + border-radius: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #3C4962; + color: #E5E8EC; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #CC9ADF; +} +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: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #65738D; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #AE77CA; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #E5E8EC; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(174, 119, 202, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(174, 119, 202, 0.772); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #f8fafc; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 3px; +} +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: #AE77CA; + color: #f8fafc; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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(60, 73, 98, 0); + border-bottom-color: #3C4962; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(101, 115, 141, 0); + border-bottom-color: #65738D; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #3C4962; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #65738D; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #65738D; + border-radius: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #3C4962; + color: #E5E8EC; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #CC9ADF; +} +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: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #E5E8EC; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #CC9ADF; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #3C4962; + color: #E5E8EC; + padding: 0; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +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: #AE77CA; + color: #f8fafc; + 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: #8A56AD; + color: #f8fafc; +} +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: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #CC9ADF; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} + +body .ui-tooltip .ui-tooltip-text { + background: #65738D; + color: #E5E8EC; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #65738D; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #65738D; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #65738D; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #65738D; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #65738D; + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + 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 #65738D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #3C4962; + border-color: #65738D; + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #CC9ADF; +} +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-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #3C4962; + color: #E5E8EC; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #CDD2DB; +} +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: rgba(174, 119, 202, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #3C4962; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #65738D; +} +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 #65738D; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #CC9ADF; +} + +body .ui-notificationbar { + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #CC9ADF; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #2B364C; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #65738D; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #65738D; +} + +body .ui-splitter { + border: 1px solid #65738D; + background: #3C4962; + border-radius: 3px; + color: #E5E8EC; +} +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: #65738D; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #65738D; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #3C4962; + 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: #3C4962; + color: #CDD2DB; + 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: #CDD2DB; + 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: #3C4962; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #E5E8EC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #3C4962; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #AE77CA; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #AE77CA; +} +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 #CC9ADF; +} +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: #3C4962; + color: #E5E8EC; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #65738D; + 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 #65738D; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #AE77CA; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #AE77CA; +} +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 #65738D; + 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 #65738D; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #AE77CA; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #AE77CA; +} +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 #65738D; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #65738D; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #AE77CA; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #AE77CA; +} +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 #65738D; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #AE77CA; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #AE77CA; +} +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: #3C4962; + color: #CDD2DB; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} + +body .ui-toolbar { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #65738D; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(174, 119, 202, 0.7); + color: #f8fafc; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-amethyst-dim/theme.scss b/src/main/webapp/resources/primefaces-poseidon-amethyst-dim/theme.scss new file mode 100644 index 0000000..416b5ef --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-amethyst-dim/theme.scss @@ -0,0 +1,7 @@ +$primaryLightColor: #CC9ADF !default; +$primaryColor:#AE77CA !default; +$primaryDarkColor: #8A56AD !default; +$primaryDarkerColor: #693B91 !default; +$primaryTextColor: #f8fafc !default; + +@import '../sass/theme/_theme_dim'; \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-amethyst-light/theme.css b/src/main/webapp/resources/primefaces-poseidon-amethyst-light/theme.css new file mode 100644 index 0000000..a43a893 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-amethyst-light/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#FDFEFF; + --surface-b:#F6F9FE; + --surface-c:rgba(232, 241, 248, 0.7); + --surface-d:#E4E5E5; + --surface-e:#FDFEFF; + --surface-f:#FDFEFF; + --text-color:#515C66; + --text-color-secondary:#657380; + --primary-color:#8A56AD; + --primary-color-text:#f8fafc; + --font-family:Open Sans; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F5F5F5; + --surface-200: #EEEEEE; + --surface-300: #E0E0E0; + --surface-400: #BDBDBD; + --surface-500: #9E9E9E; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#f8f9fa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: #e9ecef; + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem #B380CD; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#f9f7fb; + --primary-100:#e3d6eb; + --primary-200:#cdb6dc; + --primary-300:#b696cc; + --primary-400:#a076bd; + --primary-500:#8a56ad; + --primary-600:#754993; + --primary-700:#613c79; + --primary-800:#4c2f5f; + --primary-900:#372245; +} + +body .ui-button { + background: #8A56AD; + color: #f8fafc; + border: 1px solid #8A56AD; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #6D3E94; + border-color: #6D3E94; + color: #f8fafc; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #B380CD; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #522B7C; + border-color: #522B7C; + color: #f8fafc; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #8A56AD; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(138, 86, 173, 0.04); + color: #8A56AD; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(138, 86, 173, 0.16); + color: #8A56AD; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #657380; + border-color: #657380; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #657380; +} +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: #E4E5E5; + color: #657380; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #8A56AD; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(138, 86, 173, 0.04); + color: #8A56AD; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(138, 86, 173, 0.16); + color: #8A56AD; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #657380; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #657380; +} +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: #E4E5E5; + color: #657380; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #FDFEFF; + color: #515C66; + border: 1px solid #D7D8D9; + 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: #657380; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + border-color: #D7D8D9; + color: #515C66; +} +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: #657380; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #8A56AD; + border-color: #8A56AD; + color: #f8fafc; +} +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: #f8fafc; +} +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: #6D3E94; + border-color: #6D3E94; + color: #f8fafc; +} +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: #f8fafc; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #537f2d; + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #8A56AD; + 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: #6D3E94; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #522B7C; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #F6F9FE; + color: #515C66; +} +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: #657380; +} +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: #515C66; + color: #fff; +} +body .ui-speeddial-action:hover { + background: #3B475F; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #B380CD; +} +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(232, 241, 248, 0.7); + 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: #E4E5E5; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #8A56AD; + color: #f8fafc; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #8A56AD; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #FDFEFF; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #E4E5E5; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #8A56AD; + 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 #B380CD; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable thead th.ui-state-active { + background: #F6F9FE; + color: #8A56AD; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #8A56AD; +} +body .ui-datatable .ui-datatable-data > tr { + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(138, 86, 173, 0.7); + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #f8fafc; +} +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: #FDFEFF; + color: #515C66; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #B380CD; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #B380CD; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #B380CD; +} +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: rgba(138, 86, 173, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #8A56AD; +} +body .ui-datatable tfoot td { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + 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: #F6F9FE; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #fbfcfc; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(138, 86, 173, 0.7); + color: #f8fafc; +} +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-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: #FDFEFF; + border: 1px solid #D7D8D9; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #515C66; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #FDFEFF; + color: #515C66; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #E4E5E5; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(138, 86, 173, 0.7); +} +body .fc th { + background: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #E4E5E5; +} +body .fc td.fc-widget-content { + background: #FDFEFF; + border: 1px solid #E4E5E5; + color: #515C66; +} +body .fc td.fc-head-container { + border: 1px solid #E4E5E5; +} +body .fc .fc-row { + border-right: 1px solid #E4E5E5; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #6D3E94; + border: 1px solid #6D3E94; + color: #f8fafc; +} +body .fc .fc-divider { + background: #F6F9FE; + border: 1px solid #E4E5E5; +} +body .fc .fc-toolbar .fc-button { + background: #8A56AD; + color: #f8fafc; + border: 1px solid #8A56AD; + 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: #6D3E94; + border-color: #6D3E94; + color: #f8fafc; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #B380CD; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #522B7C; + border-color: #522B7C; + color: #f8fafc; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(138, 86, 173, 0.7); + color: #f8fafc; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(111, 68, 140, 0.7); +} +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: #FDFEFF; + border: solid rgba(232, 241, 248, 0.7); + 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: #657380; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(232, 241, 248, 0.7); + color: #515C66; + 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 #B380CD; +} +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: #657380; +} +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: #657380; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(138, 86, 173, 0.7); + color: #f8fafc; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + 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 #B380CD; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #657380; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(138, 86, 173, 0.7); + color: #f8fafc; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(111, 68, 140, 0.7); +} +@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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-tagcloud a { + color: #515C66; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(138, 86, 173, 0.7); + color: #f8fafc; +} + +body .timeline-frame { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #B380CD; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(138, 86, 173, 0.7); + color: #f8fafc; +} +body .vis-timeline { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .vis-timeline .vis-item { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .vis-timeline .vis-item .vis-item-content { + color: #515C66; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(138, 86, 173, 0.7); + border-color: rgba(138, 86, 173, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #f8fafc; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #515C66; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #B380CD; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(138, 86, 173, 0.7); + color: #f8fafc; +} +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: #515C66; +} +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-tree-droppoint.ui-state-hover { + background: rgba(138, 86, 173, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #B380CD; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(138, 86, 173, 0.7); + color: #f8fafc; +} +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: #515C66; +} +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: #FDFEFF; +} +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: #657380; +} +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 rgba(138, 86, 173, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #8A56AD; + 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 #B380CD; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-treetable thead th.ui-state-active { + background: #F6F9FE; + color: #8A56AD; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #8A56AD; +} +body .ui-treetable .ui-treetable-data > tr { + background: #FDFEFF; + color: #515C66; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #B380CD; +} +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: #515C66; +} +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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(138, 86, 173, 0.7); + color: #f8fafc; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #B380CD; +} +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: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #f8fafc; +} +body .ui-treetable tfoot td { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + 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: #F6F9FE; +} +body .ui-treetable .ui-column-resizer-helper { + background: #8A56AD; +} +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(232, 241, 248, 0.7); +} +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 #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #E4E5E5; + color: #515C66; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #515C66; + -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: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 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: #515C66; + 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: #515C66; + 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: #FDFEFF; + color: #515C66; + 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: rgba(138, 86, 173, 0.7); + color: #f8fafc; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(138, 86, 173, 0.7); + color: #f8fafc; +} +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: #FDFEFF; + border: 1px solid #D7D8D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #8A56AD; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #8A56AD; + outline: 0 none; + box-shadow: 0 0 0 0.2em #B380CD; +} +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: #657380; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #657380; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #FDFEFF; + border: 0 none; + border-radius: 3px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +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: #515C66; + 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 #B380CD; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #f8fafc; + background: rgba(138, 86, 173, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #515C66; + background: rgba(232, 241, 248, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #F6F9FE; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #F6F9FE; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #D7D8D9; + border-width: 2px; + background: #FDFEFF; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #8A56AD; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 0.2em #B380CD; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #8A56AD; + background: #8A56AD; + color: #f8fafc; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #6D3E94; +} +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: #F6F9FE; +} +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: #F6F9FE; +} +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: #8A56AD; +} +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: #6D3E94; +} + +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: #E4E5E5; + color: #515C66; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #515C66; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #FDFEFF; + border: 1px solid #D7D8D9; + color: #515C66; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #FDFEFF; + color: #515C66; + font-weight: 600; + border: solid #E4E5E5; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #B380CD; +} +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 { + padding: 0; + color: #515C66; + 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:hover { + background: rgba(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #B380CD; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(138, 86, 173, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #522B7C; + font-weight: 600; + 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(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(138, 86, 173, 0.7); + color: #f8fafc; + 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: #515C66; + background: #FDFEFF; + padding: 0.5rem 0.5rem; + border: 1px solid #D7D8D9; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #8A56AD; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #8A56AD; + outline: 0 none; + box-shadow: 0 0 0 0.2em #B380CD; +} +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: 3px; + 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 #E4E5E5; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #515C66; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #B380CD; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(138, 86, 173, 0.7); + color: #f8fafc; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #B380CD; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #B380CD; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + 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: #8A56AD; + outline: 0 none; + box-shadow: 0 0 0 0.2em #B380CD; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #657380; +} +body :-moz-placeholder { + color: #657380; + opacity: 1; +} +body ::-moz-placeholder { + color: #657380; + opacity: 1; +} +body :-ms-input-placeholder { + color: #657380; +} +body .p-field small.ui-state-error { + color: #f44336; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #657380; +} +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: #515C66; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #515C66; +} +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: #657380; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #657380; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #515C66; + background: #FDFEFF; + padding: 0.5rem 0.5rem; + border: 1px solid #D7D8D9; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #8A56AD; +} +body .ui-inputfield.ui-state-focus { + border-color: #8A56AD; + outline: 0 none; + box-shadow: 0 0 0 0.2em #B380CD; +} +body .ui-inputfield.ui-state-error { + border-color: #f44336; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #F6F9FE; +} +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: #D7D8D9; + background: rgba(232, 241, 248, 0.7); + color: #657380; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #E4E5E5; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #FDFEFF; + border-radius: 50%; + border: 2px solid #E4E5E5; + 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: #8A56AD; + outline: 0 none; + box-shadow: 0 0 0 0.2em #B380CD; +} +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: #8A56AD; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #FDFEFF; + border-color: #522B7C; + margin-left: 2px; +} + +body .keypad-popup { + background: #FDFEFF; + color: #515C66; + 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: #FDFEFF; + border: 1px solid #D7D8D9; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #515C66; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: #ebebef; + border-color: #D7D8D9; + color: #515C66; +} +body .keypad-popup button.ui-state-active { + background: #522B7C; + border-color: #522B7C; + color: #FDFEFF; +} +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: #8A56AD; + color: #f8fafc; + border: 1px solid #8A56AD; +} +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: #6D3E94; + border-color: #6D3E94; + color: #f8fafc; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #B380CD; +} +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: #522B7C; + border-color: #522B7C; + color: #f8fafc; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #D7D8D9; + 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: #F6F9FE; + color: #515C66; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #FDFEFF; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(138, 86, 173, 0.7); + color: #f8fafc; +} + +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: #FDFEFF; + color: #515C66; + 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: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #D7D8D9; + border-width: 2px; + background: #FDFEFF; + 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: #8A56AD; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 0.2em #B380CD; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #8A56AD; + background: #8A56AD; + color: #f8fafc; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #6D3E94; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #f8fafc; +} +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: #F6F9FE; +} +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: #F6F9FE; +} +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: #8A56AD; +} +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: #6D3E94; +} + +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 #B380CD; +} +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 #B380CD; +} +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: #515C66; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #6D3E94; +} +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: #8A56AD; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #f8fafc; +} + +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 #D7D8D9; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #FDFEFF; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #657380; + 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: #8A56AD; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #8A56AD; + outline: 0 none; + box-shadow: 0 0 0 0.2em #B380CD; +} +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: #E4E5E5; + color: #515C66; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #F6F9FE; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #F6F9FE; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #F6F9FE; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #F6F9FE; + color: #515C66; + 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: #657380; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #B380CD; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(138, 86, 173, 0.7); + color: #f8fafc; +} +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-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #515C66; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #D7D8D9; + border-radius: 3px; + background: #FDFEFF; +} +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: #F6F9FE; + color: #515C66; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #657380; +} +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: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +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: rgba(138, 86, 173, 0.7); + color: #f8fafc; +} +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 #B380CD; +} +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: #FDFEFF; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #D7D8D9; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #FDFEFF; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #657380; + 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: #8A56AD; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #8A56AD; + outline: 0 none; + box-shadow: 0 0 0 0.2em #B380CD; +} +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: #F6F9FE; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #F6F9FE; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #F6F9FE; +} +body .ui-selectonemenu-panel { + background: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #F6F9FE; + color: #515C66; +} +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: #657380; +} +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: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + color: #515C66; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #515C66; + 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: #FDFEFF; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(138, 86, 173, 0.7); + color: #f8fafc; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #515C66; +} + +body .ui-slider { + background: #E4E5E5; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #FDFEFF; + border: 2px solid #8A56AD; + 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: #8A56AD; + background: #8A56AD; +} +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: #8A56AD; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #E4E5E5; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #FDFEFF; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #B380CD; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #8A56AD; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #FDFEFF; +} + +body .ui-breadcrumb { + background: #FDFEFF; + border: 1px solid #E4E5E5; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #B380CD; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: #515C66; +} +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: #515C66; +} +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: #657380; + 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: #515C66; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: 3px; + 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 #B380CD; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: #515C66; +} +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: #515C66; +} +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: #657380; + 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: #515C66; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #FDFEFF; + border: 1px solid #E4E5E5; + border-radius: 3px; +} +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: #515C66; + 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: #515C66; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #515C66; +} +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(232, 241, 248, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #657380; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #515C66; +} +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: #657380; +} +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: #657380; +} +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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(232, 241, 248, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +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: #515C66; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #FDFEFF; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 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 #E4E5E5; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #F6F9FE; + border-radius: 3px; +} +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: 3px; +} +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: #515C66; + 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: #515C66; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #F6F9FE; + 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 #E4E5E5; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #E4E5E5; + border-top: 0 none; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #E4E5E5; + background: #F6F9FE; + color: #515C66; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #FDFEFF; + border: 1px solid #E4E5E5; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #515C66; + 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(232, 241, 248, 0.7); +} +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: #515C66; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #515C66; +} +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: #657380; +} +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: #515C66; + background: #FDFEFF; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: #657380; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(138, 86, 173, 0.7); + color: #f8fafc; + border-color: rgba(138, 86, 173, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #515C66; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #E4E5E5; + 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: #FDFEFF; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #E4E5E5; + 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: #FDFEFF; + color: #657380; + top: 0; + margin: 0; + border-bottom: 2px solid #E4E5E5; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #657380; + 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: #FDFEFF; + border-color: #515C66; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #657380; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #657380; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #FDFEFF; + border-color: #8A56AD; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #8A56AD; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #8A56AD; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #B380CD; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +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 #03A9F4; + color: #01579B; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #FFC107; + color: #7f6003; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + color: #B71C1C; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #03A9F4; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #FFC107; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #B380CD; +} +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 #03A9F4; + border-width: 0 0 0 6px; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #FFC107; + border-width: 0 0 0 6px; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + border-width: 0 0 0 6px; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +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: #E4E5E5; + border-radius: 3px; +} +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 #FDFEFF; +} + +body .ui-badge { + background: #8A56AD; + color: #f8fafc; + 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: #E4E5E5; + color: #515C66; + 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: 3px; + 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 #B380CD; +} + +body .ui-clock { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: #F6F9FE; + 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: #F6F9FE; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #F6F9FE; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 3px; + 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: #F6F9FE; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #F6F9FE; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(232, 241, 248, 0.7); + 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: #E4E5E5; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #8A56AD; + color: #f8fafc; +} +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: rgba(138, 86, 173, 0.7); + color: #f8fafc; +} +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: #F6F9FE; + 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: #F6F9FE; +} +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 #B380CD; +} +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 #B380CD; +} + +.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: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #FDFEFF; + color: #515C66; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #B380CD; +} +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: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #efefef; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #8A56AD; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #515C66; + 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: #F6F9FE; +} + +body .ui-skeleton { + background-color: rgba(232, 241, 248, 0.7); + border-radius: 3px; +} +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: #8A56AD; + color: #f8fafc; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #FDFEFF; + color: #515C66; + border: 1px solid #E4E5E5; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #FDFEFF; + color: #515C66; + border: 0 none; + border-radius: 3px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +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(253, 254, 255, 0); + border-bottom-color: #FDFEFF; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(253, 254, 255, 0); + border-bottom-color: #FDFEFF; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #FDFEFF; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #FDFEFF; +} +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: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #FDFEFF; + color: #515C66; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #B380CD; +} +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: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #FDFEFF; + color: #515C66; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #515C66; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #B380CD; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #FDFEFF; + color: #515C66; + 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: 3px; +} +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: #8A56AD; + color: #f8fafc; + 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: #6D3E94; + color: #f8fafc; +} +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: #FDFEFF; + color: #515C66; + padding: 1rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #B380CD; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #252529; + color: #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: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #252529; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #252529; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #252529; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #252529; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #E4E5E5; + border-top: 0 none; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + 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 #E4E5E5; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #F6F9FE; + border-color: #E4E5E5; + color: #515C66; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #B380CD; +} +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-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #FDFEFF; + color: #515C66; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #657380; +} +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: rgba(138, 86, 173, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #FDFEFF; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #E4E5E5; +} +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 #E4E5E5; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #515C66; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #B380CD; +} + +body .ui-notificationbar { + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border: 1px solid #E4E5E5; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #B380CD; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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 #E4E5E5; + background: #FDFEFF; + border-radius: 3px; + color: #515C66; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #F6F9FE; +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #E4E5E5; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #E4E5E5; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #FDFEFF; + 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: #FDFEFF; + color: #657380; + 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: #657380; + 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: #FDFEFF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #657380; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #657380; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #FDFEFF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #8A56AD; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #8A56AD; +} +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 #B380CD; +} +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: #FDFEFF; + color: #515C66; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #E4E5E5; + 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 #E4E5E5; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #8A56AD; +} +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 #E4E5E5; + 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 #E4E5E5; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #8A56AD; +} +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 #E4E5E5; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #E4E5E5; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #8A56AD; +} +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 #E4E5E5; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #8A56AD; +} +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: #FDFEFF; + color: #657380; + 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(232, 241, 248, 0.7); + color: #515C66; +} + +body .ui-toolbar { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #E4E5E5; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(138, 86, 173, 0.7); + color: #f8fafc; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-amethyst-light/theme.scss b/src/main/webapp/resources/primefaces-poseidon-amethyst-light/theme.scss new file mode 100644 index 0000000..67bc840 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-amethyst-light/theme.scss @@ -0,0 +1,8 @@ +$primaryLightColor: #B380CD !default; +$primaryColor:#8A56AD !default; +$primaryDarkColor: #6D3E94 !default; +$primaryDarkerColor: #522B7C !default; +$primaryTextColor: #f8fafc !default; + + +@import '../sass/theme/_theme_light'; diff --git a/src/main/webapp/resources/primefaces-poseidon-apple-dark/theme.css b/src/main/webapp/resources/primefaces-poseidon-apple-dark/theme.css new file mode 100644 index 0000000..4fdf6f8 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-apple-dark/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#434B54; + --surface-b:#2F363E; + --surface-c:rgba(78, 86, 95, 0.7); + --surface-d:#5B646D; + --surface-e:#434B54; + --surface-f:#434B54; + --text-color:#E6E8EB; + --text-color-secondary:#D0D3D7; + --primary-color:#84C762; + --primary-color-text:#f8fafc; + --font-family:Open Sans; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50:#e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#1e1e1e; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #AADD89; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#f9fcf7; + --primary-100:#e1f2d9; + --primary-200:#cae7bb; + --primary-300:#b3dc9e; + --primary-400:#9bd280; + --primary-500:#84c762; + --primary-600:#70a953; + --primary-700:#5c8b45; + --primary-800:#496d36; + --primary-900:#355027; +} + +body .ui-button { + background: #84C762; + color: #f8fafc; + border: 1px solid #84C762; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #62AB47; + border-color: #62AB47; + color: #f8fafc; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #AADD89; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #448F31; + border-color: #448F31; + color: #f8fafc; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #84C762; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(132, 199, 98, 0.04); + color: #84C762; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(132, 199, 98, 0.16); + color: #84C762; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #D0D3D7; + border-color: #D0D3D7; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #D0D3D7; +} +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: #D0D3D7; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #84C762; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(132, 199, 98, 0.04); + color: #84C762; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(132, 199, 98, 0.16); + color: #84C762; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #D0D3D7; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #D0D3D7; +} +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: #D0D3D7; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + 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: #D0D3D7; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + border-color: #5B646D; + color: #E6E8EB; +} +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: #D0D3D7; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #84C762; + border-color: #84C762; + color: #f8fafc; +} +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: #f8fafc; +} +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: #62AB47; + border-color: #62AB47; + color: #f8fafc; +} +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: #f8fafc; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #84C762; + 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: #62AB47; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #448F31; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #434B54; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #E6E8EB; + color: #2F363E; +} +body .ui-speeddial-action:hover { + background: #D0D3D7; + color: #2F363E; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #AADD89; +} +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: #5B646D; + 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(78, 86, 95, 0.7); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #84C762; + color: #f8fafc; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #84C762; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #434B54; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #5B646D; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #D0D3D7; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #434B54; + color: #E6E8EB; + padding: 1rem 1rem; + border: 1px solid #5B646D; + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #84C762; + 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 #AADD89; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable thead th.ui-state-active { + background: #434B54; + color: #84C762; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #84C762; +} +body .ui-datatable .ui-datatable-data > tr { + background: #434B54; + color: #E6E8EB; + 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 #5B646D; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #f8fafc; +} +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: #434B54; + color: #E6E8EB; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #AADD89; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #AADD89; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #AADD89; +} +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: rgba(132, 199, 98, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #84C762; +} +body .ui-datatable tfoot td { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + 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: #434B54; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #394149; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-columntoggler { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + background: #434B54; + border: 1px solid #5B646D; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #E6E8EB; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #5B646D; + } + 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 #5B646D; + } + 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: #434B54; + color: #D0D3D7; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #5B646D; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #5B646D; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(132, 199, 98, 0.7); +} +body .fc th { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #5B646D; +} +body .fc td.fc-widget-content { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; +} +body .fc td.fc-head-container { + border: 1px solid #5B646D; +} +body .fc .fc-row { + border-right: 1px solid #5B646D; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #62AB47; + border: 1px solid #62AB47; + color: #f8fafc; +} +body .fc .fc-divider { + background: #434B54; + border: 1px solid #5B646D; +} +body .fc .fc-toolbar .fc-button { + background: #84C762; + color: #f8fafc; + border: 1px solid #84C762; + 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: #62AB47; + border-color: #62AB47; + color: #f8fafc; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #AADD89; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #448F31; + border-color: #448F31; + color: #f8fafc; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(100, 175, 62, 0.7); +} +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: #434B54; + border: solid #5B646D; + 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: #D0D3D7; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #AADD89; +} +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: #D0D3D7; +} +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: #D0D3D7; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(132, 199, 98, 0.7); + color: #f8fafc; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #AADD89; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #D0D3D7; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(100, 175, 62, 0.7); +} +@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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-tagcloud a { + color: #E6E8EB; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; +} + +body .timeline-frame { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #AADD89; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; +} +body .vis-timeline { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .vis-timeline .vis-item { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .vis-timeline .vis-item .vis-item-content { + color: #E6E8EB; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(132, 199, 98, 0.7); + border-color: rgba(132, 199, 98, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #f8fafc; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #E6E8EB; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #AADD89; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; +} +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: #E6E8EB; +} +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-tree-droppoint.ui-state-hover { + background: rgba(132, 199, 98, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #AADD89; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; +} +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: #E6E8EB; +} +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: #434B54; +} +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: #D0D3D7; +} +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 rgba(132, 199, 98, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #434B54; + color: #D0D3D7; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + 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: #434B54; + color: #E6E8EB; + padding: 1rem 1rem; + border: 1px solid #5B646D; + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #84C762; + 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 #AADD89; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-treetable thead th.ui-state-active { + background: #434B54; + color: #84C762; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #84C762; +} +body .ui-treetable .ui-treetable-data > tr { + background: #434B54; + color: #E6E8EB; + 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 #5B646D; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #AADD89; +} +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: #E6E8EB; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #AADD89; +} +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: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #f8fafc; +} +body .ui-treetable tfoot td { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + 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: #434B54; +} +body .ui-treetable .ui-column-resizer-helper { + background: #84C762; +} +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 #5B646D; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #5B646D; + color: #E6E8EB; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #E6E8EB; + -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: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + 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: #E6E8EB; + 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; +} +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: rgba(132, 199, 98, 0.7); + color: #f8fafc; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; +} +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: #2F363E; + border: 1px solid #5B646D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #84C762; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #84C762; + outline: 0 none; + box-shadow: 0 0 0 1px #AADD89; +} +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: #D0D3D7; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #D0D3D7; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + 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 #AADD89; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #f8fafc; + background: rgba(132, 199, 98, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #E6E8EB; + background: rgba(78, 86, 95, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #5B646D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #5B646D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #5B646D; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #5B646D; + border-width: 2px; + background: #2F363E; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #84C762; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 2px #AADD89; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #84C762; + background: #84C762; + color: #f8fafc; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #62AB47; +} +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: #5B646D; +} +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: #5B646D; +} +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: #84C762; +} +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: #62AB47; +} + +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: #5B646D; + color: #E6E8EB; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #E6E8EB; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #434B54; + color: #E6E8EB; + font-weight: 600; + border: solid #5B646D; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #AADD89; +} +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 { + padding: 0; + color: #E6E8EB; + 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:hover { + background: rgba(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #AADD89; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #84C762; + font-weight: 600; + 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(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + background: #2F363E; + padding: 0.5rem 0.5rem; + border: 1px solid #5B646D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #84C762; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #84C762; + outline: 0 none; + box-shadow: 0 0 0 1px #AADD89; +} +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: 3px; + 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 #5B646D; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #E6E8EB; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #AADD89; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #AADD89; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #AADD89; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + 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: #84C762; + outline: 0 none; + box-shadow: 0 0 0 1px #AADD89; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #D0D3D7; +} +body :-moz-placeholder { + color: #D0D3D7; + opacity: 1; +} +body ::-moz-placeholder { + color: #D0D3D7; + opacity: 1; +} +body :-ms-input-placeholder { + color: #D0D3D7; +} +body .p-field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #D0D3D7; +} +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: #E6E8EB; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #E6E8EB; +} +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: #D0D3D7; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #D0D3D7; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #E6E8EB; + background: #2F363E; + padding: 0.5rem 0.5rem; + border: 1px solid #5B646D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #84C762; +} +body .ui-inputfield.ui-state-focus { + border-color: #84C762; + outline: 0 none; + box-shadow: 0 0 0 1px #AADD89; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #5B646D; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #5B646D; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #5B646D; +} +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: #5B646D; + background: #434B54; + color: #D0D3D7; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #5B646D; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #434B54; + border-radius: 50%; + border: 2px solid #5B646D; + 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: #84C762; + outline: 0 none; + box-shadow: 0 0 0 1px #AADD89; +} +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: #84C762; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #E6E8EB; + border-color: #448F31; + margin-left: 2px; +} + +body .keypad-popup { + background: #434B54; + color: #E6E8EB; + padding: 0; + border: 1px solid #5B646D; + margin: 0; + width: auto; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .keypad-popup button { + background: #434B54; + border: 1px solid #5B646D; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + border-color: #5B646D; + color: #E6E8EB; +} +body .keypad-popup button.ui-state-active { + background: #2F363E; + border-color: #5B646D; + color: #E6E8EB; +} +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: #84C762; + color: #f8fafc; + border: 1px solid #84C762; +} +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: #62AB47; + border-color: #62AB47; + color: #f8fafc; +} +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 #AADD89; +} +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: #448F31; + border-color: #448F31; + color: #f8fafc; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #5B646D; + 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: #434B54; + color: #E6E8EB; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #434B54; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; +} + +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: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #5B646D; + border-width: 2px; + background: #2F363E; + 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: #84C762; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 2px #AADD89; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #84C762; + background: #84C762; + color: #f8fafc; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #62AB47; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #f8fafc; +} +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: #5B646D; +} +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: #5B646D; +} +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: #84C762; +} +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: #62AB47; +} + +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 #AADD89; +} +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 #AADD89; +} +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: #E6E8EB; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #62AB47; +} +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: #84C762; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #f8fafc; +} + +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 #5B646D; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2F363E; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #D0D3D7; + 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: #84C762; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #84C762; + outline: 0 none; + box-shadow: 0 0 0 1px #AADD89; +} +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: #5B646D; + color: #E6E8EB; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #5B646D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #5B646D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #5B646D; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #434B54; + color: #E6E8EB; + 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: #D0D3D7; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #AADD89; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; +} +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-group { + background: #434B54; + margin: 0; + padding: 0.75rem 1rem; + color: #E6E8EB; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #5B646D; + border-radius: 3px; + background: #434B54; +} +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: #434B54; + color: #E6E8EB; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #D0D3D7; +} +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: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +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: rgba(132, 199, 98, 0.7); + color: #f8fafc; +} +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 #AADD89; +} +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: #434B54; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #5B646D; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2F363E; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #D0D3D7; + 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: #84C762; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #84C762; + outline: 0 none; + box-shadow: 0 0 0 1px #AADD89; +} +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: #5B646D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #5B646D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #5B646D; +} +body .ui-selectonemenu-panel { + background: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #434B54; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #E6E8EB; + 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #434B54; + margin: 0; + padding: 0.75rem 1rem; + color: #E6E8EB; +} + +body .ui-slider { + background: #5B646D; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #5B646D; + border: 2px solid #84C762; + 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: #84C762; + background: #84C762; +} +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: #84C762; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #5B646D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #434B54; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #AADD89; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #84C762; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #E6E8EB; +} + +body .ui-breadcrumb { + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #AADD89; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: #E6E8EB; +} +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: #E6E8EB; +} +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: #D0D3D7; + 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: #E6E8EB; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: 3px; + 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 #AADD89; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: #E6E8EB; +} +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: #E6E8EB; +} +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: #D0D3D7; + 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: #E6E8EB; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; +} +body .ui-menu.ui-shadow { + border: 1px solid #5B646D; + box-shadow: 0 2px 4px -1px rgba(0, 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: #434B54; + color: #E6E8EB; + 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: #E6E8EB; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #E6E8EB; +} +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(78, 86, 95, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #D0D3D7; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #D0D3D7; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(78, 86, 95, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +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: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #434B54; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 1px solid #5B646D; + box-shadow: 0 2px 4px -1px rgba(0, 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 #5B646D; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #434B54; + border-radius: 3px; +} +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: 3px; +} +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: #E6E8EB; + width: 100%; + border: 0 none; + background: #434B54; + 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: #434B54; + color: #E6E8EB; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #434B54; + 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 #5B646D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #5B646D; + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #434B54; + border: 1px solid #5B646D; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #E6E8EB; + 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(78, 86, 95, 0.7); +} +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: #E6E8EB; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #E6E8EB; + background: #434B54; + border: 1px solid #5B646D; + 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: #E6E8EB; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; + border-color: rgba(132, 199, 98, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #E6E8EB; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #5B646D; + 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: #434B54; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #5B646D; + 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: #434B54; + color: #D0D3D7; + top: 0; + margin: 0; + border-bottom: 2px solid #5B646D; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #D0D3D7; + 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: #434B54; + border-color: #84C762; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #E6E8EB; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #E6E8EB; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #434B54; + border-color: #84C762; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #84C762; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #84C762; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #AADD89; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + color: #2B7AA4; + 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: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #F8D895; + border: 1px solid #A76927; + color: #A76927; + 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: #A76927; +} +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: #A76927; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + color: #AD342B; + 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: #AD342B; +} +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: #AD342B; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 3px; + color: #2B7AA4; +} +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: #2B7AA4; + 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: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 3px; + color: #A76927; +} +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: #A76927; + 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: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 3px; + color: #AD342B; +} +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: #AD342B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #AADD89; +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 6px; + color: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #9BF2F7; + color: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #83eff5; +} +body .ui-messages .ui-messages-warn { + background: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 6px; + color: #A76927; +} +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: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #F8D895; + color: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #f6cf7d; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 6px; + color: #AD342B; +} +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: #AD342B; +} +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: #FABD9A; + color: #AD342B; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #f9ad82; +} + +body .ui-avatar { + background-color: #5B646D; + border-radius: 3px; +} +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 #434B54; +} + +body .ui-badge { + background: #84C762; + color: #f8fafc; + 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: #5B646D; + color: #E6E8EB; + 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: 3px; + 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 #AADD89; +} + +body .ui-clock { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: 3px; + 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: #5B646D; + 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: #84C762; + color: #f8fafc; +} +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: rgba(132, 199, 98, 0.7); + color: #f8fafc; +} +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 #AADD89; +} +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 #AADD89; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #5B646D; + border-radius: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #434B54; + color: #E6E8EB; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #AADD89; +} +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: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #5B646D; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #84C762; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #E6E8EB; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(132, 199, 98, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(132, 199, 98, 0.772); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #f8fafc; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 3px; +} +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: #84C762; + color: #f8fafc; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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(67, 75, 84, 0); + border-bottom-color: #434B54; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(91, 100, 109, 0); + border-bottom-color: #5B646D; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #434B54; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #5B646D; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #5B646D; + border-radius: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #434B54; + color: #E6E8EB; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #AADD89; +} +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: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #E6E8EB; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #AADD89; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #434B54; + color: #E6E8EB; + padding: 0; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +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: #84C762; + color: #f8fafc; + 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: #62AB47; + color: #f8fafc; +} +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: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #AADD89; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} + +body .ui-tooltip .ui-tooltip-text { + background: #5B646D; + color: #E6E8EB; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #5B646D; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #5B646D; + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + 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 #5B646D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #434B54; + border-color: #5B646D; + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #AADD89; +} +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-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #434B54; + color: #E6E8EB; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #D0D3D7; +} +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: rgba(132, 199, 98, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #434B54; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #5B646D; +} +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 #5B646D; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #AADD89; +} + +body .ui-notificationbar { + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #AADD89; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #2F363E; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #5B646D; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #5B646D; +} + +body .ui-splitter { + border: 1px solid #5B646D; + background: #434B54; + border-radius: 3px; + color: #E6E8EB; +} +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: #5B646D; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #5B646D; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #434B54; + 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: #434B54; + color: #D0D3D7; + 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: #D0D3D7; + 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: #434B54; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #E6E8EB; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #434B54; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #84C762; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #84C762; +} +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 #AADD89; +} +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: #434B54; + color: #E6E8EB; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #5B646D; + 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 #5B646D; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #84C762; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #84C762; +} +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 #5B646D; + 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 #5B646D; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #84C762; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #84C762; +} +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 #5B646D; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #5B646D; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #84C762; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #84C762; +} +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 #5B646D; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #84C762; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #84C762; +} +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: #434B54; + color: #D0D3D7; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} + +body .ui-toolbar { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #5B646D; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-apple-dark/theme.scss b/src/main/webapp/resources/primefaces-poseidon-apple-dark/theme.scss new file mode 100644 index 0000000..e0d4553 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-apple-dark/theme.scss @@ -0,0 +1,7 @@ +$primaryLightColor: #AADD89 !default; +$primaryColor: #84C762 !default; +$primaryDarkColor: #62AB47 !default; +$primaryDarkerColor: #448F31 !default; +$primaryTextColor: #f8fafc !default; + +@import '../sass/theme/_theme_dark'; \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-apple-dim/theme.css b/src/main/webapp/resources/primefaces-poseidon-apple-dim/theme.css new file mode 100644 index 0000000..2d7f339 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-apple-dim/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#3C4962; + --surface-b:#2B364C; + --surface-c:rgba(73, 87, 113, 0.7); + --surface-d:#65738D; + --surface-e:#3C4962; + --surface-f:#3C4962; + --text-color:#E5E8EC; + --text-color-secondary:#CDD2DB; + --primary-color:#84C762; + --primary-color-text:#f8fafc; + --font-family:Open Sans; + --surface-0: #17212f; + --surface-50: #2e3744; + --surface-100: #454d59; + --surface-200: #5d646d; + --surface-300: #747a82; + --surface-400: #8b9097; + --surface-500: #a2a6ac; + --surface-600: #b9bcc1; + --surface-700: #d1d3d5; + --surface-800: #e8e9ea; + --surface-900: #ffffff; + --gray-50:#e8e9ea; + --gray-100: #d1d3d5; + --gray-200: #b9bcc1; + --gray-300: #a2a6ac; + --gray-400: #8b9097; + --gray-500: #747a82; + --gray-600: #5d646d; + --gray-700: #454d59; + --gray-800: #2e3744; + --gray-900: #17212f; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#17212f; + --surface-section:#17212f; + --surface-card:#1f2d40; + --surface-overlay:#1f2d40; + --surface-border:#304562; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #AADD89; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#f9fcf7; + --primary-100:#e1f2d9; + --primary-200:#cae7bb; + --primary-300:#b3dc9e; + --primary-400:#9bd280; + --primary-500:#84c762; + --primary-600:#70a953; + --primary-700:#5c8b45; + --primary-800:#496d36; + --primary-900:#355027; +} + +body .ui-button { + background: #84C762; + color: #f8fafc; + border: 1px solid #84C762; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #62AB47; + border-color: #62AB47; + color: #f8fafc; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #AADD89; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #448F31; + border-color: #448F31; + color: #f8fafc; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #84C762; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(132, 199, 98, 0.04); + color: #84C762; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(132, 199, 98, 0.16); + color: #84C762; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #CDD2DB; + border-color: #CDD2DB; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #CDD2DB; +} +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: #CDD2DB; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #84C762; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(132, 199, 98, 0.04); + color: #84C762; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(132, 199, 98, 0.16); + color: #84C762; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #CDD2DB; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #CDD2DB; +} +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: #CDD2DB; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + 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: #CDD2DB; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + border-color: #65738D; + color: #E5E8EC; +} +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: #CDD2DB; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #84C762; + border-color: #84C762; + color: #f8fafc; +} +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: #f8fafc; +} +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: #62AB47; + border-color: #62AB47; + color: #f8fafc; +} +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: #f8fafc; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #84C762; + 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: #62AB47; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #448F31; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #E5E8EC; + color: #2B364C; +} +body .ui-speeddial-action:hover { + background: #CDD2DB; + color: #2B364C; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #AADD89; +} +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: #65738D; + 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(73, 87, 113, 0.7); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #84C762; + color: #f8fafc; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #84C762; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #3C4962; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #65738D; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #CDD2DB; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; + padding: 1rem 1rem; + border: 1px solid #65738D; + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #84C762; + 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 #AADD89; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable thead th.ui-state-active { + background: #3C4962; + color: #84C762; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #84C762; +} +body .ui-datatable .ui-datatable-data > tr { + background: #3C4962; + color: #E5E8EC; + 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 #65738D; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #f8fafc; +} +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: #3C4962; + color: #E5E8EC; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #AADD89; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #AADD89; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #AADD89; +} +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: rgba(132, 199, 98, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #84C762; +} +body .ui-datatable tfoot td { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + 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: #3C4962; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #344057; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-columntoggler { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + background: #3C4962; + border: 1px solid #65738D; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #E5E8EC; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #65738D; + } + 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 #65738D; + } + 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: #3C4962; + color: #CDD2DB; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #65738D; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #65738D; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #65738D; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(132, 199, 98, 0.7); +} +body .fc th { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #65738D; +} +body .fc td.fc-widget-content { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; +} +body .fc td.fc-head-container { + border: 1px solid #65738D; +} +body .fc .fc-row { + border-right: 1px solid #65738D; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #62AB47; + border: 1px solid #62AB47; + color: #f8fafc; +} +body .fc .fc-divider { + background: #3C4962; + border: 1px solid #65738D; +} +body .fc .fc-toolbar .fc-button { + background: #84C762; + color: #f8fafc; + border: 1px solid #84C762; + 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: #62AB47; + border-color: #62AB47; + color: #f8fafc; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #AADD89; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #448F31; + border-color: #448F31; + color: #f8fafc; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(100, 175, 62, 0.7); +} +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: #3C4962; + border: solid #65738D; + 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: #CDD2DB; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #AADD89; +} +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: #CDD2DB; +} +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: #CDD2DB; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(132, 199, 98, 0.7); + color: #f8fafc; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #AADD89; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #CDD2DB; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(100, 175, 62, 0.7); +} +@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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-tagcloud a { + color: #E5E8EC; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; +} + +body .timeline-frame { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #AADD89; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; +} +body .vis-timeline { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .vis-timeline .vis-item { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .vis-timeline .vis-item .vis-item-content { + color: #E5E8EC; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(132, 199, 98, 0.7); + border-color: rgba(132, 199, 98, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #f8fafc; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #E5E8EC; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #AADD89; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; +} +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: #E5E8EC; +} +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-tree-droppoint.ui-state-hover { + background: rgba(132, 199, 98, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #AADD89; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; +} +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: #E5E8EC; +} +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: #3C4962; +} +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: #CDD2DB; +} +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 rgba(132, 199, 98, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #3C4962; + color: #CDD2DB; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + 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: #3C4962; + color: #E5E8EC; + padding: 1rem 1rem; + border: 1px solid #65738D; + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #84C762; + 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 #AADD89; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-treetable thead th.ui-state-active { + background: #3C4962; + color: #84C762; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #84C762; +} +body .ui-treetable .ui-treetable-data > tr { + background: #3C4962; + color: #E5E8EC; + 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 #65738D; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #AADD89; +} +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: #E5E8EC; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #AADD89; +} +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: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #f8fafc; +} +body .ui-treetable tfoot td { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + 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: #3C4962; +} +body .ui-treetable .ui-column-resizer-helper { + background: #84C762; +} +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 #65738D; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #65738D; + color: #E5E8EC; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #E5E8EC; + -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: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + 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: #E5E8EC; + 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; +} +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: rgba(132, 199, 98, 0.7); + color: #f8fafc; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; +} +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: #2B364C; + border: 1px solid #65738D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #84C762; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #84C762; + outline: 0 none; + box-shadow: 0 0 0 1px #AADD89; +} +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: #CDD2DB; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #CDD2DB; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + 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 #AADD89; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #f8fafc; + background: rgba(132, 199, 98, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #E5E8EC; + background: rgba(73, 87, 113, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #65738D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #65738D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #65738D; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #65738D; + border-width: 2px; + background: #2B364C; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #84C762; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 2px #AADD89; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #84C762; + background: #84C762; + color: #f8fafc; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #62AB47; +} +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: #65738D; +} +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: #65738D; +} +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: #84C762; +} +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: #62AB47; +} + +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: #65738D; + color: #E5E8EC; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #E5E8EC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #3C4962; + color: #E5E8EC; + font-weight: 600; + border: solid #65738D; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #AADD89; +} +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 { + padding: 0; + color: #E5E8EC; + 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:hover { + background: rgba(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #AADD89; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #84C762; + font-weight: 600; + 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(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + background: #2B364C; + padding: 0.5rem 0.5rem; + border: 1px solid #65738D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #84C762; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #84C762; + outline: 0 none; + box-shadow: 0 0 0 1px #AADD89; +} +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: 3px; + 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 #65738D; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #E5E8EC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #AADD89; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #AADD89; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #AADD89; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + 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: #84C762; + outline: 0 none; + box-shadow: 0 0 0 1px #AADD89; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #CDD2DB; +} +body :-moz-placeholder { + color: #CDD2DB; + opacity: 1; +} +body ::-moz-placeholder { + color: #CDD2DB; + opacity: 1; +} +body :-ms-input-placeholder { + color: #CDD2DB; +} +body .p-field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #CDD2DB; +} +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: #E5E8EC; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #E5E8EC; +} +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: #CDD2DB; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #CDD2DB; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #E5E8EC; + background: #2B364C; + padding: 0.5rem 0.5rem; + border: 1px solid #65738D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #84C762; +} +body .ui-inputfield.ui-state-focus { + border-color: #84C762; + outline: 0 none; + box-shadow: 0 0 0 1px #AADD89; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #65738D; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #65738D; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #65738D; +} +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: #65738D; + background: #3C4962; + color: #CDD2DB; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #65738D; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #3C4962; + border-radius: 50%; + border: 2px solid #65738D; + 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: #84C762; + outline: 0 none; + box-shadow: 0 0 0 1px #AADD89; +} +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: #84C762; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #E5E8EC; + border-color: #448F31; + margin-left: 2px; +} + +body .keypad-popup { + background: #3C4962; + color: #E5E8EC; + padding: 0; + border: 1px solid #65738D; + margin: 0; + width: auto; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .keypad-popup button { + background: #3C4962; + border: 1px solid #65738D; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + border-color: #65738D; + color: #E5E8EC; +} +body .keypad-popup button.ui-state-active { + background: #2B364C; + border-color: #65738D; + color: #E5E8EC; +} +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: #84C762; + color: #f8fafc; + border: 1px solid #84C762; +} +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: #62AB47; + border-color: #62AB47; + color: #f8fafc; +} +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 #AADD89; +} +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: #448F31; + border-color: #448F31; + color: #f8fafc; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #65738D; + 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: #3C4962; + color: #E5E8EC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #3C4962; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; +} + +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: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #65738D; + border-width: 2px; + background: #2B364C; + 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: #84C762; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 2px #AADD89; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #84C762; + background: #84C762; + color: #f8fafc; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #62AB47; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #f8fafc; +} +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: #65738D; +} +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: #65738D; +} +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: #84C762; +} +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: #62AB47; +} + +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 #AADD89; +} +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 #AADD89; +} +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: #E5E8EC; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #62AB47; +} +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: #84C762; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #f8fafc; +} + +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 #65738D; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2B364C; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #CDD2DB; + 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: #84C762; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #84C762; + outline: 0 none; + box-shadow: 0 0 0 1px #AADD89; +} +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: #65738D; + color: #E5E8EC; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #65738D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #65738D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #65738D; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #3C4962; + color: #E5E8EC; + 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: #CDD2DB; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #AADD89; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; +} +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-group { + background: #3C4962; + margin: 0; + padding: 0.75rem 1rem; + color: #E5E8EC; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #65738D; + border-radius: 3px; + background: #3C4962; +} +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: #3C4962; + color: #E5E8EC; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #CDD2DB; +} +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: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +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: rgba(132, 199, 98, 0.7); + color: #f8fafc; +} +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 #AADD89; +} +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: #3C4962; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #65738D; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2B364C; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #CDD2DB; + 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: #84C762; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #84C762; + outline: 0 none; + box-shadow: 0 0 0 1px #AADD89; +} +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: #65738D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #65738D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #65738D; +} +body .ui-selectonemenu-panel { + background: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #3C4962; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #E5E8EC; + 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #3C4962; + margin: 0; + padding: 0.75rem 1rem; + color: #E5E8EC; +} + +body .ui-slider { + background: #65738D; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #65738D; + border: 2px solid #84C762; + 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: #84C762; + background: #84C762; +} +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: #84C762; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #65738D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #3C4962; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #AADD89; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #84C762; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #E5E8EC; +} + +body .ui-breadcrumb { + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #AADD89; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: #E5E8EC; +} +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: #E5E8EC; +} +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: #CDD2DB; + 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: #E5E8EC; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: 3px; + 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 #AADD89; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: #E5E8EC; +} +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: #E5E8EC; +} +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: #CDD2DB; + 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: #E5E8EC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; +} +body .ui-menu.ui-shadow { + border: 1px solid #65738D; + box-shadow: 0 2px 4px -1px rgba(0, 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: #3C4962; + color: #E5E8EC; + 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: #E5E8EC; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #E5E8EC; +} +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(73, 87, 113, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #CDD2DB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #CDD2DB; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(73, 87, 113, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +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: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #3C4962; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 1px solid #65738D; + box-shadow: 0 2px 4px -1px rgba(0, 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 #65738D; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #3C4962; + border-radius: 3px; +} +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: 3px; +} +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: #E5E8EC; + width: 100%; + border: 0 none; + background: #3C4962; + 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: #3C4962; + color: #E5E8EC; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #3C4962; + 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 #65738D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #65738D; + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #3C4962; + border: 1px solid #65738D; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #E5E8EC; + 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(73, 87, 113, 0.7); +} +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: #E5E8EC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #E5E8EC; + background: #3C4962; + border: 1px solid #65738D; + 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: #E5E8EC; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; + border-color: rgba(132, 199, 98, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #E5E8EC; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #65738D; + 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: #3C4962; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #65738D; + 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: #3C4962; + color: #CDD2DB; + top: 0; + margin: 0; + border-bottom: 2px solid #65738D; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #CDD2DB; + 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: #3C4962; + border-color: #84C762; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #E5E8EC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #E5E8EC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #3C4962; + border-color: #84C762; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #84C762; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #84C762; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #AADD89; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + color: #2B7AA4; + 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: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #F8D895; + border: 1px solid #A76927; + color: #A76927; + 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: #A76927; +} +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: #A76927; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + color: #AD342B; + 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: #AD342B; +} +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: #AD342B; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 3px; + color: #2B7AA4; +} +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: #2B7AA4; + 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: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 3px; + color: #A76927; +} +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: #A76927; + 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: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 3px; + color: #AD342B; +} +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: #AD342B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #AADD89; +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 6px; + color: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #9BF2F7; + color: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #83eff5; +} +body .ui-messages .ui-messages-warn { + background: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 6px; + color: #A76927; +} +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: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #F8D895; + color: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #f6cf7d; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 6px; + color: #AD342B; +} +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: #AD342B; +} +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: #FABD9A; + color: #AD342B; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #f9ad82; +} + +body .ui-avatar { + background-color: #65738D; + border-radius: 3px; +} +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 #3C4962; +} + +body .ui-badge { + background: #84C762; + color: #f8fafc; + 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: #65738D; + color: #E5E8EC; + 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: 3px; + 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 #AADD89; +} + +body .ui-clock { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: 3px; + 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: #65738D; + 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: #84C762; + color: #f8fafc; +} +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: rgba(132, 199, 98, 0.7); + color: #f8fafc; +} +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 #AADD89; +} +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 #AADD89; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #65738D; + border-radius: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #3C4962; + color: #E5E8EC; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #AADD89; +} +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: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #65738D; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #84C762; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #E5E8EC; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(132, 199, 98, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(132, 199, 98, 0.772); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #f8fafc; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 3px; +} +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: #84C762; + color: #f8fafc; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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(60, 73, 98, 0); + border-bottom-color: #3C4962; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(101, 115, 141, 0); + border-bottom-color: #65738D; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #3C4962; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #65738D; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #65738D; + border-radius: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #3C4962; + color: #E5E8EC; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #AADD89; +} +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: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #E5E8EC; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #AADD89; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #3C4962; + color: #E5E8EC; + padding: 0; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +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: #84C762; + color: #f8fafc; + 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: #62AB47; + color: #f8fafc; +} +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: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #AADD89; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} + +body .ui-tooltip .ui-tooltip-text { + background: #65738D; + color: #E5E8EC; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #65738D; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #65738D; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #65738D; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #65738D; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #65738D; + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + 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 #65738D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #3C4962; + border-color: #65738D; + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #AADD89; +} +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-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #3C4962; + color: #E5E8EC; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #CDD2DB; +} +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: rgba(132, 199, 98, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #3C4962; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #65738D; +} +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 #65738D; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #AADD89; +} + +body .ui-notificationbar { + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #AADD89; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #2B364C; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #65738D; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #65738D; +} + +body .ui-splitter { + border: 1px solid #65738D; + background: #3C4962; + border-radius: 3px; + color: #E5E8EC; +} +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: #65738D; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #65738D; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #3C4962; + 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: #3C4962; + color: #CDD2DB; + 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: #CDD2DB; + 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: #3C4962; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #E5E8EC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #3C4962; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #84C762; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #84C762; +} +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 #AADD89; +} +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: #3C4962; + color: #E5E8EC; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #65738D; + 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 #65738D; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #84C762; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #84C762; +} +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 #65738D; + 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 #65738D; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #84C762; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #84C762; +} +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 #65738D; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #65738D; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #84C762; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #84C762; +} +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 #65738D; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #84C762; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #84C762; +} +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: #3C4962; + color: #CDD2DB; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} + +body .ui-toolbar { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #65738D; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(132, 199, 98, 0.7); + color: #f8fafc; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-apple-dim/theme.scss b/src/main/webapp/resources/primefaces-poseidon-apple-dim/theme.scss new file mode 100644 index 0000000..7de3b9e --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-apple-dim/theme.scss @@ -0,0 +1,7 @@ +$primaryLightColor: #AADD89 !default; +$primaryColor: #84C762 !default; +$primaryDarkColor: #62AB47 !default; +$primaryDarkerColor: #448F31 !default; +$primaryTextColor: #f8fafc !default; + +@import '../sass/theme/_theme_dim'; \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-apple-light/theme.css b/src/main/webapp/resources/primefaces-poseidon-apple-light/theme.css new file mode 100644 index 0000000..c69e3a2 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-apple-light/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#FDFEFF; + --surface-b:#F6F9FE; + --surface-c:rgba(232, 241, 248, 0.7); + --surface-d:#E4E5E5; + --surface-e:#FDFEFF; + --surface-f:#FDFEFF; + --text-color:#515C66; + --text-color-secondary:#657380; + --primary-color:#62AB47; + --primary-color-text:#f8fafc; + --font-family:Open Sans; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F5F5F5; + --surface-200: #EEEEEE; + --surface-300: #E0E0E0; + --surface-400: #BDBDBD; + --surface-500: #9E9E9E; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#f8f9fa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: #e9ecef; + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem #91CC72; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#f7fbf6; + --primary-100:#d9ebd3; + --primary-200:#bbdbb0; + --primary-300:#9ecb8d; + --primary-400:#80bb6a; + --primary-500:#62ab47; + --primary-600:#53913c; + --primary-700:#457832; + --primary-800:#365e27; + --primary-900:#27441c; +} + +body .ui-button { + background: #62AB47; + color: #f8fafc; + border: 1px solid #62AB47; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #479333; + border-color: #479333; + color: #f8fafc; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #91CC72; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #2F7B23; + border-color: #2F7B23; + color: #f8fafc; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #62AB47; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(98, 171, 71, 0.04); + color: #62AB47; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(98, 171, 71, 0.16); + color: #62AB47; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #657380; + border-color: #657380; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #657380; +} +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: #E4E5E5; + color: #657380; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #62AB47; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(98, 171, 71, 0.04); + color: #62AB47; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(98, 171, 71, 0.16); + color: #62AB47; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #657380; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #657380; +} +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: #E4E5E5; + color: #657380; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #FDFEFF; + color: #515C66; + border: 1px solid #D7D8D9; + 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: #657380; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + border-color: #D7D8D9; + color: #515C66; +} +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: #657380; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #62AB47; + border-color: #62AB47; + color: #f8fafc; +} +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: #f8fafc; +} +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: #479333; + border-color: #479333; + color: #f8fafc; +} +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: #f8fafc; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #537f2d; + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #62AB47; + 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: #479333; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #2F7B23; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #F6F9FE; + color: #515C66; +} +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: #657380; +} +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: #515C66; + color: #fff; +} +body .ui-speeddial-action:hover { + background: #3B475F; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #91CC72; +} +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(232, 241, 248, 0.7); + 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: #E4E5E5; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #62AB47; + color: #f8fafc; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #62AB47; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #FDFEFF; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #E4E5E5; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #62AB47; + 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 #91CC72; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable thead th.ui-state-active { + background: #F6F9FE; + color: #62AB47; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #62AB47; +} +body .ui-datatable .ui-datatable-data > tr { + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(98, 171, 71, 0.7); + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #f8fafc; +} +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: #FDFEFF; + color: #515C66; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #91CC72; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #91CC72; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #91CC72; +} +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: rgba(98, 171, 71, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #62AB47; +} +body .ui-datatable tfoot td { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + 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: #F6F9FE; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #fbfcfc; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(98, 171, 71, 0.7); + color: #f8fafc; +} +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-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: #FDFEFF; + border: 1px solid #D7D8D9; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #515C66; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #FDFEFF; + color: #515C66; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #E4E5E5; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(98, 171, 71, 0.7); +} +body .fc th { + background: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #E4E5E5; +} +body .fc td.fc-widget-content { + background: #FDFEFF; + border: 1px solid #E4E5E5; + color: #515C66; +} +body .fc td.fc-head-container { + border: 1px solid #E4E5E5; +} +body .fc .fc-row { + border-right: 1px solid #E4E5E5; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #479333; + border: 1px solid #479333; + color: #f8fafc; +} +body .fc .fc-divider { + background: #F6F9FE; + border: 1px solid #E4E5E5; +} +body .fc .fc-toolbar .fc-button { + background: #62AB47; + color: #f8fafc; + border: 1px solid #62AB47; + 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: #479333; + border-color: #479333; + color: #f8fafc; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #91CC72; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #2F7B23; + border-color: #2F7B23; + color: #f8fafc; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(98, 171, 71, 0.7); + color: #f8fafc; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(78, 137, 57, 0.7); +} +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: #FDFEFF; + border: solid rgba(232, 241, 248, 0.7); + 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: #657380; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(232, 241, 248, 0.7); + color: #515C66; + 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 #91CC72; +} +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: #657380; +} +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: #657380; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(98, 171, 71, 0.7); + color: #f8fafc; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + 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 #91CC72; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #657380; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(98, 171, 71, 0.7); + color: #f8fafc; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(78, 137, 57, 0.7); +} +@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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-tagcloud a { + color: #515C66; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(98, 171, 71, 0.7); + color: #f8fafc; +} + +body .timeline-frame { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #91CC72; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(98, 171, 71, 0.7); + color: #f8fafc; +} +body .vis-timeline { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .vis-timeline .vis-item { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .vis-timeline .vis-item .vis-item-content { + color: #515C66; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(98, 171, 71, 0.7); + border-color: rgba(98, 171, 71, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #f8fafc; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #515C66; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #91CC72; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(98, 171, 71, 0.7); + color: #f8fafc; +} +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: #515C66; +} +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-tree-droppoint.ui-state-hover { + background: rgba(98, 171, 71, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #91CC72; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(98, 171, 71, 0.7); + color: #f8fafc; +} +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: #515C66; +} +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: #FDFEFF; +} +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: #657380; +} +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 rgba(98, 171, 71, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #62AB47; + 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 #91CC72; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-treetable thead th.ui-state-active { + background: #F6F9FE; + color: #62AB47; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #62AB47; +} +body .ui-treetable .ui-treetable-data > tr { + background: #FDFEFF; + color: #515C66; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #91CC72; +} +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: #515C66; +} +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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(98, 171, 71, 0.7); + color: #f8fafc; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #91CC72; +} +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: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #f8fafc; +} +body .ui-treetable tfoot td { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + 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: #F6F9FE; +} +body .ui-treetable .ui-column-resizer-helper { + background: #62AB47; +} +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(232, 241, 248, 0.7); +} +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 #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #E4E5E5; + color: #515C66; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #515C66; + -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: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 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: #515C66; + 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: #515C66; + 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: #FDFEFF; + color: #515C66; + 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: rgba(98, 171, 71, 0.7); + color: #f8fafc; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(98, 171, 71, 0.7); + color: #f8fafc; +} +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: #FDFEFF; + border: 1px solid #D7D8D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #62AB47; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #62AB47; + outline: 0 none; + box-shadow: 0 0 0 0.2em #91CC72; +} +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: #657380; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #657380; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #FDFEFF; + border: 0 none; + border-radius: 3px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +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: #515C66; + 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 #91CC72; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #f8fafc; + background: rgba(98, 171, 71, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #515C66; + background: rgba(232, 241, 248, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #F6F9FE; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #F6F9FE; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #D7D8D9; + border-width: 2px; + background: #FDFEFF; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #62AB47; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 0.2em #91CC72; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #62AB47; + background: #62AB47; + color: #f8fafc; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #479333; +} +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: #F6F9FE; +} +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: #F6F9FE; +} +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: #62AB47; +} +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: #479333; +} + +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: #E4E5E5; + color: #515C66; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #515C66; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #FDFEFF; + border: 1px solid #D7D8D9; + color: #515C66; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #FDFEFF; + color: #515C66; + font-weight: 600; + border: solid #E4E5E5; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #91CC72; +} +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 { + padding: 0; + color: #515C66; + 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:hover { + background: rgba(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #91CC72; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(98, 171, 71, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #2F7B23; + font-weight: 600; + 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(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(98, 171, 71, 0.7); + color: #f8fafc; + 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: #515C66; + background: #FDFEFF; + padding: 0.5rem 0.5rem; + border: 1px solid #D7D8D9; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #62AB47; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #62AB47; + outline: 0 none; + box-shadow: 0 0 0 0.2em #91CC72; +} +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: 3px; + 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 #E4E5E5; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #515C66; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #91CC72; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(98, 171, 71, 0.7); + color: #f8fafc; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #91CC72; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #91CC72; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + 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: #62AB47; + outline: 0 none; + box-shadow: 0 0 0 0.2em #91CC72; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #657380; +} +body :-moz-placeholder { + color: #657380; + opacity: 1; +} +body ::-moz-placeholder { + color: #657380; + opacity: 1; +} +body :-ms-input-placeholder { + color: #657380; +} +body .p-field small.ui-state-error { + color: #f44336; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #657380; +} +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: #515C66; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #515C66; +} +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: #657380; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #657380; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #515C66; + background: #FDFEFF; + padding: 0.5rem 0.5rem; + border: 1px solid #D7D8D9; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #62AB47; +} +body .ui-inputfield.ui-state-focus { + border-color: #62AB47; + outline: 0 none; + box-shadow: 0 0 0 0.2em #91CC72; +} +body .ui-inputfield.ui-state-error { + border-color: #f44336; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #F6F9FE; +} +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: #D7D8D9; + background: rgba(232, 241, 248, 0.7); + color: #657380; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #E4E5E5; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #FDFEFF; + border-radius: 50%; + border: 2px solid #E4E5E5; + 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: #62AB47; + outline: 0 none; + box-shadow: 0 0 0 0.2em #91CC72; +} +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: #62AB47; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #FDFEFF; + border-color: #2F7B23; + margin-left: 2px; +} + +body .keypad-popup { + background: #FDFEFF; + color: #515C66; + 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: #FDFEFF; + border: 1px solid #D7D8D9; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #515C66; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: #ebebef; + border-color: #D7D8D9; + color: #515C66; +} +body .keypad-popup button.ui-state-active { + background: #2F7B23; + border-color: #2F7B23; + color: #FDFEFF; +} +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: #62AB47; + color: #f8fafc; + border: 1px solid #62AB47; +} +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: #479333; + border-color: #479333; + color: #f8fafc; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #91CC72; +} +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: #2F7B23; + border-color: #2F7B23; + color: #f8fafc; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #D7D8D9; + 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: #F6F9FE; + color: #515C66; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #FDFEFF; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(98, 171, 71, 0.7); + color: #f8fafc; +} + +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: #FDFEFF; + color: #515C66; + 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: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #D7D8D9; + border-width: 2px; + background: #FDFEFF; + 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: #62AB47; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 0.2em #91CC72; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #62AB47; + background: #62AB47; + color: #f8fafc; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #479333; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #f8fafc; +} +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: #F6F9FE; +} +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: #F6F9FE; +} +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: #62AB47; +} +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: #479333; +} + +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 #91CC72; +} +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 #91CC72; +} +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: #515C66; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #479333; +} +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: #62AB47; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #f8fafc; +} + +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 #D7D8D9; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #FDFEFF; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #657380; + 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: #62AB47; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #62AB47; + outline: 0 none; + box-shadow: 0 0 0 0.2em #91CC72; +} +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: #E4E5E5; + color: #515C66; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #F6F9FE; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #F6F9FE; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #F6F9FE; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #F6F9FE; + color: #515C66; + 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: #657380; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #91CC72; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(98, 171, 71, 0.7); + color: #f8fafc; +} +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-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #515C66; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #D7D8D9; + border-radius: 3px; + background: #FDFEFF; +} +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: #F6F9FE; + color: #515C66; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #657380; +} +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: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +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: rgba(98, 171, 71, 0.7); + color: #f8fafc; +} +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 #91CC72; +} +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: #FDFEFF; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #D7D8D9; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #FDFEFF; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #657380; + 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: #62AB47; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #62AB47; + outline: 0 none; + box-shadow: 0 0 0 0.2em #91CC72; +} +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: #F6F9FE; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #F6F9FE; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #F6F9FE; +} +body .ui-selectonemenu-panel { + background: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #F6F9FE; + color: #515C66; +} +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: #657380; +} +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: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + color: #515C66; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #515C66; + 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: #FDFEFF; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(98, 171, 71, 0.7); + color: #f8fafc; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #515C66; +} + +body .ui-slider { + background: #E4E5E5; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #FDFEFF; + border: 2px solid #62AB47; + 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: #62AB47; + background: #62AB47; +} +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: #62AB47; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #E4E5E5; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #FDFEFF; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #91CC72; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #62AB47; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #FDFEFF; +} + +body .ui-breadcrumb { + background: #FDFEFF; + border: 1px solid #E4E5E5; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #91CC72; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: #515C66; +} +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: #515C66; +} +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: #657380; + 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: #515C66; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: 3px; + 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 #91CC72; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: #515C66; +} +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: #515C66; +} +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: #657380; + 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: #515C66; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #FDFEFF; + border: 1px solid #E4E5E5; + border-radius: 3px; +} +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: #515C66; + 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: #515C66; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #515C66; +} +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(232, 241, 248, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #657380; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #515C66; +} +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: #657380; +} +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: #657380; +} +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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(232, 241, 248, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +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: #515C66; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #FDFEFF; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 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 #E4E5E5; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #F6F9FE; + border-radius: 3px; +} +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: 3px; +} +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: #515C66; + 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: #515C66; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #F6F9FE; + 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 #E4E5E5; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #E4E5E5; + border-top: 0 none; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #E4E5E5; + background: #F6F9FE; + color: #515C66; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #FDFEFF; + border: 1px solid #E4E5E5; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #515C66; + 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(232, 241, 248, 0.7); +} +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: #515C66; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #515C66; +} +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: #657380; +} +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: #515C66; + background: #FDFEFF; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: #657380; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(98, 171, 71, 0.7); + color: #f8fafc; + border-color: rgba(98, 171, 71, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #515C66; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #E4E5E5; + 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: #FDFEFF; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #E4E5E5; + 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: #FDFEFF; + color: #657380; + top: 0; + margin: 0; + border-bottom: 2px solid #E4E5E5; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #657380; + 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: #FDFEFF; + border-color: #515C66; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #657380; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #657380; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #FDFEFF; + border-color: #62AB47; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #62AB47; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #62AB47; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #91CC72; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +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 #03A9F4; + color: #01579B; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #FFC107; + color: #7f6003; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + color: #B71C1C; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #03A9F4; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #FFC107; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #91CC72; +} +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 #03A9F4; + border-width: 0 0 0 6px; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #FFC107; + border-width: 0 0 0 6px; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + border-width: 0 0 0 6px; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +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: #E4E5E5; + border-radius: 3px; +} +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 #FDFEFF; +} + +body .ui-badge { + background: #62AB47; + color: #f8fafc; + 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: #E4E5E5; + color: #515C66; + 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: 3px; + 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 #91CC72; +} + +body .ui-clock { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: #F6F9FE; + 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: #F6F9FE; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #F6F9FE; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 3px; + 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: #F6F9FE; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #F6F9FE; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(232, 241, 248, 0.7); + 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: #E4E5E5; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #62AB47; + color: #f8fafc; +} +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: rgba(98, 171, 71, 0.7); + color: #f8fafc; +} +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: #F6F9FE; + 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: #F6F9FE; +} +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 #91CC72; +} +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 #91CC72; +} + +.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: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #FDFEFF; + color: #515C66; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #91CC72; +} +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: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #efefef; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #62AB47; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #515C66; + 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: #F6F9FE; +} + +body .ui-skeleton { + background-color: rgba(232, 241, 248, 0.7); + border-radius: 3px; +} +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: #62AB47; + color: #f8fafc; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #FDFEFF; + color: #515C66; + border: 1px solid #E4E5E5; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #FDFEFF; + color: #515C66; + border: 0 none; + border-radius: 3px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +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(253, 254, 255, 0); + border-bottom-color: #FDFEFF; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(253, 254, 255, 0); + border-bottom-color: #FDFEFF; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #FDFEFF; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #FDFEFF; +} +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: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #FDFEFF; + color: #515C66; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #91CC72; +} +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: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #FDFEFF; + color: #515C66; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #515C66; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #91CC72; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #FDFEFF; + color: #515C66; + 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: 3px; +} +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: #62AB47; + color: #f8fafc; + 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: #479333; + color: #f8fafc; +} +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: #FDFEFF; + color: #515C66; + padding: 1rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #91CC72; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #252529; + color: #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: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #252529; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #252529; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #252529; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #252529; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #E4E5E5; + border-top: 0 none; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + 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 #E4E5E5; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #F6F9FE; + border-color: #E4E5E5; + color: #515C66; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #91CC72; +} +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-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #FDFEFF; + color: #515C66; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #657380; +} +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: rgba(98, 171, 71, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #FDFEFF; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #E4E5E5; +} +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 #E4E5E5; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #515C66; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #91CC72; +} + +body .ui-notificationbar { + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border: 1px solid #E4E5E5; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #91CC72; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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 #E4E5E5; + background: #FDFEFF; + border-radius: 3px; + color: #515C66; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #F6F9FE; +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #E4E5E5; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #E4E5E5; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #FDFEFF; + 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: #FDFEFF; + color: #657380; + 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: #657380; + 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: #FDFEFF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #657380; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #657380; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #FDFEFF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #62AB47; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #62AB47; +} +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 #91CC72; +} +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: #FDFEFF; + color: #515C66; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #E4E5E5; + 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 #E4E5E5; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #62AB47; +} +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 #E4E5E5; + 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 #E4E5E5; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #62AB47; +} +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 #E4E5E5; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #E4E5E5; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #62AB47; +} +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 #E4E5E5; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #62AB47; +} +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: #FDFEFF; + color: #657380; + 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(232, 241, 248, 0.7); + color: #515C66; +} + +body .ui-toolbar { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #E4E5E5; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(98, 171, 71, 0.7); + color: #f8fafc; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-apple-light/theme.scss b/src/main/webapp/resources/primefaces-poseidon-apple-light/theme.scss new file mode 100644 index 0000000..628232e --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-apple-light/theme.scss @@ -0,0 +1,7 @@ +$primaryLightColor: #91CC72 !default; +$primaryColor: #62AB47 !default; +$primaryDarkColor: #479333 !default; +$primaryDarkerColor: #2F7B23 !default; +$primaryTextColor: #f8fafc !default; + +@import '../sass/theme/_theme_light'; \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-camelot-dark/theme.css b/src/main/webapp/resources/primefaces-poseidon-camelot-dark/theme.css new file mode 100644 index 0000000..5a590d7 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-camelot-dark/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#434B54; + --surface-b:#2F363E; + --surface-c:rgba(78, 86, 95, 0.7); + --surface-d:#5B646D; + --surface-e:#434B54; + --surface-f:#434B54; + --text-color:#E6E8EB; + --text-color-secondary:#D0D3D7; + --primary-color:#C96F79; + --primary-color-text:#f8fafc; + --font-family:Open Sans; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50:#e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#1e1e1e; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #E39293; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#fcf8f8; + --primary-100:#f2dcdf; + --primary-200:#e8c1c5; + --primary-300:#dea6ac; + --primary-400:#d38a92; + --primary-500:#c96f79; + --primary-600:#ab5e67; + --primary-700:#8d4e55; + --primary-800:#6f3d43; + --primary-900:#502c30; +} + +body .ui-button { + background: #C96F79; + color: #f8fafc; + border: 1px solid #C96F79; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #A54357; + border-color: #A54357; + color: #f8fafc; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E39293; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #8D304C; + border-color: #8D304C; + color: #f8fafc; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #C96F79; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(201, 111, 121, 0.04); + color: #C96F79; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(201, 111, 121, 0.16); + color: #C96F79; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #D0D3D7; + border-color: #D0D3D7; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #D0D3D7; +} +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: #D0D3D7; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #C96F79; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(201, 111, 121, 0.04); + color: #C96F79; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(201, 111, 121, 0.16); + color: #C96F79; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #D0D3D7; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #D0D3D7; +} +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: #D0D3D7; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + 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: #D0D3D7; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + border-color: #5B646D; + color: #E6E8EB; +} +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: #D0D3D7; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #C96F79; + border-color: #C96F79; + color: #f8fafc; +} +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: #f8fafc; +} +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: #A54357; + border-color: #A54357; + color: #f8fafc; +} +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: #f8fafc; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #C96F79; + 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: #A54357; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #8D304C; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #434B54; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #E6E8EB; + color: #2F363E; +} +body .ui-speeddial-action:hover { + background: #D0D3D7; + color: #2F363E; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E39293; +} +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: #5B646D; + 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(78, 86, 95, 0.7); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #C96F79; + color: #f8fafc; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #C96F79; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #434B54; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #5B646D; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #D0D3D7; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #434B54; + color: #E6E8EB; + padding: 1rem 1rem; + border: 1px solid #5B646D; + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #C96F79; + 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 #E39293; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable thead th.ui-state-active { + background: #434B54; + color: #C96F79; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #C96F79; +} +body .ui-datatable .ui-datatable-data > tr { + background: #434B54; + color: #E6E8EB; + 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 #5B646D; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #f8fafc; +} +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: #434B54; + color: #E6E8EB; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E39293; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E39293; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E39293; +} +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: rgba(201, 111, 121, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #C96F79; +} +body .ui-datatable tfoot td { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + 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: #434B54; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #394149; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-columntoggler { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + background: #434B54; + border: 1px solid #5B646D; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #E6E8EB; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #5B646D; + } + 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 #5B646D; + } + 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: #434B54; + color: #D0D3D7; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #5B646D; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #5B646D; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(201, 111, 121, 0.7); +} +body .fc th { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #5B646D; +} +body .fc td.fc-widget-content { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; +} +body .fc td.fc-head-container { + border: 1px solid #5B646D; +} +body .fc .fc-row { + border-right: 1px solid #5B646D; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #A54357; + border: 1px solid #A54357; + color: #f8fafc; +} +body .fc .fc-divider { + background: #434B54; + border: 1px solid #5B646D; +} +body .fc .fc-toolbar .fc-button { + background: #C96F79; + color: #f8fafc; + border: 1px solid #C96F79; + 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: #A54357; + border-color: #A54357; + color: #f8fafc; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E39293; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #8D304C; + border-color: #8D304C; + color: #f8fafc; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(182, 68, 81, 0.7); +} +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: #434B54; + border: solid #5B646D; + 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: #D0D3D7; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E39293; +} +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: #D0D3D7; +} +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: #D0D3D7; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(201, 111, 121, 0.7); + color: #f8fafc; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E39293; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #D0D3D7; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(182, 68, 81, 0.7); +} +@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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-tagcloud a { + color: #E6E8EB; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; +} + +body .timeline-frame { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E39293; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; +} +body .vis-timeline { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .vis-timeline .vis-item { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .vis-timeline .vis-item .vis-item-content { + color: #E6E8EB; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(201, 111, 121, 0.7); + border-color: rgba(201, 111, 121, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #f8fafc; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #E6E8EB; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E39293; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; +} +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: #E6E8EB; +} +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-tree-droppoint.ui-state-hover { + background: rgba(201, 111, 121, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #E39293; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; +} +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: #E6E8EB; +} +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: #434B54; +} +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: #D0D3D7; +} +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 rgba(201, 111, 121, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #434B54; + color: #D0D3D7; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + 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: #434B54; + color: #E6E8EB; + padding: 1rem 1rem; + border: 1px solid #5B646D; + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #C96F79; + 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 #E39293; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-treetable thead th.ui-state-active { + background: #434B54; + color: #C96F79; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #C96F79; +} +body .ui-treetable .ui-treetable-data > tr { + background: #434B54; + color: #E6E8EB; + 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 #5B646D; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E39293; +} +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: #E6E8EB; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E39293; +} +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: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #f8fafc; +} +body .ui-treetable tfoot td { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + 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: #434B54; +} +body .ui-treetable .ui-column-resizer-helper { + background: #C96F79; +} +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 #5B646D; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #5B646D; + color: #E6E8EB; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #E6E8EB; + -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: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + 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: #E6E8EB; + 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; +} +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: rgba(201, 111, 121, 0.7); + color: #f8fafc; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; +} +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: #2F363E; + border: 1px solid #5B646D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #C96F79; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #C96F79; + outline: 0 none; + box-shadow: 0 0 0 1px #E39293; +} +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: #D0D3D7; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #D0D3D7; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + 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 #E39293; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #f8fafc; + background: rgba(201, 111, 121, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #E6E8EB; + background: rgba(78, 86, 95, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #5B646D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #5B646D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #5B646D; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #5B646D; + border-width: 2px; + background: #2F363E; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #C96F79; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 2px #E39293; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #C96F79; + background: #C96F79; + color: #f8fafc; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #A54357; +} +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: #5B646D; +} +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: #5B646D; +} +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: #C96F79; +} +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: #A54357; +} + +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: #5B646D; + color: #E6E8EB; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #E6E8EB; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #434B54; + color: #E6E8EB; + font-weight: 600; + border: solid #5B646D; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E39293; +} +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 { + padding: 0; + color: #E6E8EB; + 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:hover { + background: rgba(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E39293; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #C96F79; + font-weight: 600; + 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(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + background: #2F363E; + padding: 0.5rem 0.5rem; + border: 1px solid #5B646D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #C96F79; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #C96F79; + outline: 0 none; + box-shadow: 0 0 0 1px #E39293; +} +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: 3px; + 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 #5B646D; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #E6E8EB; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E39293; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E39293; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E39293; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + 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: #C96F79; + outline: 0 none; + box-shadow: 0 0 0 1px #E39293; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #D0D3D7; +} +body :-moz-placeholder { + color: #D0D3D7; + opacity: 1; +} +body ::-moz-placeholder { + color: #D0D3D7; + opacity: 1; +} +body :-ms-input-placeholder { + color: #D0D3D7; +} +body .p-field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #D0D3D7; +} +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: #E6E8EB; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #E6E8EB; +} +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: #D0D3D7; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #D0D3D7; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #E6E8EB; + background: #2F363E; + padding: 0.5rem 0.5rem; + border: 1px solid #5B646D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #C96F79; +} +body .ui-inputfield.ui-state-focus { + border-color: #C96F79; + outline: 0 none; + box-shadow: 0 0 0 1px #E39293; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #5B646D; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #5B646D; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #5B646D; +} +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: #5B646D; + background: #434B54; + color: #D0D3D7; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #5B646D; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #434B54; + border-radius: 50%; + border: 2px solid #5B646D; + 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: #C96F79; + outline: 0 none; + box-shadow: 0 0 0 1px #E39293; +} +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: #C96F79; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #E6E8EB; + border-color: #8D304C; + margin-left: 2px; +} + +body .keypad-popup { + background: #434B54; + color: #E6E8EB; + padding: 0; + border: 1px solid #5B646D; + margin: 0; + width: auto; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .keypad-popup button { + background: #434B54; + border: 1px solid #5B646D; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + border-color: #5B646D; + color: #E6E8EB; +} +body .keypad-popup button.ui-state-active { + background: #2F363E; + border-color: #5B646D; + color: #E6E8EB; +} +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: #C96F79; + color: #f8fafc; + border: 1px solid #C96F79; +} +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: #A54357; + border-color: #A54357; + color: #f8fafc; +} +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 #E39293; +} +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: #8D304C; + border-color: #8D304C; + color: #f8fafc; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #5B646D; + 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: #434B54; + color: #E6E8EB; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #434B54; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; +} + +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: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #5B646D; + border-width: 2px; + background: #2F363E; + 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: #C96F79; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 2px #E39293; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #C96F79; + background: #C96F79; + color: #f8fafc; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #A54357; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #f8fafc; +} +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: #5B646D; +} +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: #5B646D; +} +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: #C96F79; +} +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: #A54357; +} + +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 #E39293; +} +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 #E39293; +} +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: #E6E8EB; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #A54357; +} +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: #C96F79; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #f8fafc; +} + +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 #5B646D; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2F363E; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #D0D3D7; + 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: #C96F79; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #C96F79; + outline: 0 none; + box-shadow: 0 0 0 1px #E39293; +} +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: #5B646D; + color: #E6E8EB; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #5B646D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #5B646D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #5B646D; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #434B54; + color: #E6E8EB; + 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: #D0D3D7; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E39293; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; +} +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-group { + background: #434B54; + margin: 0; + padding: 0.75rem 1rem; + color: #E6E8EB; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #5B646D; + border-radius: 3px; + background: #434B54; +} +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: #434B54; + color: #E6E8EB; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #D0D3D7; +} +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: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +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: rgba(201, 111, 121, 0.7); + color: #f8fafc; +} +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 #E39293; +} +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: #434B54; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #5B646D; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2F363E; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #D0D3D7; + 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: #C96F79; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #C96F79; + outline: 0 none; + box-shadow: 0 0 0 1px #E39293; +} +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: #5B646D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #5B646D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #5B646D; +} +body .ui-selectonemenu-panel { + background: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #434B54; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #E6E8EB; + 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #434B54; + margin: 0; + padding: 0.75rem 1rem; + color: #E6E8EB; +} + +body .ui-slider { + background: #5B646D; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #5B646D; + border: 2px solid #C96F79; + 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: #C96F79; + background: #C96F79; +} +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: #C96F79; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #5B646D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #434B54; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #E39293; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #C96F79; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #E6E8EB; +} + +body .ui-breadcrumb { + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E39293; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: #E6E8EB; +} +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: #E6E8EB; +} +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: #D0D3D7; + 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: #E6E8EB; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: 3px; + 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 #E39293; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: #E6E8EB; +} +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: #E6E8EB; +} +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: #D0D3D7; + 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: #E6E8EB; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; +} +body .ui-menu.ui-shadow { + border: 1px solid #5B646D; + box-shadow: 0 2px 4px -1px rgba(0, 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: #434B54; + color: #E6E8EB; + 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: #E6E8EB; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #E6E8EB; +} +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(78, 86, 95, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #D0D3D7; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #D0D3D7; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(78, 86, 95, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +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: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #434B54; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 1px solid #5B646D; + box-shadow: 0 2px 4px -1px rgba(0, 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 #5B646D; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #434B54; + border-radius: 3px; +} +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: 3px; +} +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: #E6E8EB; + width: 100%; + border: 0 none; + background: #434B54; + 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: #434B54; + color: #E6E8EB; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #434B54; + 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 #5B646D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #5B646D; + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #434B54; + border: 1px solid #5B646D; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #E6E8EB; + 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(78, 86, 95, 0.7); +} +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: #E6E8EB; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #E6E8EB; + background: #434B54; + border: 1px solid #5B646D; + 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: #E6E8EB; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; + border-color: rgba(201, 111, 121, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #E6E8EB; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #5B646D; + 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: #434B54; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #5B646D; + 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: #434B54; + color: #D0D3D7; + top: 0; + margin: 0; + border-bottom: 2px solid #5B646D; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #D0D3D7; + 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: #434B54; + border-color: #C96F79; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #E6E8EB; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #E6E8EB; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #434B54; + border-color: #C96F79; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #C96F79; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #C96F79; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E39293; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + color: #2B7AA4; + 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: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #F8D895; + border: 1px solid #A76927; + color: #A76927; + 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: #A76927; +} +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: #A76927; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + color: #AD342B; + 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: #AD342B; +} +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: #AD342B; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 3px; + color: #2B7AA4; +} +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: #2B7AA4; + 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: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 3px; + color: #A76927; +} +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: #A76927; + 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: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 3px; + color: #AD342B; +} +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: #AD342B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E39293; +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 6px; + color: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #9BF2F7; + color: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #83eff5; +} +body .ui-messages .ui-messages-warn { + background: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 6px; + color: #A76927; +} +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: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #F8D895; + color: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #f6cf7d; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 6px; + color: #AD342B; +} +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: #AD342B; +} +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: #FABD9A; + color: #AD342B; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #f9ad82; +} + +body .ui-avatar { + background-color: #5B646D; + border-radius: 3px; +} +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 #434B54; +} + +body .ui-badge { + background: #C96F79; + color: #f8fafc; + 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: #5B646D; + color: #E6E8EB; + 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: 3px; + 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 #E39293; +} + +body .ui-clock { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: 3px; + 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: #5B646D; + 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: #C96F79; + color: #f8fafc; +} +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: rgba(201, 111, 121, 0.7); + color: #f8fafc; +} +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 #E39293; +} +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 #E39293; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #5B646D; + border-radius: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #434B54; + color: #E6E8EB; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E39293; +} +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: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #5B646D; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #C96F79; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #E6E8EB; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(201, 111, 121, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(201, 111, 121, 0.772); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #f8fafc; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 3px; +} +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: #C96F79; + color: #f8fafc; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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(67, 75, 84, 0); + border-bottom-color: #434B54; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(91, 100, 109, 0); + border-bottom-color: #5B646D; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #434B54; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #5B646D; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #5B646D; + border-radius: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #434B54; + color: #E6E8EB; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E39293; +} +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: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #E6E8EB; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E39293; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #434B54; + color: #E6E8EB; + padding: 0; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +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: #C96F79; + color: #f8fafc; + 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: #A54357; + color: #f8fafc; +} +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: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E39293; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} + +body .ui-tooltip .ui-tooltip-text { + background: #5B646D; + color: #E6E8EB; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #5B646D; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #5B646D; + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + 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 #5B646D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #434B54; + border-color: #5B646D; + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E39293; +} +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-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #434B54; + color: #E6E8EB; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #D0D3D7; +} +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: rgba(201, 111, 121, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #434B54; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #5B646D; +} +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 #5B646D; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E39293; +} + +body .ui-notificationbar { + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E39293; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #2F363E; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #5B646D; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #5B646D; +} + +body .ui-splitter { + border: 1px solid #5B646D; + background: #434B54; + border-radius: 3px; + color: #E6E8EB; +} +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: #5B646D; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #5B646D; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #434B54; + 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: #434B54; + color: #D0D3D7; + 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: #D0D3D7; + 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: #434B54; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #E6E8EB; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #434B54; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #C96F79; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #C96F79; +} +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 #E39293; +} +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: #434B54; + color: #E6E8EB; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #5B646D; + 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 #5B646D; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #C96F79; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #C96F79; +} +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 #5B646D; + 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 #5B646D; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #C96F79; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #C96F79; +} +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 #5B646D; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #5B646D; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #C96F79; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #C96F79; +} +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 #5B646D; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #C96F79; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #C96F79; +} +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: #434B54; + color: #D0D3D7; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} + +body .ui-toolbar { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #5B646D; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-camelot-dark/theme.scss b/src/main/webapp/resources/primefaces-poseidon-camelot-dark/theme.scss new file mode 100644 index 0000000..272c94b --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-camelot-dark/theme.scss @@ -0,0 +1,7 @@ +$primaryLightColor: #E39293 !default; +$primaryColor: #C96F79 !default; +$primaryDarkColor: #A54357 !default; +$primaryDarkerColor: #8D304C !default; +$primaryTextColor: #f8fafc !default; + +@import '../sass/theme/_theme_dark'; \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-camelot-dim/theme.css b/src/main/webapp/resources/primefaces-poseidon-camelot-dim/theme.css new file mode 100644 index 0000000..2328e4b --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-camelot-dim/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#3C4962; + --surface-b:#2B364C; + --surface-c:rgba(73, 87, 113, 0.7); + --surface-d:#65738D; + --surface-e:#3C4962; + --surface-f:#3C4962; + --text-color:#E5E8EC; + --text-color-secondary:#CDD2DB; + --primary-color:#C96F79; + --primary-color-text:#f8fafc; + --font-family:Open Sans; + --surface-0: #17212f; + --surface-50: #2e3744; + --surface-100: #454d59; + --surface-200: #5d646d; + --surface-300: #747a82; + --surface-400: #8b9097; + --surface-500: #a2a6ac; + --surface-600: #b9bcc1; + --surface-700: #d1d3d5; + --surface-800: #e8e9ea; + --surface-900: #ffffff; + --gray-50:#e8e9ea; + --gray-100: #d1d3d5; + --gray-200: #b9bcc1; + --gray-300: #a2a6ac; + --gray-400: #8b9097; + --gray-500: #747a82; + --gray-600: #5d646d; + --gray-700: #454d59; + --gray-800: #2e3744; + --gray-900: #17212f; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#17212f; + --surface-section:#17212f; + --surface-card:#1f2d40; + --surface-overlay:#1f2d40; + --surface-border:#304562; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #E39293; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#fcf8f8; + --primary-100:#f2dcdf; + --primary-200:#e8c1c5; + --primary-300:#dea6ac; + --primary-400:#d38a92; + --primary-500:#c96f79; + --primary-600:#ab5e67; + --primary-700:#8d4e55; + --primary-800:#6f3d43; + --primary-900:#502c30; +} + +body .ui-button { + background: #C96F79; + color: #f8fafc; + border: 1px solid #C96F79; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #A54357; + border-color: #A54357; + color: #f8fafc; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E39293; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #8D304C; + border-color: #8D304C; + color: #f8fafc; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #C96F79; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(201, 111, 121, 0.04); + color: #C96F79; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(201, 111, 121, 0.16); + color: #C96F79; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #CDD2DB; + border-color: #CDD2DB; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #CDD2DB; +} +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: #CDD2DB; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #C96F79; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(201, 111, 121, 0.04); + color: #C96F79; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(201, 111, 121, 0.16); + color: #C96F79; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #CDD2DB; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #CDD2DB; +} +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: #CDD2DB; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + 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: #CDD2DB; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + border-color: #65738D; + color: #E5E8EC; +} +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: #CDD2DB; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #C96F79; + border-color: #C96F79; + color: #f8fafc; +} +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: #f8fafc; +} +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: #A54357; + border-color: #A54357; + color: #f8fafc; +} +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: #f8fafc; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #C96F79; + 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: #A54357; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #8D304C; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #E5E8EC; + color: #2B364C; +} +body .ui-speeddial-action:hover { + background: #CDD2DB; + color: #2B364C; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E39293; +} +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: #65738D; + 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(73, 87, 113, 0.7); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #C96F79; + color: #f8fafc; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #C96F79; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #3C4962; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #65738D; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #CDD2DB; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; + padding: 1rem 1rem; + border: 1px solid #65738D; + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #C96F79; + 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 #E39293; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable thead th.ui-state-active { + background: #3C4962; + color: #C96F79; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #C96F79; +} +body .ui-datatable .ui-datatable-data > tr { + background: #3C4962; + color: #E5E8EC; + 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 #65738D; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #f8fafc; +} +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: #3C4962; + color: #E5E8EC; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E39293; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E39293; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E39293; +} +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: rgba(201, 111, 121, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #C96F79; +} +body .ui-datatable tfoot td { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + 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: #3C4962; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #344057; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-columntoggler { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + background: #3C4962; + border: 1px solid #65738D; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #E5E8EC; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #65738D; + } + 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 #65738D; + } + 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: #3C4962; + color: #CDD2DB; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #65738D; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #65738D; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #65738D; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(201, 111, 121, 0.7); +} +body .fc th { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #65738D; +} +body .fc td.fc-widget-content { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; +} +body .fc td.fc-head-container { + border: 1px solid #65738D; +} +body .fc .fc-row { + border-right: 1px solid #65738D; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #A54357; + border: 1px solid #A54357; + color: #f8fafc; +} +body .fc .fc-divider { + background: #3C4962; + border: 1px solid #65738D; +} +body .fc .fc-toolbar .fc-button { + background: #C96F79; + color: #f8fafc; + border: 1px solid #C96F79; + 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: #A54357; + border-color: #A54357; + color: #f8fafc; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E39293; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #8D304C; + border-color: #8D304C; + color: #f8fafc; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(182, 68, 81, 0.7); +} +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: #3C4962; + border: solid #65738D; + 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: #CDD2DB; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E39293; +} +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: #CDD2DB; +} +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: #CDD2DB; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(201, 111, 121, 0.7); + color: #f8fafc; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E39293; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #CDD2DB; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(182, 68, 81, 0.7); +} +@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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-tagcloud a { + color: #E5E8EC; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; +} + +body .timeline-frame { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E39293; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; +} +body .vis-timeline { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .vis-timeline .vis-item { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .vis-timeline .vis-item .vis-item-content { + color: #E5E8EC; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(201, 111, 121, 0.7); + border-color: rgba(201, 111, 121, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #f8fafc; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #E5E8EC; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E39293; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; +} +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: #E5E8EC; +} +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-tree-droppoint.ui-state-hover { + background: rgba(201, 111, 121, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #E39293; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; +} +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: #E5E8EC; +} +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: #3C4962; +} +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: #CDD2DB; +} +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 rgba(201, 111, 121, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #3C4962; + color: #CDD2DB; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + 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: #3C4962; + color: #E5E8EC; + padding: 1rem 1rem; + border: 1px solid #65738D; + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #C96F79; + 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 #E39293; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-treetable thead th.ui-state-active { + background: #3C4962; + color: #C96F79; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #C96F79; +} +body .ui-treetable .ui-treetable-data > tr { + background: #3C4962; + color: #E5E8EC; + 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 #65738D; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E39293; +} +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: #E5E8EC; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E39293; +} +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: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #f8fafc; +} +body .ui-treetable tfoot td { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + 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: #3C4962; +} +body .ui-treetable .ui-column-resizer-helper { + background: #C96F79; +} +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 #65738D; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #65738D; + color: #E5E8EC; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #E5E8EC; + -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: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + 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: #E5E8EC; + 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; +} +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: rgba(201, 111, 121, 0.7); + color: #f8fafc; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; +} +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: #2B364C; + border: 1px solid #65738D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #C96F79; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #C96F79; + outline: 0 none; + box-shadow: 0 0 0 1px #E39293; +} +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: #CDD2DB; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #CDD2DB; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + 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 #E39293; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #f8fafc; + background: rgba(201, 111, 121, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #E5E8EC; + background: rgba(73, 87, 113, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #65738D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #65738D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #65738D; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #65738D; + border-width: 2px; + background: #2B364C; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #C96F79; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 2px #E39293; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #C96F79; + background: #C96F79; + color: #f8fafc; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #A54357; +} +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: #65738D; +} +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: #65738D; +} +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: #C96F79; +} +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: #A54357; +} + +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: #65738D; + color: #E5E8EC; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #E5E8EC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #3C4962; + color: #E5E8EC; + font-weight: 600; + border: solid #65738D; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E39293; +} +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 { + padding: 0; + color: #E5E8EC; + 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:hover { + background: rgba(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E39293; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #C96F79; + font-weight: 600; + 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(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + background: #2B364C; + padding: 0.5rem 0.5rem; + border: 1px solid #65738D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #C96F79; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #C96F79; + outline: 0 none; + box-shadow: 0 0 0 1px #E39293; +} +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: 3px; + 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 #65738D; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #E5E8EC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E39293; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E39293; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E39293; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + 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: #C96F79; + outline: 0 none; + box-shadow: 0 0 0 1px #E39293; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #CDD2DB; +} +body :-moz-placeholder { + color: #CDD2DB; + opacity: 1; +} +body ::-moz-placeholder { + color: #CDD2DB; + opacity: 1; +} +body :-ms-input-placeholder { + color: #CDD2DB; +} +body .p-field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #CDD2DB; +} +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: #E5E8EC; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #E5E8EC; +} +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: #CDD2DB; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #CDD2DB; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #E5E8EC; + background: #2B364C; + padding: 0.5rem 0.5rem; + border: 1px solid #65738D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #C96F79; +} +body .ui-inputfield.ui-state-focus { + border-color: #C96F79; + outline: 0 none; + box-shadow: 0 0 0 1px #E39293; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #65738D; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #65738D; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #65738D; +} +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: #65738D; + background: #3C4962; + color: #CDD2DB; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #65738D; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #3C4962; + border-radius: 50%; + border: 2px solid #65738D; + 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: #C96F79; + outline: 0 none; + box-shadow: 0 0 0 1px #E39293; +} +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: #C96F79; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #E5E8EC; + border-color: #8D304C; + margin-left: 2px; +} + +body .keypad-popup { + background: #3C4962; + color: #E5E8EC; + padding: 0; + border: 1px solid #65738D; + margin: 0; + width: auto; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .keypad-popup button { + background: #3C4962; + border: 1px solid #65738D; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + border-color: #65738D; + color: #E5E8EC; +} +body .keypad-popup button.ui-state-active { + background: #2B364C; + border-color: #65738D; + color: #E5E8EC; +} +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: #C96F79; + color: #f8fafc; + border: 1px solid #C96F79; +} +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: #A54357; + border-color: #A54357; + color: #f8fafc; +} +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 #E39293; +} +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: #8D304C; + border-color: #8D304C; + color: #f8fafc; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #65738D; + 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: #3C4962; + color: #E5E8EC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #3C4962; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; +} + +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: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #65738D; + border-width: 2px; + background: #2B364C; + 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: #C96F79; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 2px #E39293; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #C96F79; + background: #C96F79; + color: #f8fafc; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #A54357; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #f8fafc; +} +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: #65738D; +} +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: #65738D; +} +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: #C96F79; +} +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: #A54357; +} + +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 #E39293; +} +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 #E39293; +} +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: #E5E8EC; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #A54357; +} +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: #C96F79; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #f8fafc; +} + +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 #65738D; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2B364C; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #CDD2DB; + 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: #C96F79; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #C96F79; + outline: 0 none; + box-shadow: 0 0 0 1px #E39293; +} +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: #65738D; + color: #E5E8EC; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #65738D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #65738D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #65738D; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #3C4962; + color: #E5E8EC; + 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: #CDD2DB; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E39293; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; +} +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-group { + background: #3C4962; + margin: 0; + padding: 0.75rem 1rem; + color: #E5E8EC; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #65738D; + border-radius: 3px; + background: #3C4962; +} +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: #3C4962; + color: #E5E8EC; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #CDD2DB; +} +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: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +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: rgba(201, 111, 121, 0.7); + color: #f8fafc; +} +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 #E39293; +} +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: #3C4962; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #65738D; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2B364C; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #CDD2DB; + 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: #C96F79; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #C96F79; + outline: 0 none; + box-shadow: 0 0 0 1px #E39293; +} +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: #65738D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #65738D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #65738D; +} +body .ui-selectonemenu-panel { + background: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #3C4962; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #E5E8EC; + 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #3C4962; + margin: 0; + padding: 0.75rem 1rem; + color: #E5E8EC; +} + +body .ui-slider { + background: #65738D; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #65738D; + border: 2px solid #C96F79; + 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: #C96F79; + background: #C96F79; +} +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: #C96F79; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #65738D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #3C4962; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #E39293; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #C96F79; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #E5E8EC; +} + +body .ui-breadcrumb { + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E39293; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: #E5E8EC; +} +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: #E5E8EC; +} +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: #CDD2DB; + 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: #E5E8EC; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: 3px; + 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 #E39293; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: #E5E8EC; +} +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: #E5E8EC; +} +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: #CDD2DB; + 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: #E5E8EC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; +} +body .ui-menu.ui-shadow { + border: 1px solid #65738D; + box-shadow: 0 2px 4px -1px rgba(0, 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: #3C4962; + color: #E5E8EC; + 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: #E5E8EC; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #E5E8EC; +} +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(73, 87, 113, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #CDD2DB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #CDD2DB; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(73, 87, 113, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +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: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #3C4962; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 1px solid #65738D; + box-shadow: 0 2px 4px -1px rgba(0, 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 #65738D; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #3C4962; + border-radius: 3px; +} +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: 3px; +} +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: #E5E8EC; + width: 100%; + border: 0 none; + background: #3C4962; + 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: #3C4962; + color: #E5E8EC; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #3C4962; + 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 #65738D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #65738D; + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #3C4962; + border: 1px solid #65738D; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #E5E8EC; + 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(73, 87, 113, 0.7); +} +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: #E5E8EC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #E5E8EC; + background: #3C4962; + border: 1px solid #65738D; + 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: #E5E8EC; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; + border-color: rgba(201, 111, 121, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #E5E8EC; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #65738D; + 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: #3C4962; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #65738D; + 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: #3C4962; + color: #CDD2DB; + top: 0; + margin: 0; + border-bottom: 2px solid #65738D; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #CDD2DB; + 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: #3C4962; + border-color: #C96F79; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #E5E8EC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #E5E8EC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #3C4962; + border-color: #C96F79; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #C96F79; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #C96F79; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E39293; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + color: #2B7AA4; + 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: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #F8D895; + border: 1px solid #A76927; + color: #A76927; + 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: #A76927; +} +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: #A76927; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + color: #AD342B; + 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: #AD342B; +} +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: #AD342B; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 3px; + color: #2B7AA4; +} +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: #2B7AA4; + 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: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 3px; + color: #A76927; +} +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: #A76927; + 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: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 3px; + color: #AD342B; +} +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: #AD342B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E39293; +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 6px; + color: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #9BF2F7; + color: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #83eff5; +} +body .ui-messages .ui-messages-warn { + background: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 6px; + color: #A76927; +} +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: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #F8D895; + color: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #f6cf7d; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 6px; + color: #AD342B; +} +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: #AD342B; +} +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: #FABD9A; + color: #AD342B; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #f9ad82; +} + +body .ui-avatar { + background-color: #65738D; + border-radius: 3px; +} +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 #3C4962; +} + +body .ui-badge { + background: #C96F79; + color: #f8fafc; + 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: #65738D; + color: #E5E8EC; + 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: 3px; + 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 #E39293; +} + +body .ui-clock { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: 3px; + 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: #65738D; + 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: #C96F79; + color: #f8fafc; +} +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: rgba(201, 111, 121, 0.7); + color: #f8fafc; +} +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 #E39293; +} +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 #E39293; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #65738D; + border-radius: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #3C4962; + color: #E5E8EC; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E39293; +} +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: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #65738D; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #C96F79; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #E5E8EC; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(201, 111, 121, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(201, 111, 121, 0.772); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #f8fafc; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 3px; +} +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: #C96F79; + color: #f8fafc; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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(60, 73, 98, 0); + border-bottom-color: #3C4962; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(101, 115, 141, 0); + border-bottom-color: #65738D; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #3C4962; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #65738D; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #65738D; + border-radius: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #3C4962; + color: #E5E8EC; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E39293; +} +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: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #E5E8EC; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E39293; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #3C4962; + color: #E5E8EC; + padding: 0; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +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: #C96F79; + color: #f8fafc; + 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: #A54357; + color: #f8fafc; +} +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: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E39293; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} + +body .ui-tooltip .ui-tooltip-text { + background: #65738D; + color: #E5E8EC; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #65738D; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #65738D; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #65738D; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #65738D; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #65738D; + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + 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 #65738D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #3C4962; + border-color: #65738D; + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E39293; +} +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-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #3C4962; + color: #E5E8EC; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #CDD2DB; +} +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: rgba(201, 111, 121, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #3C4962; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #65738D; +} +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 #65738D; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E39293; +} + +body .ui-notificationbar { + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E39293; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #2B364C; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #65738D; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #65738D; +} + +body .ui-splitter { + border: 1px solid #65738D; + background: #3C4962; + border-radius: 3px; + color: #E5E8EC; +} +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: #65738D; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #65738D; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #3C4962; + 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: #3C4962; + color: #CDD2DB; + 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: #CDD2DB; + 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: #3C4962; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #E5E8EC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #3C4962; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #C96F79; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #C96F79; +} +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 #E39293; +} +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: #3C4962; + color: #E5E8EC; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #65738D; + 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 #65738D; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #C96F79; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #C96F79; +} +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 #65738D; + 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 #65738D; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #C96F79; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #C96F79; +} +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 #65738D; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #65738D; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #C96F79; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #C96F79; +} +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 #65738D; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #C96F79; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #C96F79; +} +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: #3C4962; + color: #CDD2DB; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} + +body .ui-toolbar { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #65738D; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(201, 111, 121, 0.7); + color: #f8fafc; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-camelot-dim/theme.scss b/src/main/webapp/resources/primefaces-poseidon-camelot-dim/theme.scss new file mode 100644 index 0000000..cc87c99 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-camelot-dim/theme.scss @@ -0,0 +1,7 @@ +$primaryLightColor: #E39293 !default; +$primaryColor: #C96F79 !default; +$primaryDarkColor: #A54357 !default; +$primaryDarkerColor: #8D304C !default; +$primaryTextColor: #f8fafc !default; + +@import '../sass/theme/_theme_dim'; \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-camelot-light/theme.css b/src/main/webapp/resources/primefaces-poseidon-camelot-light/theme.css new file mode 100644 index 0000000..6317c52 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-camelot-light/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#FDFEFF; + --surface-b:#F6F9FE; + --surface-c:rgba(232, 241, 248, 0.7); + --surface-d:#E4E5E5; + --surface-e:#FDFEFF; + --surface-f:#FDFEFF; + --text-color:#515C66; + --text-color-secondary:#657380; + --primary-color:#A54357; + --primary-color-text:#f8fafc; + --font-family:Open Sans; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F5F5F5; + --surface-200: #EEEEEE; + --surface-300: #E0E0E0; + --surface-400: #BDBDBD; + --surface-500: #9E9E9E; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#f8f9fa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: #e9ecef; + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem #C96F79; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#fbf6f7; + --primary-100:#e9d2d7; + --primary-200:#d8aeb7; + --primary-300:#c78a97; + --primary-400:#b66777; + --primary-500:#a54357; + --primary-600:#8c394a; + --primary-700:#742f3d; + --primary-800:#5b2530; + --primary-900:#421b23; +} + +body .ui-button { + background: #A54357; + color: #f8fafc; + border: 1px solid #A54357; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #8D304C; + border-color: #8D304C; + color: #f8fafc; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #C96F79; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #762143; + border-color: #762143; + color: #f8fafc; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #A54357; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(165, 67, 87, 0.04); + color: #A54357; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(165, 67, 87, 0.16); + color: #A54357; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #657380; + border-color: #657380; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #657380; +} +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: #E4E5E5; + color: #657380; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #A54357; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(165, 67, 87, 0.04); + color: #A54357; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(165, 67, 87, 0.16); + color: #A54357; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #657380; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #657380; +} +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: #E4E5E5; + color: #657380; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #FDFEFF; + color: #515C66; + border: 1px solid #D7D8D9; + 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: #657380; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + border-color: #D7D8D9; + color: #515C66; +} +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: #657380; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #A54357; + border-color: #A54357; + color: #f8fafc; +} +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: #f8fafc; +} +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: #8D304C; + border-color: #8D304C; + color: #f8fafc; +} +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: #f8fafc; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #537f2d; + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #A54357; + 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: #8D304C; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #762143; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #F6F9FE; + color: #515C66; +} +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: #657380; +} +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: #515C66; + color: #fff; +} +body .ui-speeddial-action:hover { + background: #3B475F; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #C96F79; +} +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(232, 241, 248, 0.7); + 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: #E4E5E5; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #A54357; + color: #f8fafc; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #A54357; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #FDFEFF; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #E4E5E5; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #A54357; + 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 #C96F79; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable thead th.ui-state-active { + background: #F6F9FE; + color: #A54357; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #A54357; +} +body .ui-datatable .ui-datatable-data > tr { + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(165, 67, 87, 0.7); + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #f8fafc; +} +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: #FDFEFF; + color: #515C66; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #C96F79; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #C96F79; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #C96F79; +} +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: rgba(165, 67, 87, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #A54357; +} +body .ui-datatable tfoot td { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + 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: #F6F9FE; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #fbfcfc; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(165, 67, 87, 0.7); + color: #f8fafc; +} +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-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: #FDFEFF; + border: 1px solid #D7D8D9; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #515C66; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #FDFEFF; + color: #515C66; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #E4E5E5; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(165, 67, 87, 0.7); +} +body .fc th { + background: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #E4E5E5; +} +body .fc td.fc-widget-content { + background: #FDFEFF; + border: 1px solid #E4E5E5; + color: #515C66; +} +body .fc td.fc-head-container { + border: 1px solid #E4E5E5; +} +body .fc .fc-row { + border-right: 1px solid #E4E5E5; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #8D304C; + border: 1px solid #8D304C; + color: #f8fafc; +} +body .fc .fc-divider { + background: #F6F9FE; + border: 1px solid #E4E5E5; +} +body .fc .fc-toolbar .fc-button { + background: #A54357; + color: #f8fafc; + border: 1px solid #A54357; + 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: #8D304C; + border-color: #8D304C; + color: #f8fafc; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #C96F79; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #762143; + border-color: #762143; + color: #f8fafc; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(165, 67, 87, 0.7); + color: #f8fafc; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(132, 54, 70, 0.7); +} +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: #FDFEFF; + border: solid rgba(232, 241, 248, 0.7); + 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: #657380; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(232, 241, 248, 0.7); + color: #515C66; + 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 #C96F79; +} +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: #657380; +} +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: #657380; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(165, 67, 87, 0.7); + color: #f8fafc; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + 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 #C96F79; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #657380; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(165, 67, 87, 0.7); + color: #f8fafc; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(132, 54, 70, 0.7); +} +@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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-tagcloud a { + color: #515C66; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(165, 67, 87, 0.7); + color: #f8fafc; +} + +body .timeline-frame { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C96F79; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(165, 67, 87, 0.7); + color: #f8fafc; +} +body .vis-timeline { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .vis-timeline .vis-item { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .vis-timeline .vis-item .vis-item-content { + color: #515C66; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(165, 67, 87, 0.7); + border-color: rgba(165, 67, 87, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #f8fafc; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #515C66; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #C96F79; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(165, 67, 87, 0.7); + color: #f8fafc; +} +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: #515C66; +} +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-tree-droppoint.ui-state-hover { + background: rgba(165, 67, 87, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #C96F79; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(165, 67, 87, 0.7); + color: #f8fafc; +} +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: #515C66; +} +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: #FDFEFF; +} +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: #657380; +} +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 rgba(165, 67, 87, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #A54357; + 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 #C96F79; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-treetable thead th.ui-state-active { + background: #F6F9FE; + color: #A54357; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #A54357; +} +body .ui-treetable .ui-treetable-data > tr { + background: #FDFEFF; + color: #515C66; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #C96F79; +} +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: #515C66; +} +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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(165, 67, 87, 0.7); + color: #f8fafc; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #C96F79; +} +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: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #f8fafc; +} +body .ui-treetable tfoot td { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + 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: #F6F9FE; +} +body .ui-treetable .ui-column-resizer-helper { + background: #A54357; +} +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(232, 241, 248, 0.7); +} +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 #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #E4E5E5; + color: #515C66; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #515C66; + -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: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 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: #515C66; + 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: #515C66; + 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: #FDFEFF; + color: #515C66; + 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: rgba(165, 67, 87, 0.7); + color: #f8fafc; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(165, 67, 87, 0.7); + color: #f8fafc; +} +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: #FDFEFF; + border: 1px solid #D7D8D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #A54357; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #A54357; + outline: 0 none; + box-shadow: 0 0 0 0.2em #C96F79; +} +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: #657380; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #657380; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #FDFEFF; + border: 0 none; + border-radius: 3px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +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: #515C66; + 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 #C96F79; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #f8fafc; + background: rgba(165, 67, 87, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #515C66; + background: rgba(232, 241, 248, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #F6F9FE; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #F6F9FE; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #D7D8D9; + border-width: 2px; + background: #FDFEFF; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #A54357; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 0.2em #C96F79; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #A54357; + background: #A54357; + color: #f8fafc; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #8D304C; +} +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: #F6F9FE; +} +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: #F6F9FE; +} +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: #A54357; +} +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: #8D304C; +} + +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: #E4E5E5; + color: #515C66; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #515C66; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #FDFEFF; + border: 1px solid #D7D8D9; + color: #515C66; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #FDFEFF; + color: #515C66; + font-weight: 600; + border: solid #E4E5E5; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #C96F79; +} +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 { + padding: 0; + color: #515C66; + 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:hover { + background: rgba(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C96F79; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(165, 67, 87, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #762143; + font-weight: 600; + 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(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(165, 67, 87, 0.7); + color: #f8fafc; + 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: #515C66; + background: #FDFEFF; + padding: 0.5rem 0.5rem; + border: 1px solid #D7D8D9; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #A54357; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #A54357; + outline: 0 none; + box-shadow: 0 0 0 0.2em #C96F79; +} +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: 3px; + 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 #E4E5E5; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #515C66; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C96F79; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(165, 67, 87, 0.7); + color: #f8fafc; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C96F79; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C96F79; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + 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: #A54357; + outline: 0 none; + box-shadow: 0 0 0 0.2em #C96F79; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #657380; +} +body :-moz-placeholder { + color: #657380; + opacity: 1; +} +body ::-moz-placeholder { + color: #657380; + opacity: 1; +} +body :-ms-input-placeholder { + color: #657380; +} +body .p-field small.ui-state-error { + color: #f44336; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #657380; +} +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: #515C66; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #515C66; +} +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: #657380; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #657380; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #515C66; + background: #FDFEFF; + padding: 0.5rem 0.5rem; + border: 1px solid #D7D8D9; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #A54357; +} +body .ui-inputfield.ui-state-focus { + border-color: #A54357; + outline: 0 none; + box-shadow: 0 0 0 0.2em #C96F79; +} +body .ui-inputfield.ui-state-error { + border-color: #f44336; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #F6F9FE; +} +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: #D7D8D9; + background: rgba(232, 241, 248, 0.7); + color: #657380; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #E4E5E5; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #FDFEFF; + border-radius: 50%; + border: 2px solid #E4E5E5; + 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: #A54357; + outline: 0 none; + box-shadow: 0 0 0 0.2em #C96F79; +} +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: #A54357; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #FDFEFF; + border-color: #762143; + margin-left: 2px; +} + +body .keypad-popup { + background: #FDFEFF; + color: #515C66; + 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: #FDFEFF; + border: 1px solid #D7D8D9; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #515C66; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: #ebebef; + border-color: #D7D8D9; + color: #515C66; +} +body .keypad-popup button.ui-state-active { + background: #762143; + border-color: #762143; + color: #FDFEFF; +} +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: #A54357; + color: #f8fafc; + border: 1px solid #A54357; +} +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: #8D304C; + border-color: #8D304C; + color: #f8fafc; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #C96F79; +} +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: #762143; + border-color: #762143; + color: #f8fafc; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #D7D8D9; + 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: #F6F9FE; + color: #515C66; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #FDFEFF; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(165, 67, 87, 0.7); + color: #f8fafc; +} + +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: #FDFEFF; + color: #515C66; + 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: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #D7D8D9; + border-width: 2px; + background: #FDFEFF; + 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: #A54357; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 0.2em #C96F79; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #A54357; + background: #A54357; + color: #f8fafc; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #8D304C; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #f8fafc; +} +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: #F6F9FE; +} +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: #F6F9FE; +} +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: #A54357; +} +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: #8D304C; +} + +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 #C96F79; +} +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 #C96F79; +} +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: #515C66; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #8D304C; +} +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: #A54357; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #f8fafc; +} + +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 #D7D8D9; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #FDFEFF; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #657380; + 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: #A54357; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #A54357; + outline: 0 none; + box-shadow: 0 0 0 0.2em #C96F79; +} +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: #E4E5E5; + color: #515C66; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #F6F9FE; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #F6F9FE; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #F6F9FE; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #F6F9FE; + color: #515C66; + 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: #657380; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #C96F79; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(165, 67, 87, 0.7); + color: #f8fafc; +} +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-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #515C66; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #D7D8D9; + border-radius: 3px; + background: #FDFEFF; +} +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: #F6F9FE; + color: #515C66; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #657380; +} +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: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +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: rgba(165, 67, 87, 0.7); + color: #f8fafc; +} +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 #C96F79; +} +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: #FDFEFF; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #D7D8D9; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #FDFEFF; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #657380; + 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: #A54357; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #A54357; + outline: 0 none; + box-shadow: 0 0 0 0.2em #C96F79; +} +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: #F6F9FE; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #F6F9FE; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #F6F9FE; +} +body .ui-selectonemenu-panel { + background: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #F6F9FE; + color: #515C66; +} +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: #657380; +} +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: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + color: #515C66; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #515C66; + 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: #FDFEFF; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(165, 67, 87, 0.7); + color: #f8fafc; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #515C66; +} + +body .ui-slider { + background: #E4E5E5; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #FDFEFF; + border: 2px solid #A54357; + 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: #A54357; + background: #A54357; +} +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: #A54357; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #E4E5E5; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #FDFEFF; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #C96F79; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #A54357; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #FDFEFF; +} + +body .ui-breadcrumb { + background: #FDFEFF; + border: 1px solid #E4E5E5; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C96F79; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: #515C66; +} +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: #515C66; +} +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: #657380; + 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: #515C66; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: 3px; + 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 #C96F79; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: #515C66; +} +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: #515C66; +} +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: #657380; + 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: #515C66; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #FDFEFF; + border: 1px solid #E4E5E5; + border-radius: 3px; +} +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: #515C66; + 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: #515C66; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #515C66; +} +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(232, 241, 248, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #657380; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #515C66; +} +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: #657380; +} +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: #657380; +} +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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(232, 241, 248, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +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: #515C66; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #FDFEFF; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 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 #E4E5E5; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #F6F9FE; + border-radius: 3px; +} +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: 3px; +} +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: #515C66; + 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: #515C66; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #F6F9FE; + 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 #E4E5E5; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #E4E5E5; + border-top: 0 none; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #E4E5E5; + background: #F6F9FE; + color: #515C66; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #FDFEFF; + border: 1px solid #E4E5E5; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #515C66; + 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(232, 241, 248, 0.7); +} +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: #515C66; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #515C66; +} +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: #657380; +} +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: #515C66; + background: #FDFEFF; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: #657380; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(165, 67, 87, 0.7); + color: #f8fafc; + border-color: rgba(165, 67, 87, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #515C66; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #E4E5E5; + 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: #FDFEFF; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #E4E5E5; + 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: #FDFEFF; + color: #657380; + top: 0; + margin: 0; + border-bottom: 2px solid #E4E5E5; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #657380; + 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: #FDFEFF; + border-color: #515C66; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #657380; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #657380; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #FDFEFF; + border-color: #A54357; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #A54357; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #A54357; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C96F79; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +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 #03A9F4; + color: #01579B; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #FFC107; + color: #7f6003; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + color: #B71C1C; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #03A9F4; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #FFC107; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C96F79; +} +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 #03A9F4; + border-width: 0 0 0 6px; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #FFC107; + border-width: 0 0 0 6px; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + border-width: 0 0 0 6px; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +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: #E4E5E5; + border-radius: 3px; +} +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 #FDFEFF; +} + +body .ui-badge { + background: #A54357; + color: #f8fafc; + 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: #E4E5E5; + color: #515C66; + 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: 3px; + 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 #C96F79; +} + +body .ui-clock { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: #F6F9FE; + 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: #F6F9FE; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #F6F9FE; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 3px; + 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: #F6F9FE; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #F6F9FE; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(232, 241, 248, 0.7); + 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: #E4E5E5; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #A54357; + color: #f8fafc; +} +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: rgba(165, 67, 87, 0.7); + color: #f8fafc; +} +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: #F6F9FE; + 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: #F6F9FE; +} +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 #C96F79; +} +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 #C96F79; +} + +.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: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #FDFEFF; + color: #515C66; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #C96F79; +} +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: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #efefef; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #A54357; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #515C66; + 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: #F6F9FE; +} + +body .ui-skeleton { + background-color: rgba(232, 241, 248, 0.7); + border-radius: 3px; +} +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: #A54357; + color: #f8fafc; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #FDFEFF; + color: #515C66; + border: 1px solid #E4E5E5; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #FDFEFF; + color: #515C66; + border: 0 none; + border-radius: 3px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +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(253, 254, 255, 0); + border-bottom-color: #FDFEFF; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(253, 254, 255, 0); + border-bottom-color: #FDFEFF; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #FDFEFF; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #FDFEFF; +} +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: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #FDFEFF; + color: #515C66; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #C96F79; +} +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: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #FDFEFF; + color: #515C66; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #515C66; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C96F79; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #FDFEFF; + color: #515C66; + 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: 3px; +} +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: #A54357; + color: #f8fafc; + 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: #8D304C; + color: #f8fafc; +} +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: #FDFEFF; + color: #515C66; + padding: 1rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C96F79; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #252529; + color: #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: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #252529; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #252529; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #252529; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #252529; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #E4E5E5; + border-top: 0 none; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + 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 #E4E5E5; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #F6F9FE; + border-color: #E4E5E5; + color: #515C66; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C96F79; +} +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-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #FDFEFF; + color: #515C66; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #657380; +} +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: rgba(165, 67, 87, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #FDFEFF; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #E4E5E5; +} +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 #E4E5E5; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #515C66; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C96F79; +} + +body .ui-notificationbar { + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border: 1px solid #E4E5E5; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #C96F79; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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 #E4E5E5; + background: #FDFEFF; + border-radius: 3px; + color: #515C66; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #F6F9FE; +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #E4E5E5; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #E4E5E5; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #FDFEFF; + 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: #FDFEFF; + color: #657380; + 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: #657380; + 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: #FDFEFF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #657380; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #657380; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #FDFEFF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #A54357; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #A54357; +} +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 #C96F79; +} +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: #FDFEFF; + color: #515C66; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #E4E5E5; + 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 #E4E5E5; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #A54357; +} +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 #E4E5E5; + 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 #E4E5E5; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #A54357; +} +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 #E4E5E5; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #E4E5E5; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #A54357; +} +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 #E4E5E5; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #A54357; +} +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: #FDFEFF; + color: #657380; + 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(232, 241, 248, 0.7); + color: #515C66; +} + +body .ui-toolbar { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #E4E5E5; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(165, 67, 87, 0.7); + color: #f8fafc; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-camelot-light/theme.scss b/src/main/webapp/resources/primefaces-poseidon-camelot-light/theme.scss new file mode 100644 index 0000000..9810702 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-camelot-light/theme.scss @@ -0,0 +1,7 @@ +$primaryLightColor: #C96F79 !default; +$primaryColor: #A54357 !default; +$primaryDarkColor: #8D304C !default; +$primaryDarkerColor: #762143 !default; +$primaryTextColor: #f8fafc !default; + +@import '../sass/theme/_theme_light'; \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-cape-palliser-dark/theme.css b/src/main/webapp/resources/primefaces-poseidon-cape-palliser-dark/theme.css new file mode 100644 index 0000000..a4f9ba9 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-cape-palliser-dark/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#434B54; + --surface-b:#2F363E; + --surface-c:rgba(78, 86, 95, 0.7); + --surface-d:#5B646D; + --surface-e:#434B54; + --surface-f:#434B54; + --text-color:#E6E8EB; + --text-color-secondary:#D0D3D7; + --primary-color:#C8996A; + --primary-color-text:#f8fafc; + --font-family:Open Sans; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50:#e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#1e1e1e; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #E3BD8E; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#fcfaf8; + --primary-100:#f2e7db; + --primary-200:#e7d3bf; + --primary-300:#ddc0a3; + --primary-400:#d2ac86; + --primary-500:#c8996a; + --primary-600:#aa825a; + --primary-700:#8c6b4a; + --primary-800:#6e543a; + --primary-900:#503d2a; +} + +body .ui-button { + background: #C8996A; + color: #f8fafc; + border: 1px solid #C8996A; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #A46B3E; + border-color: #A46B3E; + color: #f8fafc; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E3BD8E; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #8D522D; + border-color: #8D522D; + color: #f8fafc; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #C8996A; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(200, 153, 106, 0.04); + color: #C8996A; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(200, 153, 106, 0.16); + color: #C8996A; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #D0D3D7; + border-color: #D0D3D7; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #D0D3D7; +} +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: #D0D3D7; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #C8996A; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(200, 153, 106, 0.04); + color: #C8996A; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(200, 153, 106, 0.16); + color: #C8996A; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #D0D3D7; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #D0D3D7; +} +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: #D0D3D7; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + 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: #D0D3D7; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + border-color: #5B646D; + color: #E6E8EB; +} +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: #D0D3D7; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #C8996A; + border-color: #C8996A; + color: #f8fafc; +} +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: #f8fafc; +} +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: #A46B3E; + border-color: #A46B3E; + color: #f8fafc; +} +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: #f8fafc; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #C8996A; + 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: #A46B3E; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #8D522D; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #434B54; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #E6E8EB; + color: #2F363E; +} +body .ui-speeddial-action:hover { + background: #D0D3D7; + color: #2F363E; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E3BD8E; +} +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: #5B646D; + 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(78, 86, 95, 0.7); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #C8996A; + color: #f8fafc; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #C8996A; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #434B54; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #5B646D; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #D0D3D7; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #434B54; + color: #E6E8EB; + padding: 1rem 1rem; + border: 1px solid #5B646D; + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #C8996A; + 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 #E3BD8E; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable thead th.ui-state-active { + background: #434B54; + color: #C8996A; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #C8996A; +} +body .ui-datatable .ui-datatable-data > tr { + background: #434B54; + color: #E6E8EB; + 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 #5B646D; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #f8fafc; +} +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: #434B54; + color: #E6E8EB; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E3BD8E; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E3BD8E; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E3BD8E; +} +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: rgba(200, 153, 106, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #C8996A; +} +body .ui-datatable tfoot td { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + 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: #434B54; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #394149; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-columntoggler { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + background: #434B54; + border: 1px solid #5B646D; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #E6E8EB; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #5B646D; + } + 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 #5B646D; + } + 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: #434B54; + color: #D0D3D7; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #5B646D; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #5B646D; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(200, 153, 106, 0.7); +} +body .fc th { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #5B646D; +} +body .fc td.fc-widget-content { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; +} +body .fc td.fc-head-container { + border: 1px solid #5B646D; +} +body .fc .fc-row { + border-right: 1px solid #5B646D; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #A46B3E; + border: 1px solid #A46B3E; + color: #f8fafc; +} +body .fc .fc-divider { + background: #434B54; + border: 1px solid #5B646D; +} +body .fc .fc-toolbar .fc-button { + background: #C8996A; + color: #f8fafc; + border: 1px solid #C8996A; + 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: #A46B3E; + border-color: #A46B3E; + color: #f8fafc; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E3BD8E; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #8D522D; + border-color: #8D522D; + color: #f8fafc; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(179, 122, 66, 0.7); +} +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: #434B54; + border: solid #5B646D; + 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: #D0D3D7; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E3BD8E; +} +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: #D0D3D7; +} +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: #D0D3D7; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(200, 153, 106, 0.7); + color: #f8fafc; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E3BD8E; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #D0D3D7; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(179, 122, 66, 0.7); +} +@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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-tagcloud a { + color: #E6E8EB; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; +} + +body .timeline-frame { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E3BD8E; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; +} +body .vis-timeline { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .vis-timeline .vis-item { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .vis-timeline .vis-item .vis-item-content { + color: #E6E8EB; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(200, 153, 106, 0.7); + border-color: rgba(200, 153, 106, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #f8fafc; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #E6E8EB; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E3BD8E; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; +} +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: #E6E8EB; +} +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-tree-droppoint.ui-state-hover { + background: rgba(200, 153, 106, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #E3BD8E; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; +} +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: #E6E8EB; +} +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: #434B54; +} +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: #D0D3D7; +} +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 rgba(200, 153, 106, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #434B54; + color: #D0D3D7; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + 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: #434B54; + color: #E6E8EB; + padding: 1rem 1rem; + border: 1px solid #5B646D; + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #C8996A; + 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 #E3BD8E; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-treetable thead th.ui-state-active { + background: #434B54; + color: #C8996A; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #C8996A; +} +body .ui-treetable .ui-treetable-data > tr { + background: #434B54; + color: #E6E8EB; + 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 #5B646D; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E3BD8E; +} +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: #E6E8EB; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E3BD8E; +} +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: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #f8fafc; +} +body .ui-treetable tfoot td { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + 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: #434B54; +} +body .ui-treetable .ui-column-resizer-helper { + background: #C8996A; +} +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 #5B646D; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #5B646D; + color: #E6E8EB; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #E6E8EB; + -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: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + 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: #E6E8EB; + 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; +} +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: rgba(200, 153, 106, 0.7); + color: #f8fafc; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; +} +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: #2F363E; + border: 1px solid #5B646D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #C8996A; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #C8996A; + outline: 0 none; + box-shadow: 0 0 0 1px #E3BD8E; +} +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: #D0D3D7; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #D0D3D7; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + 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 #E3BD8E; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #f8fafc; + background: rgba(200, 153, 106, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #E6E8EB; + background: rgba(78, 86, 95, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #5B646D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #5B646D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #5B646D; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #5B646D; + border-width: 2px; + background: #2F363E; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #C8996A; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 2px #E3BD8E; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #C8996A; + background: #C8996A; + color: #f8fafc; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #A46B3E; +} +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: #5B646D; +} +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: #5B646D; +} +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: #C8996A; +} +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: #A46B3E; +} + +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: #5B646D; + color: #E6E8EB; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #E6E8EB; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #434B54; + color: #E6E8EB; + font-weight: 600; + border: solid #5B646D; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E3BD8E; +} +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 { + padding: 0; + color: #E6E8EB; + 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:hover { + background: rgba(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E3BD8E; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #C8996A; + font-weight: 600; + 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(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + background: #2F363E; + padding: 0.5rem 0.5rem; + border: 1px solid #5B646D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #C8996A; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #C8996A; + outline: 0 none; + box-shadow: 0 0 0 1px #E3BD8E; +} +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: 3px; + 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 #5B646D; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #E6E8EB; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E3BD8E; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E3BD8E; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E3BD8E; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + 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: #C8996A; + outline: 0 none; + box-shadow: 0 0 0 1px #E3BD8E; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #D0D3D7; +} +body :-moz-placeholder { + color: #D0D3D7; + opacity: 1; +} +body ::-moz-placeholder { + color: #D0D3D7; + opacity: 1; +} +body :-ms-input-placeholder { + color: #D0D3D7; +} +body .p-field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #D0D3D7; +} +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: #E6E8EB; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #E6E8EB; +} +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: #D0D3D7; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #D0D3D7; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #E6E8EB; + background: #2F363E; + padding: 0.5rem 0.5rem; + border: 1px solid #5B646D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #C8996A; +} +body .ui-inputfield.ui-state-focus { + border-color: #C8996A; + outline: 0 none; + box-shadow: 0 0 0 1px #E3BD8E; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #5B646D; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #5B646D; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #5B646D; +} +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: #5B646D; + background: #434B54; + color: #D0D3D7; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #5B646D; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #434B54; + border-radius: 50%; + border: 2px solid #5B646D; + 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: #C8996A; + outline: 0 none; + box-shadow: 0 0 0 1px #E3BD8E; +} +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: #C8996A; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #E6E8EB; + border-color: #8D522D; + margin-left: 2px; +} + +body .keypad-popup { + background: #434B54; + color: #E6E8EB; + padding: 0; + border: 1px solid #5B646D; + margin: 0; + width: auto; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .keypad-popup button { + background: #434B54; + border: 1px solid #5B646D; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + border-color: #5B646D; + color: #E6E8EB; +} +body .keypad-popup button.ui-state-active { + background: #2F363E; + border-color: #5B646D; + color: #E6E8EB; +} +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: #C8996A; + color: #f8fafc; + border: 1px solid #C8996A; +} +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: #A46B3E; + border-color: #A46B3E; + color: #f8fafc; +} +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 #E3BD8E; +} +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: #8D522D; + border-color: #8D522D; + color: #f8fafc; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #5B646D; + 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: #434B54; + color: #E6E8EB; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #434B54; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; +} + +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: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #5B646D; + border-width: 2px; + background: #2F363E; + 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: #C8996A; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 2px #E3BD8E; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #C8996A; + background: #C8996A; + color: #f8fafc; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #A46B3E; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #f8fafc; +} +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: #5B646D; +} +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: #5B646D; +} +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: #C8996A; +} +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: #A46B3E; +} + +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 #E3BD8E; +} +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 #E3BD8E; +} +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: #E6E8EB; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #A46B3E; +} +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: #C8996A; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #f8fafc; +} + +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 #5B646D; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2F363E; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #D0D3D7; + 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: #C8996A; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #C8996A; + outline: 0 none; + box-shadow: 0 0 0 1px #E3BD8E; +} +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: #5B646D; + color: #E6E8EB; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #5B646D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #5B646D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #5B646D; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #434B54; + color: #E6E8EB; + 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: #D0D3D7; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E3BD8E; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; +} +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-group { + background: #434B54; + margin: 0; + padding: 0.75rem 1rem; + color: #E6E8EB; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #5B646D; + border-radius: 3px; + background: #434B54; +} +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: #434B54; + color: #E6E8EB; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #D0D3D7; +} +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: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +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: rgba(200, 153, 106, 0.7); + color: #f8fafc; +} +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 #E3BD8E; +} +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: #434B54; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #5B646D; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2F363E; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #D0D3D7; + 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: #C8996A; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #C8996A; + outline: 0 none; + box-shadow: 0 0 0 1px #E3BD8E; +} +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: #5B646D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #5B646D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #5B646D; +} +body .ui-selectonemenu-panel { + background: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #434B54; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #E6E8EB; + 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #434B54; + margin: 0; + padding: 0.75rem 1rem; + color: #E6E8EB; +} + +body .ui-slider { + background: #5B646D; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #5B646D; + border: 2px solid #C8996A; + 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: #C8996A; + background: #C8996A; +} +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: #C8996A; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #5B646D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #434B54; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #E3BD8E; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #C8996A; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #E6E8EB; +} + +body .ui-breadcrumb { + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E3BD8E; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: #E6E8EB; +} +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: #E6E8EB; +} +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: #D0D3D7; + 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: #E6E8EB; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: 3px; + 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 #E3BD8E; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: #E6E8EB; +} +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: #E6E8EB; +} +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: #D0D3D7; + 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: #E6E8EB; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; +} +body .ui-menu.ui-shadow { + border: 1px solid #5B646D; + box-shadow: 0 2px 4px -1px rgba(0, 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: #434B54; + color: #E6E8EB; + 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: #E6E8EB; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #E6E8EB; +} +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(78, 86, 95, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #D0D3D7; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #D0D3D7; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(78, 86, 95, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +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: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #434B54; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 1px solid #5B646D; + box-shadow: 0 2px 4px -1px rgba(0, 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 #5B646D; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #434B54; + border-radius: 3px; +} +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: 3px; +} +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: #E6E8EB; + width: 100%; + border: 0 none; + background: #434B54; + 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: #434B54; + color: #E6E8EB; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #434B54; + 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 #5B646D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #5B646D; + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #434B54; + border: 1px solid #5B646D; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #E6E8EB; + 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(78, 86, 95, 0.7); +} +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: #E6E8EB; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #E6E8EB; + background: #434B54; + border: 1px solid #5B646D; + 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: #E6E8EB; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; + border-color: rgba(200, 153, 106, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #E6E8EB; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #5B646D; + 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: #434B54; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #5B646D; + 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: #434B54; + color: #D0D3D7; + top: 0; + margin: 0; + border-bottom: 2px solid #5B646D; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #D0D3D7; + 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: #434B54; + border-color: #C8996A; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #E6E8EB; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #E6E8EB; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #434B54; + border-color: #C8996A; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #C8996A; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #C8996A; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E3BD8E; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + color: #2B7AA4; + 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: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #F8D895; + border: 1px solid #A76927; + color: #A76927; + 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: #A76927; +} +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: #A76927; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + color: #AD342B; + 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: #AD342B; +} +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: #AD342B; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 3px; + color: #2B7AA4; +} +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: #2B7AA4; + 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: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 3px; + color: #A76927; +} +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: #A76927; + 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: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 3px; + color: #AD342B; +} +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: #AD342B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E3BD8E; +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 6px; + color: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #9BF2F7; + color: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #83eff5; +} +body .ui-messages .ui-messages-warn { + background: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 6px; + color: #A76927; +} +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: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #F8D895; + color: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #f6cf7d; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 6px; + color: #AD342B; +} +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: #AD342B; +} +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: #FABD9A; + color: #AD342B; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #f9ad82; +} + +body .ui-avatar { + background-color: #5B646D; + border-radius: 3px; +} +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 #434B54; +} + +body .ui-badge { + background: #C8996A; + color: #f8fafc; + 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: #5B646D; + color: #E6E8EB; + 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: 3px; + 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 #E3BD8E; +} + +body .ui-clock { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: 3px; + 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: #5B646D; + 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: #C8996A; + color: #f8fafc; +} +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: rgba(200, 153, 106, 0.7); + color: #f8fafc; +} +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 #E3BD8E; +} +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 #E3BD8E; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #5B646D; + border-radius: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #434B54; + color: #E6E8EB; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E3BD8E; +} +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: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #5B646D; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #C8996A; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #E6E8EB; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(200, 153, 106, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(200, 153, 106, 0.772); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #f8fafc; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 3px; +} +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: #C8996A; + color: #f8fafc; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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(67, 75, 84, 0); + border-bottom-color: #434B54; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(91, 100, 109, 0); + border-bottom-color: #5B646D; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #434B54; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #5B646D; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #5B646D; + border-radius: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #434B54; + color: #E6E8EB; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E3BD8E; +} +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: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #E6E8EB; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E3BD8E; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #434B54; + color: #E6E8EB; + padding: 0; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +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: #C8996A; + color: #f8fafc; + 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: #A46B3E; + color: #f8fafc; +} +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: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E3BD8E; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} + +body .ui-tooltip .ui-tooltip-text { + background: #5B646D; + color: #E6E8EB; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #5B646D; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #5B646D; + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + 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 #5B646D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #434B54; + border-color: #5B646D; + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E3BD8E; +} +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-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #434B54; + color: #E6E8EB; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #D0D3D7; +} +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: rgba(200, 153, 106, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #434B54; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #5B646D; +} +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 #5B646D; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E3BD8E; +} + +body .ui-notificationbar { + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E3BD8E; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #2F363E; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #5B646D; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #5B646D; +} + +body .ui-splitter { + border: 1px solid #5B646D; + background: #434B54; + border-radius: 3px; + color: #E6E8EB; +} +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: #5B646D; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #5B646D; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #434B54; + 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: #434B54; + color: #D0D3D7; + 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: #D0D3D7; + 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: #434B54; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #E6E8EB; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #434B54; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #C8996A; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #C8996A; +} +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 #E3BD8E; +} +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: #434B54; + color: #E6E8EB; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #5B646D; + 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 #5B646D; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #C8996A; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #C8996A; +} +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 #5B646D; + 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 #5B646D; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #C8996A; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #C8996A; +} +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 #5B646D; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #5B646D; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #C8996A; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #C8996A; +} +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 #5B646D; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #C8996A; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #C8996A; +} +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: #434B54; + color: #D0D3D7; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} + +body .ui-toolbar { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #5B646D; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-cape-palliser-dark/theme.scss b/src/main/webapp/resources/primefaces-poseidon-cape-palliser-dark/theme.scss new file mode 100644 index 0000000..e3412ba --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-cape-palliser-dark/theme.scss @@ -0,0 +1,7 @@ +$primaryLightColor: #E3BD8E !default; +$primaryColor: #C8996A !default; +$primaryDarkColor: #A46B3E !default; +$primaryDarkerColor: #8D522D !default; +$primaryTextColor: #f8fafc !default; + +@import '../sass/theme/_theme_dark'; \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-cape-palliser-dim/theme.css b/src/main/webapp/resources/primefaces-poseidon-cape-palliser-dim/theme.css new file mode 100644 index 0000000..e69a81f --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-cape-palliser-dim/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#3C4962; + --surface-b:#2B364C; + --surface-c:rgba(73, 87, 113, 0.7); + --surface-d:#65738D; + --surface-e:#3C4962; + --surface-f:#3C4962; + --text-color:#E5E8EC; + --text-color-secondary:#CDD2DB; + --primary-color:#C8996A; + --primary-color-text:#f8fafc; + --font-family:Open Sans; + --surface-0: #17212f; + --surface-50: #2e3744; + --surface-100: #454d59; + --surface-200: #5d646d; + --surface-300: #747a82; + --surface-400: #8b9097; + --surface-500: #a2a6ac; + --surface-600: #b9bcc1; + --surface-700: #d1d3d5; + --surface-800: #e8e9ea; + --surface-900: #ffffff; + --gray-50:#e8e9ea; + --gray-100: #d1d3d5; + --gray-200: #b9bcc1; + --gray-300: #a2a6ac; + --gray-400: #8b9097; + --gray-500: #747a82; + --gray-600: #5d646d; + --gray-700: #454d59; + --gray-800: #2e3744; + --gray-900: #17212f; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#17212f; + --surface-section:#17212f; + --surface-card:#1f2d40; + --surface-overlay:#1f2d40; + --surface-border:#304562; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #E3BD8E; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#fcfaf8; + --primary-100:#f2e7db; + --primary-200:#e7d3bf; + --primary-300:#ddc0a3; + --primary-400:#d2ac86; + --primary-500:#c8996a; + --primary-600:#aa825a; + --primary-700:#8c6b4a; + --primary-800:#6e543a; + --primary-900:#503d2a; +} + +body .ui-button { + background: #C8996A; + color: #f8fafc; + border: 1px solid #C8996A; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #A46B3E; + border-color: #A46B3E; + color: #f8fafc; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E3BD8E; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #8D522D; + border-color: #8D522D; + color: #f8fafc; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #C8996A; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(200, 153, 106, 0.04); + color: #C8996A; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(200, 153, 106, 0.16); + color: #C8996A; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #CDD2DB; + border-color: #CDD2DB; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #CDD2DB; +} +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: #CDD2DB; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #C8996A; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(200, 153, 106, 0.04); + color: #C8996A; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(200, 153, 106, 0.16); + color: #C8996A; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #CDD2DB; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #CDD2DB; +} +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: #CDD2DB; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + 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: #CDD2DB; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + border-color: #65738D; + color: #E5E8EC; +} +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: #CDD2DB; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #C8996A; + border-color: #C8996A; + color: #f8fafc; +} +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: #f8fafc; +} +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: #A46B3E; + border-color: #A46B3E; + color: #f8fafc; +} +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: #f8fafc; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #C8996A; + 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: #A46B3E; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #8D522D; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #E5E8EC; + color: #2B364C; +} +body .ui-speeddial-action:hover { + background: #CDD2DB; + color: #2B364C; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E3BD8E; +} +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: #65738D; + 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(73, 87, 113, 0.7); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #C8996A; + color: #f8fafc; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #C8996A; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #3C4962; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #65738D; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #CDD2DB; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; + padding: 1rem 1rem; + border: 1px solid #65738D; + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #C8996A; + 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 #E3BD8E; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable thead th.ui-state-active { + background: #3C4962; + color: #C8996A; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #C8996A; +} +body .ui-datatable .ui-datatable-data > tr { + background: #3C4962; + color: #E5E8EC; + 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 #65738D; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #f8fafc; +} +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: #3C4962; + color: #E5E8EC; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E3BD8E; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E3BD8E; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E3BD8E; +} +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: rgba(200, 153, 106, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #C8996A; +} +body .ui-datatable tfoot td { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + 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: #3C4962; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #344057; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-columntoggler { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + background: #3C4962; + border: 1px solid #65738D; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #E5E8EC; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #65738D; + } + 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 #65738D; + } + 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: #3C4962; + color: #CDD2DB; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #65738D; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #65738D; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #65738D; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(200, 153, 106, 0.7); +} +body .fc th { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #65738D; +} +body .fc td.fc-widget-content { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; +} +body .fc td.fc-head-container { + border: 1px solid #65738D; +} +body .fc .fc-row { + border-right: 1px solid #65738D; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #A46B3E; + border: 1px solid #A46B3E; + color: #f8fafc; +} +body .fc .fc-divider { + background: #3C4962; + border: 1px solid #65738D; +} +body .fc .fc-toolbar .fc-button { + background: #C8996A; + color: #f8fafc; + border: 1px solid #C8996A; + 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: #A46B3E; + border-color: #A46B3E; + color: #f8fafc; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E3BD8E; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #8D522D; + border-color: #8D522D; + color: #f8fafc; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(179, 122, 66, 0.7); +} +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: #3C4962; + border: solid #65738D; + 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: #CDD2DB; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E3BD8E; +} +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: #CDD2DB; +} +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: #CDD2DB; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(200, 153, 106, 0.7); + color: #f8fafc; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E3BD8E; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #CDD2DB; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(179, 122, 66, 0.7); +} +@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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-tagcloud a { + color: #E5E8EC; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; +} + +body .timeline-frame { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E3BD8E; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; +} +body .vis-timeline { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .vis-timeline .vis-item { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .vis-timeline .vis-item .vis-item-content { + color: #E5E8EC; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(200, 153, 106, 0.7); + border-color: rgba(200, 153, 106, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #f8fafc; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #E5E8EC; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E3BD8E; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; +} +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: #E5E8EC; +} +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-tree-droppoint.ui-state-hover { + background: rgba(200, 153, 106, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #E3BD8E; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; +} +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: #E5E8EC; +} +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: #3C4962; +} +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: #CDD2DB; +} +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 rgba(200, 153, 106, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #3C4962; + color: #CDD2DB; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + 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: #3C4962; + color: #E5E8EC; + padding: 1rem 1rem; + border: 1px solid #65738D; + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #C8996A; + 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 #E3BD8E; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-treetable thead th.ui-state-active { + background: #3C4962; + color: #C8996A; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #C8996A; +} +body .ui-treetable .ui-treetable-data > tr { + background: #3C4962; + color: #E5E8EC; + 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 #65738D; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E3BD8E; +} +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: #E5E8EC; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E3BD8E; +} +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: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #f8fafc; +} +body .ui-treetable tfoot td { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + 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: #3C4962; +} +body .ui-treetable .ui-column-resizer-helper { + background: #C8996A; +} +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 #65738D; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #65738D; + color: #E5E8EC; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #E5E8EC; + -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: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + 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: #E5E8EC; + 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; +} +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: rgba(200, 153, 106, 0.7); + color: #f8fafc; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; +} +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: #2B364C; + border: 1px solid #65738D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #C8996A; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #C8996A; + outline: 0 none; + box-shadow: 0 0 0 1px #E3BD8E; +} +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: #CDD2DB; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #CDD2DB; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + 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 #E3BD8E; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #f8fafc; + background: rgba(200, 153, 106, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #E5E8EC; + background: rgba(73, 87, 113, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #65738D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #65738D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #65738D; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #65738D; + border-width: 2px; + background: #2B364C; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #C8996A; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 2px #E3BD8E; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #C8996A; + background: #C8996A; + color: #f8fafc; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #A46B3E; +} +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: #65738D; +} +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: #65738D; +} +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: #C8996A; +} +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: #A46B3E; +} + +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: #65738D; + color: #E5E8EC; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #E5E8EC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #3C4962; + color: #E5E8EC; + font-weight: 600; + border: solid #65738D; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E3BD8E; +} +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 { + padding: 0; + color: #E5E8EC; + 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:hover { + background: rgba(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E3BD8E; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #C8996A; + font-weight: 600; + 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(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + background: #2B364C; + padding: 0.5rem 0.5rem; + border: 1px solid #65738D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #C8996A; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #C8996A; + outline: 0 none; + box-shadow: 0 0 0 1px #E3BD8E; +} +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: 3px; + 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 #65738D; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #E5E8EC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E3BD8E; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E3BD8E; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E3BD8E; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + 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: #C8996A; + outline: 0 none; + box-shadow: 0 0 0 1px #E3BD8E; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #CDD2DB; +} +body :-moz-placeholder { + color: #CDD2DB; + opacity: 1; +} +body ::-moz-placeholder { + color: #CDD2DB; + opacity: 1; +} +body :-ms-input-placeholder { + color: #CDD2DB; +} +body .p-field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #CDD2DB; +} +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: #E5E8EC; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #E5E8EC; +} +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: #CDD2DB; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #CDD2DB; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #E5E8EC; + background: #2B364C; + padding: 0.5rem 0.5rem; + border: 1px solid #65738D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #C8996A; +} +body .ui-inputfield.ui-state-focus { + border-color: #C8996A; + outline: 0 none; + box-shadow: 0 0 0 1px #E3BD8E; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #65738D; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #65738D; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #65738D; +} +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: #65738D; + background: #3C4962; + color: #CDD2DB; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #65738D; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #3C4962; + border-radius: 50%; + border: 2px solid #65738D; + 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: #C8996A; + outline: 0 none; + box-shadow: 0 0 0 1px #E3BD8E; +} +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: #C8996A; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #E5E8EC; + border-color: #8D522D; + margin-left: 2px; +} + +body .keypad-popup { + background: #3C4962; + color: #E5E8EC; + padding: 0; + border: 1px solid #65738D; + margin: 0; + width: auto; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .keypad-popup button { + background: #3C4962; + border: 1px solid #65738D; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + border-color: #65738D; + color: #E5E8EC; +} +body .keypad-popup button.ui-state-active { + background: #2B364C; + border-color: #65738D; + color: #E5E8EC; +} +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: #C8996A; + color: #f8fafc; + border: 1px solid #C8996A; +} +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: #A46B3E; + border-color: #A46B3E; + color: #f8fafc; +} +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 #E3BD8E; +} +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: #8D522D; + border-color: #8D522D; + color: #f8fafc; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #65738D; + 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: #3C4962; + color: #E5E8EC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #3C4962; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; +} + +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: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #65738D; + border-width: 2px; + background: #2B364C; + 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: #C8996A; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 2px #E3BD8E; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #C8996A; + background: #C8996A; + color: #f8fafc; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #A46B3E; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #f8fafc; +} +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: #65738D; +} +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: #65738D; +} +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: #C8996A; +} +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: #A46B3E; +} + +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 #E3BD8E; +} +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 #E3BD8E; +} +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: #E5E8EC; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #A46B3E; +} +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: #C8996A; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #f8fafc; +} + +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 #65738D; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2B364C; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #CDD2DB; + 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: #C8996A; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #C8996A; + outline: 0 none; + box-shadow: 0 0 0 1px #E3BD8E; +} +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: #65738D; + color: #E5E8EC; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #65738D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #65738D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #65738D; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #3C4962; + color: #E5E8EC; + 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: #CDD2DB; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E3BD8E; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; +} +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-group { + background: #3C4962; + margin: 0; + padding: 0.75rem 1rem; + color: #E5E8EC; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #65738D; + border-radius: 3px; + background: #3C4962; +} +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: #3C4962; + color: #E5E8EC; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #CDD2DB; +} +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: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +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: rgba(200, 153, 106, 0.7); + color: #f8fafc; +} +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 #E3BD8E; +} +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: #3C4962; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #65738D; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2B364C; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #CDD2DB; + 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: #C8996A; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #C8996A; + outline: 0 none; + box-shadow: 0 0 0 1px #E3BD8E; +} +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: #65738D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #65738D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #65738D; +} +body .ui-selectonemenu-panel { + background: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #3C4962; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #E5E8EC; + 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #3C4962; + margin: 0; + padding: 0.75rem 1rem; + color: #E5E8EC; +} + +body .ui-slider { + background: #65738D; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #65738D; + border: 2px solid #C8996A; + 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: #C8996A; + background: #C8996A; +} +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: #C8996A; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #65738D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #3C4962; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #E3BD8E; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #C8996A; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #E5E8EC; +} + +body .ui-breadcrumb { + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E3BD8E; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: #E5E8EC; +} +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: #E5E8EC; +} +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: #CDD2DB; + 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: #E5E8EC; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: 3px; + 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 #E3BD8E; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: #E5E8EC; +} +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: #E5E8EC; +} +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: #CDD2DB; + 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: #E5E8EC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; +} +body .ui-menu.ui-shadow { + border: 1px solid #65738D; + box-shadow: 0 2px 4px -1px rgba(0, 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: #3C4962; + color: #E5E8EC; + 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: #E5E8EC; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #E5E8EC; +} +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(73, 87, 113, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #CDD2DB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #CDD2DB; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(73, 87, 113, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +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: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #3C4962; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 1px solid #65738D; + box-shadow: 0 2px 4px -1px rgba(0, 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 #65738D; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #3C4962; + border-radius: 3px; +} +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: 3px; +} +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: #E5E8EC; + width: 100%; + border: 0 none; + background: #3C4962; + 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: #3C4962; + color: #E5E8EC; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #3C4962; + 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 #65738D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #65738D; + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #3C4962; + border: 1px solid #65738D; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #E5E8EC; + 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(73, 87, 113, 0.7); +} +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: #E5E8EC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #E5E8EC; + background: #3C4962; + border: 1px solid #65738D; + 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: #E5E8EC; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; + border-color: rgba(200, 153, 106, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #E5E8EC; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #65738D; + 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: #3C4962; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #65738D; + 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: #3C4962; + color: #CDD2DB; + top: 0; + margin: 0; + border-bottom: 2px solid #65738D; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #CDD2DB; + 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: #3C4962; + border-color: #C8996A; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #E5E8EC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #E5E8EC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #3C4962; + border-color: #C8996A; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #C8996A; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #C8996A; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E3BD8E; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + color: #2B7AA4; + 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: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #F8D895; + border: 1px solid #A76927; + color: #A76927; + 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: #A76927; +} +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: #A76927; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + color: #AD342B; + 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: #AD342B; +} +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: #AD342B; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 3px; + color: #2B7AA4; +} +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: #2B7AA4; + 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: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 3px; + color: #A76927; +} +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: #A76927; + 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: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 3px; + color: #AD342B; +} +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: #AD342B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E3BD8E; +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 6px; + color: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #9BF2F7; + color: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #83eff5; +} +body .ui-messages .ui-messages-warn { + background: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 6px; + color: #A76927; +} +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: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #F8D895; + color: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #f6cf7d; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 6px; + color: #AD342B; +} +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: #AD342B; +} +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: #FABD9A; + color: #AD342B; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #f9ad82; +} + +body .ui-avatar { + background-color: #65738D; + border-radius: 3px; +} +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 #3C4962; +} + +body .ui-badge { + background: #C8996A; + color: #f8fafc; + 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: #65738D; + color: #E5E8EC; + 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: 3px; + 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 #E3BD8E; +} + +body .ui-clock { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: 3px; + 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: #65738D; + 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: #C8996A; + color: #f8fafc; +} +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: rgba(200, 153, 106, 0.7); + color: #f8fafc; +} +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 #E3BD8E; +} +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 #E3BD8E; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #65738D; + border-radius: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #3C4962; + color: #E5E8EC; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E3BD8E; +} +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: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #65738D; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #C8996A; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #E5E8EC; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(200, 153, 106, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(200, 153, 106, 0.772); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #f8fafc; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 3px; +} +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: #C8996A; + color: #f8fafc; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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(60, 73, 98, 0); + border-bottom-color: #3C4962; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(101, 115, 141, 0); + border-bottom-color: #65738D; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #3C4962; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #65738D; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #65738D; + border-radius: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #3C4962; + color: #E5E8EC; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E3BD8E; +} +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: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #E5E8EC; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E3BD8E; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #3C4962; + color: #E5E8EC; + padding: 0; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +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: #C8996A; + color: #f8fafc; + 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: #A46B3E; + color: #f8fafc; +} +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: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E3BD8E; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} + +body .ui-tooltip .ui-tooltip-text { + background: #65738D; + color: #E5E8EC; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #65738D; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #65738D; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #65738D; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #65738D; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #65738D; + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + 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 #65738D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #3C4962; + border-color: #65738D; + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E3BD8E; +} +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-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #3C4962; + color: #E5E8EC; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #CDD2DB; +} +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: rgba(200, 153, 106, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #3C4962; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #65738D; +} +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 #65738D; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E3BD8E; +} + +body .ui-notificationbar { + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E3BD8E; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #2B364C; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #65738D; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #65738D; +} + +body .ui-splitter { + border: 1px solid #65738D; + background: #3C4962; + border-radius: 3px; + color: #E5E8EC; +} +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: #65738D; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #65738D; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #3C4962; + 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: #3C4962; + color: #CDD2DB; + 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: #CDD2DB; + 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: #3C4962; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #E5E8EC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #3C4962; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #C8996A; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #C8996A; +} +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 #E3BD8E; +} +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: #3C4962; + color: #E5E8EC; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #65738D; + 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 #65738D; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #C8996A; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #C8996A; +} +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 #65738D; + 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 #65738D; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #C8996A; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #C8996A; +} +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 #65738D; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #65738D; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #C8996A; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #C8996A; +} +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 #65738D; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #C8996A; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #C8996A; +} +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: #3C4962; + color: #CDD2DB; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} + +body .ui-toolbar { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #65738D; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(200, 153, 106, 0.7); + color: #f8fafc; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-cape-palliser-dim/theme.scss b/src/main/webapp/resources/primefaces-poseidon-cape-palliser-dim/theme.scss new file mode 100644 index 0000000..371fe5c --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-cape-palliser-dim/theme.scss @@ -0,0 +1,7 @@ +$primaryLightColor: #E3BD8E !default; +$primaryColor: #C8996A !default; +$primaryDarkColor: #A46B3E !default; +$primaryDarkerColor: #8D522D !default; +$primaryTextColor: #f8fafc !default; + +@import '../sass/theme/_theme_dim'; \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-cape-palliser-light/theme.css b/src/main/webapp/resources/primefaces-poseidon-cape-palliser-light/theme.css new file mode 100644 index 0000000..117c811 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-cape-palliser-light/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#FDFEFF; + --surface-b:#F6F9FE; + --surface-c:rgba(232, 241, 248, 0.7); + --surface-d:#E4E5E5; + --surface-e:#FDFEFF; + --surface-f:#FDFEFF; + --text-color:#515C66; + --text-color-secondary:#657380; + --primary-color:#A46B3E; + --primary-color-text:#f8fafc; + --font-family:Open Sans; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F5F5F5; + --surface-200: #EEEEEE; + --surface-300: #E0E0E0; + --surface-400: #BDBDBD; + --surface-500: #9E9E9E; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#f8f9fa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: #e9ecef; + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem #C8996A; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#faf8f5; + --primary-100:#e9dbd1; + --primary-200:#d8bfac; + --primary-300:#c7a387; + --primary-400:#b58763; + --primary-500:#a46b3e; + --primary-600:#8b5b35; + --primary-700:#734b2b; + --primary-800:#5a3b22; + --primary-900:#422b19; +} + +body .ui-button { + background: #A46B3E; + color: #f8fafc; + border: 1px solid #A46B3E; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #8D522D; + border-color: #8D522D; + color: #f8fafc; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #C8996A; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #763B1F; + border-color: #763B1F; + color: #f8fafc; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #A46B3E; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(164, 107, 62, 0.04); + color: #A46B3E; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(164, 107, 62, 0.16); + color: #A46B3E; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #657380; + border-color: #657380; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #657380; +} +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: #E4E5E5; + color: #657380; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #A46B3E; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(164, 107, 62, 0.04); + color: #A46B3E; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(164, 107, 62, 0.16); + color: #A46B3E; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #657380; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #657380; +} +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: #E4E5E5; + color: #657380; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #FDFEFF; + color: #515C66; + border: 1px solid #D7D8D9; + 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: #657380; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + border-color: #D7D8D9; + color: #515C66; +} +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: #657380; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #A46B3E; + border-color: #A46B3E; + color: #f8fafc; +} +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: #f8fafc; +} +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: #8D522D; + border-color: #8D522D; + color: #f8fafc; +} +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: #f8fafc; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #537f2d; + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #A46B3E; + 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: #8D522D; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #763B1F; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #F6F9FE; + color: #515C66; +} +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: #657380; +} +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: #515C66; + color: #fff; +} +body .ui-speeddial-action:hover { + background: #3B475F; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #C8996A; +} +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(232, 241, 248, 0.7); + 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: #E4E5E5; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #A46B3E; + color: #f8fafc; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #A46B3E; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #FDFEFF; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #E4E5E5; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #A46B3E; + 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 #C8996A; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable thead th.ui-state-active { + background: #F6F9FE; + color: #A46B3E; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #A46B3E; +} +body .ui-datatable .ui-datatable-data > tr { + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(164, 107, 62, 0.7); + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #f8fafc; +} +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: #FDFEFF; + color: #515C66; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #C8996A; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #C8996A; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #C8996A; +} +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: rgba(164, 107, 62, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #A46B3E; +} +body .ui-datatable tfoot td { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + 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: #F6F9FE; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #fbfcfc; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(164, 107, 62, 0.7); + color: #f8fafc; +} +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-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: #FDFEFF; + border: 1px solid #D7D8D9; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #515C66; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #FDFEFF; + color: #515C66; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #E4E5E5; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(164, 107, 62, 0.7); +} +body .fc th { + background: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #E4E5E5; +} +body .fc td.fc-widget-content { + background: #FDFEFF; + border: 1px solid #E4E5E5; + color: #515C66; +} +body .fc td.fc-head-container { + border: 1px solid #E4E5E5; +} +body .fc .fc-row { + border-right: 1px solid #E4E5E5; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #8D522D; + border: 1px solid #8D522D; + color: #f8fafc; +} +body .fc .fc-divider { + background: #F6F9FE; + border: 1px solid #E4E5E5; +} +body .fc .fc-toolbar .fc-button { + background: #A46B3E; + color: #f8fafc; + border: 1px solid #A46B3E; + 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: #8D522D; + border-color: #8D522D; + color: #f8fafc; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #C8996A; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #763B1F; + border-color: #763B1F; + color: #f8fafc; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(164, 107, 62, 0.7); + color: #f8fafc; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(131, 86, 50, 0.7); +} +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: #FDFEFF; + border: solid rgba(232, 241, 248, 0.7); + 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: #657380; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(232, 241, 248, 0.7); + color: #515C66; + 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 #C8996A; +} +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: #657380; +} +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: #657380; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(164, 107, 62, 0.7); + color: #f8fafc; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + 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 #C8996A; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #657380; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(164, 107, 62, 0.7); + color: #f8fafc; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(131, 86, 50, 0.7); +} +@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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-tagcloud a { + color: #515C66; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(164, 107, 62, 0.7); + color: #f8fafc; +} + +body .timeline-frame { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C8996A; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(164, 107, 62, 0.7); + color: #f8fafc; +} +body .vis-timeline { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .vis-timeline .vis-item { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .vis-timeline .vis-item .vis-item-content { + color: #515C66; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(164, 107, 62, 0.7); + border-color: rgba(164, 107, 62, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #f8fafc; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #515C66; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #C8996A; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(164, 107, 62, 0.7); + color: #f8fafc; +} +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: #515C66; +} +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-tree-droppoint.ui-state-hover { + background: rgba(164, 107, 62, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #C8996A; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(164, 107, 62, 0.7); + color: #f8fafc; +} +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: #515C66; +} +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: #FDFEFF; +} +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: #657380; +} +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 rgba(164, 107, 62, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #A46B3E; + 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 #C8996A; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-treetable thead th.ui-state-active { + background: #F6F9FE; + color: #A46B3E; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #A46B3E; +} +body .ui-treetable .ui-treetable-data > tr { + background: #FDFEFF; + color: #515C66; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #C8996A; +} +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: #515C66; +} +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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(164, 107, 62, 0.7); + color: #f8fafc; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #C8996A; +} +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: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #f8fafc; +} +body .ui-treetable tfoot td { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + 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: #F6F9FE; +} +body .ui-treetable .ui-column-resizer-helper { + background: #A46B3E; +} +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(232, 241, 248, 0.7); +} +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 #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #E4E5E5; + color: #515C66; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #515C66; + -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: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 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: #515C66; + 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: #515C66; + 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: #FDFEFF; + color: #515C66; + 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: rgba(164, 107, 62, 0.7); + color: #f8fafc; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(164, 107, 62, 0.7); + color: #f8fafc; +} +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: #FDFEFF; + border: 1px solid #D7D8D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #A46B3E; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #A46B3E; + outline: 0 none; + box-shadow: 0 0 0 0.2em #C8996A; +} +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: #657380; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #657380; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #FDFEFF; + border: 0 none; + border-radius: 3px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +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: #515C66; + 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 #C8996A; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #f8fafc; + background: rgba(164, 107, 62, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #515C66; + background: rgba(232, 241, 248, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #F6F9FE; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #F6F9FE; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #D7D8D9; + border-width: 2px; + background: #FDFEFF; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #A46B3E; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 0.2em #C8996A; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #A46B3E; + background: #A46B3E; + color: #f8fafc; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #8D522D; +} +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: #F6F9FE; +} +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: #F6F9FE; +} +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: #A46B3E; +} +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: #8D522D; +} + +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: #E4E5E5; + color: #515C66; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #515C66; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #FDFEFF; + border: 1px solid #D7D8D9; + color: #515C66; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #FDFEFF; + color: #515C66; + font-weight: 600; + border: solid #E4E5E5; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #C8996A; +} +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 { + padding: 0; + color: #515C66; + 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:hover { + background: rgba(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C8996A; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(164, 107, 62, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #763B1F; + font-weight: 600; + 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(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(164, 107, 62, 0.7); + color: #f8fafc; + 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: #515C66; + background: #FDFEFF; + padding: 0.5rem 0.5rem; + border: 1px solid #D7D8D9; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #A46B3E; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #A46B3E; + outline: 0 none; + box-shadow: 0 0 0 0.2em #C8996A; +} +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: 3px; + 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 #E4E5E5; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #515C66; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C8996A; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(164, 107, 62, 0.7); + color: #f8fafc; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C8996A; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C8996A; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + 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: #A46B3E; + outline: 0 none; + box-shadow: 0 0 0 0.2em #C8996A; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #657380; +} +body :-moz-placeholder { + color: #657380; + opacity: 1; +} +body ::-moz-placeholder { + color: #657380; + opacity: 1; +} +body :-ms-input-placeholder { + color: #657380; +} +body .p-field small.ui-state-error { + color: #f44336; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #657380; +} +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: #515C66; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #515C66; +} +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: #657380; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #657380; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #515C66; + background: #FDFEFF; + padding: 0.5rem 0.5rem; + border: 1px solid #D7D8D9; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #A46B3E; +} +body .ui-inputfield.ui-state-focus { + border-color: #A46B3E; + outline: 0 none; + box-shadow: 0 0 0 0.2em #C8996A; +} +body .ui-inputfield.ui-state-error { + border-color: #f44336; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #F6F9FE; +} +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: #D7D8D9; + background: rgba(232, 241, 248, 0.7); + color: #657380; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #E4E5E5; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #FDFEFF; + border-radius: 50%; + border: 2px solid #E4E5E5; + 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: #A46B3E; + outline: 0 none; + box-shadow: 0 0 0 0.2em #C8996A; +} +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: #A46B3E; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #FDFEFF; + border-color: #763B1F; + margin-left: 2px; +} + +body .keypad-popup { + background: #FDFEFF; + color: #515C66; + 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: #FDFEFF; + border: 1px solid #D7D8D9; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #515C66; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: #ebebef; + border-color: #D7D8D9; + color: #515C66; +} +body .keypad-popup button.ui-state-active { + background: #763B1F; + border-color: #763B1F; + color: #FDFEFF; +} +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: #A46B3E; + color: #f8fafc; + border: 1px solid #A46B3E; +} +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: #8D522D; + border-color: #8D522D; + color: #f8fafc; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #C8996A; +} +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: #763B1F; + border-color: #763B1F; + color: #f8fafc; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #D7D8D9; + 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: #F6F9FE; + color: #515C66; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #FDFEFF; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(164, 107, 62, 0.7); + color: #f8fafc; +} + +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: #FDFEFF; + color: #515C66; + 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: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #D7D8D9; + border-width: 2px; + background: #FDFEFF; + 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: #A46B3E; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 0.2em #C8996A; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #A46B3E; + background: #A46B3E; + color: #f8fafc; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #8D522D; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #f8fafc; +} +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: #F6F9FE; +} +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: #F6F9FE; +} +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: #A46B3E; +} +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: #8D522D; +} + +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 #C8996A; +} +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 #C8996A; +} +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: #515C66; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #8D522D; +} +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: #A46B3E; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #f8fafc; +} + +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 #D7D8D9; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #FDFEFF; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #657380; + 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: #A46B3E; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #A46B3E; + outline: 0 none; + box-shadow: 0 0 0 0.2em #C8996A; +} +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: #E4E5E5; + color: #515C66; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #F6F9FE; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #F6F9FE; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #F6F9FE; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #F6F9FE; + color: #515C66; + 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: #657380; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #C8996A; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(164, 107, 62, 0.7); + color: #f8fafc; +} +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-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #515C66; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #D7D8D9; + border-radius: 3px; + background: #FDFEFF; +} +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: #F6F9FE; + color: #515C66; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #657380; +} +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: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +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: rgba(164, 107, 62, 0.7); + color: #f8fafc; +} +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 #C8996A; +} +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: #FDFEFF; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #D7D8D9; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #FDFEFF; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #657380; + 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: #A46B3E; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #A46B3E; + outline: 0 none; + box-shadow: 0 0 0 0.2em #C8996A; +} +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: #F6F9FE; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #F6F9FE; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #F6F9FE; +} +body .ui-selectonemenu-panel { + background: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #F6F9FE; + color: #515C66; +} +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: #657380; +} +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: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + color: #515C66; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #515C66; + 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: #FDFEFF; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(164, 107, 62, 0.7); + color: #f8fafc; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #515C66; +} + +body .ui-slider { + background: #E4E5E5; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #FDFEFF; + border: 2px solid #A46B3E; + 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: #A46B3E; + background: #A46B3E; +} +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: #A46B3E; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #E4E5E5; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #FDFEFF; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #C8996A; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #A46B3E; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #FDFEFF; +} + +body .ui-breadcrumb { + background: #FDFEFF; + border: 1px solid #E4E5E5; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C8996A; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: #515C66; +} +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: #515C66; +} +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: #657380; + 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: #515C66; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: 3px; + 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 #C8996A; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: #515C66; +} +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: #515C66; +} +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: #657380; + 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: #515C66; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #FDFEFF; + border: 1px solid #E4E5E5; + border-radius: 3px; +} +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: #515C66; + 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: #515C66; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #515C66; +} +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(232, 241, 248, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #657380; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #515C66; +} +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: #657380; +} +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: #657380; +} +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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(232, 241, 248, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +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: #515C66; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #FDFEFF; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 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 #E4E5E5; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #F6F9FE; + border-radius: 3px; +} +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: 3px; +} +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: #515C66; + 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: #515C66; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #F6F9FE; + 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 #E4E5E5; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #E4E5E5; + border-top: 0 none; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #E4E5E5; + background: #F6F9FE; + color: #515C66; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #FDFEFF; + border: 1px solid #E4E5E5; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #515C66; + 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(232, 241, 248, 0.7); +} +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: #515C66; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #515C66; +} +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: #657380; +} +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: #515C66; + background: #FDFEFF; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: #657380; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(164, 107, 62, 0.7); + color: #f8fafc; + border-color: rgba(164, 107, 62, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #515C66; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #E4E5E5; + 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: #FDFEFF; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #E4E5E5; + 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: #FDFEFF; + color: #657380; + top: 0; + margin: 0; + border-bottom: 2px solid #E4E5E5; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #657380; + 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: #FDFEFF; + border-color: #515C66; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #657380; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #657380; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #FDFEFF; + border-color: #A46B3E; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #A46B3E; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #A46B3E; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C8996A; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +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 #03A9F4; + color: #01579B; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #FFC107; + color: #7f6003; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + color: #B71C1C; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #03A9F4; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #FFC107; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C8996A; +} +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 #03A9F4; + border-width: 0 0 0 6px; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #FFC107; + border-width: 0 0 0 6px; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + border-width: 0 0 0 6px; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +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: #E4E5E5; + border-radius: 3px; +} +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 #FDFEFF; +} + +body .ui-badge { + background: #A46B3E; + color: #f8fafc; + 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: #E4E5E5; + color: #515C66; + 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: 3px; + 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 #C8996A; +} + +body .ui-clock { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: #F6F9FE; + 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: #F6F9FE; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #F6F9FE; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 3px; + 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: #F6F9FE; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #F6F9FE; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(232, 241, 248, 0.7); + 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: #E4E5E5; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #A46B3E; + color: #f8fafc; +} +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: rgba(164, 107, 62, 0.7); + color: #f8fafc; +} +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: #F6F9FE; + 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: #F6F9FE; +} +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 #C8996A; +} +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 #C8996A; +} + +.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: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #FDFEFF; + color: #515C66; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #C8996A; +} +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: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #efefef; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #A46B3E; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #515C66; + 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: #F6F9FE; +} + +body .ui-skeleton { + background-color: rgba(232, 241, 248, 0.7); + border-radius: 3px; +} +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: #A46B3E; + color: #f8fafc; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #FDFEFF; + color: #515C66; + border: 1px solid #E4E5E5; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #FDFEFF; + color: #515C66; + border: 0 none; + border-radius: 3px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +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(253, 254, 255, 0); + border-bottom-color: #FDFEFF; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(253, 254, 255, 0); + border-bottom-color: #FDFEFF; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #FDFEFF; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #FDFEFF; +} +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: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #FDFEFF; + color: #515C66; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #C8996A; +} +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: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #FDFEFF; + color: #515C66; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #515C66; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C8996A; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #FDFEFF; + color: #515C66; + 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: 3px; +} +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: #A46B3E; + color: #f8fafc; + 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: #8D522D; + color: #f8fafc; +} +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: #FDFEFF; + color: #515C66; + padding: 1rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C8996A; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #252529; + color: #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: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #252529; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #252529; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #252529; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #252529; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #E4E5E5; + border-top: 0 none; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + 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 #E4E5E5; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #F6F9FE; + border-color: #E4E5E5; + color: #515C66; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C8996A; +} +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-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #FDFEFF; + color: #515C66; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #657380; +} +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: rgba(164, 107, 62, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #FDFEFF; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #E4E5E5; +} +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 #E4E5E5; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #515C66; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C8996A; +} + +body .ui-notificationbar { + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border: 1px solid #E4E5E5; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #C8996A; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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 #E4E5E5; + background: #FDFEFF; + border-radius: 3px; + color: #515C66; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #F6F9FE; +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #E4E5E5; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #E4E5E5; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #FDFEFF; + 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: #FDFEFF; + color: #657380; + 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: #657380; + 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: #FDFEFF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #657380; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #657380; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #FDFEFF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #A46B3E; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #A46B3E; +} +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 #C8996A; +} +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: #FDFEFF; + color: #515C66; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #E4E5E5; + 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 #E4E5E5; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #A46B3E; +} +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 #E4E5E5; + 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 #E4E5E5; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #A46B3E; +} +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 #E4E5E5; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #E4E5E5; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #A46B3E; +} +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 #E4E5E5; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #A46B3E; +} +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: #FDFEFF; + color: #657380; + 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(232, 241, 248, 0.7); + color: #515C66; +} + +body .ui-toolbar { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #E4E5E5; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(164, 107, 62, 0.7); + color: #f8fafc; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-cape-palliser-light/theme.scss b/src/main/webapp/resources/primefaces-poseidon-cape-palliser-light/theme.scss new file mode 100644 index 0000000..8ed9d83 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-cape-palliser-light/theme.scss @@ -0,0 +1,7 @@ +$primaryLightColor: #C8996A !default; +$primaryColor: #A46B3E !default; +$primaryDarkColor: #8D522D !default; +$primaryDarkerColor: #763B1F !default; +$primaryTextColor: #f8fafc !default; + +@import '../sass/theme/_theme_light'; \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-cyan-dark/theme.css b/src/main/webapp/resources/primefaces-poseidon-cyan-dark/theme.css new file mode 100644 index 0000000..cf2453d --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-cyan-dark/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#434B54; + --surface-b:#2F363E; + --surface-c:rgba(78, 86, 95, 0.7); + --surface-d:#5B646D; + --surface-e:#434B54; + --surface-f:#434B54; + --text-color:#E6E8EB; + --text-color-secondary:#D0D3D7; + --primary-color:#4FC4CF; + --primary-color-text:#363E47; + --font-family:Open Sans; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50:#e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#1e1e1e; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #79E1E2; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#f6fcfd; + --primary-100:#d5f1f3; + --primary-200:#b3e6ea; + --primary-300:#92dae1; + --primary-400:#70cfd8; + --primary-500:#4fc4cf; + --primary-600:#43a7b0; + --primary-700:#378991; + --primary-800:#2b6c72; + --primary-900:#204e53; +} + +body .ui-button { + background: #4FC4CF; + color: #363E47; + border: 1px solid #4FC4CF; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #399DB2; + border-color: #399DB2; + color: #363E47; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #79E1E2; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #277995; + border-color: #277995; + color: #363E47; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #4FC4CF; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(79, 196, 207, 0.04); + color: #4FC4CF; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(79, 196, 207, 0.16); + color: #4FC4CF; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #D0D3D7; + border-color: #D0D3D7; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #D0D3D7; +} +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: #D0D3D7; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #4FC4CF; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(79, 196, 207, 0.04); + color: #4FC4CF; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(79, 196, 207, 0.16); + color: #4FC4CF; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #D0D3D7; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #D0D3D7; +} +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: #D0D3D7; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + 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: #D0D3D7; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + border-color: #5B646D; + color: #E6E8EB; +} +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: #D0D3D7; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #4FC4CF; + border-color: #4FC4CF; + color: #363E47; +} +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: #363E47; +} +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: #399DB2; + border-color: #399DB2; + color: #363E47; +} +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: #363E47; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #4FC4CF; + 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: #399DB2; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #277995; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #434B54; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #E6E8EB; + color: #2F363E; +} +body .ui-speeddial-action:hover { + background: #D0D3D7; + color: #2F363E; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #79E1E2; +} +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: #5B646D; + 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(78, 86, 95, 0.7); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #4FC4CF; + color: #363E47; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #4FC4CF; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #434B54; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #5B646D; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #D0D3D7; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #434B54; + color: #E6E8EB; + padding: 1rem 1rem; + border: 1px solid #5B646D; + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #363E47; + background: #4FC4CF; + 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 #79E1E2; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable thead th.ui-state-active { + background: #434B54; + color: #4FC4CF; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #4FC4CF; +} +body .ui-datatable .ui-datatable-data > tr { + background: #434B54; + color: #E6E8EB; + 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 #5B646D; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(79, 196, 207, 0.7); + color: #363E47; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #363E47; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #363E47; +} +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: #434B54; + color: #E6E8EB; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #79E1E2; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #79E1E2; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #79E1E2; +} +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: rgba(79, 196, 207, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #4FC4CF; +} +body .ui-datatable tfoot td { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + 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: #434B54; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #394149; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(79, 196, 207, 0.7); + color: #363E47; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-columntoggler { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + background: #434B54; + border: 1px solid #5B646D; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #E6E8EB; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #5B646D; + } + 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 #5B646D; + } + 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: #434B54; + color: #D0D3D7; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #5B646D; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #5B646D; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(79, 196, 207, 0.7); +} +body .fc th { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #5B646D; +} +body .fc td.fc-widget-content { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; +} +body .fc td.fc-head-container { + border: 1px solid #5B646D; +} +body .fc .fc-row { + border-right: 1px solid #5B646D; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #399DB2; + border: 1px solid #399DB2; + color: #363E47; +} +body .fc .fc-divider { + background: #434B54; + border: 1px solid #5B646D; +} +body .fc .fc-toolbar .fc-button { + background: #4FC4CF; + color: #363E47; + border: 1px solid #4FC4CF; + 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: #399DB2; + border-color: #399DB2; + color: #363E47; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #79E1E2; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #277995; + border-color: #277995; + color: #363E47; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(79, 196, 207, 0.7); + color: #363E47; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(49, 169, 180, 0.7); +} +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: #434B54; + border: solid #5B646D; + 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: #D0D3D7; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #79E1E2; +} +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: #D0D3D7; +} +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: #D0D3D7; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(79, 196, 207, 0.7); + color: #363E47; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #79E1E2; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #D0D3D7; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(79, 196, 207, 0.7); + color: #363E47; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(49, 169, 180, 0.7); +} +@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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-tagcloud a { + color: #E6E8EB; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(79, 196, 207, 0.7); + color: #363E47; +} + +body .timeline-frame { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #79E1E2; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(79, 196, 207, 0.7); + color: #363E47; +} +body .vis-timeline { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .vis-timeline .vis-item { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .vis-timeline .vis-item .vis-item-content { + color: #E6E8EB; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(79, 196, 207, 0.7); + border-color: rgba(79, 196, 207, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #363E47; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #E6E8EB; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #79E1E2; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(79, 196, 207, 0.7); + color: #363E47; +} +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: #E6E8EB; +} +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-tree-droppoint.ui-state-hover { + background: rgba(79, 196, 207, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #79E1E2; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(79, 196, 207, 0.7); + color: #363E47; +} +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: #E6E8EB; +} +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: #434B54; +} +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: #D0D3D7; +} +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 rgba(79, 196, 207, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #434B54; + color: #D0D3D7; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + 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: #434B54; + color: #E6E8EB; + padding: 1rem 1rem; + border: 1px solid #5B646D; + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #363E47; + background: #4FC4CF; + 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 #79E1E2; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-treetable thead th.ui-state-active { + background: #434B54; + color: #4FC4CF; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #4FC4CF; +} +body .ui-treetable .ui-treetable-data > tr { + background: #434B54; + color: #E6E8EB; + 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 #5B646D; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #79E1E2; +} +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: #E6E8EB; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(79, 196, 207, 0.7); + color: #363E47; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #363E47; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #363E47; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #79E1E2; +} +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: #363E47; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #363E47; +} +body .ui-treetable tfoot td { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + 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: #434B54; +} +body .ui-treetable .ui-column-resizer-helper { + background: #4FC4CF; +} +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 #5B646D; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #5B646D; + color: #E6E8EB; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #E6E8EB; + -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: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + 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: #E6E8EB; + 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; +} +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: rgba(79, 196, 207, 0.7); + color: #363E47; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(79, 196, 207, 0.7); + color: #363E47; +} +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: #2F363E; + border: 1px solid #5B646D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #4FC4CF; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #4FC4CF; + outline: 0 none; + box-shadow: 0 0 0 1px #79E1E2; +} +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: #D0D3D7; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #D0D3D7; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + 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 #79E1E2; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #363E47; + background: rgba(79, 196, 207, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #E6E8EB; + background: rgba(78, 86, 95, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #5B646D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #5B646D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #5B646D; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #5B646D; + border-width: 2px; + background: #2F363E; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #4FC4CF; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 2px #79E1E2; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #4FC4CF; + background: #4FC4CF; + color: #363E47; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #399DB2; +} +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: #5B646D; +} +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: #5B646D; +} +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: #4FC4CF; +} +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: #399DB2; +} + +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: #5B646D; + color: #E6E8EB; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #E6E8EB; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #434B54; + color: #E6E8EB; + font-weight: 600; + border: solid #5B646D; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #79E1E2; +} +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 { + padding: 0; + color: #E6E8EB; + 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:hover { + background: rgba(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #79E1E2; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(79, 196, 207, 0.7); + color: #363E47; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #4FC4CF; + font-weight: 600; + 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(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(79, 196, 207, 0.7); + color: #363E47; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + background: #2F363E; + padding: 0.5rem 0.5rem; + border: 1px solid #5B646D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #4FC4CF; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #4FC4CF; + outline: 0 none; + box-shadow: 0 0 0 1px #79E1E2; +} +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: 3px; + 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 #5B646D; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #E6E8EB; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #79E1E2; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(79, 196, 207, 0.7); + color: #363E47; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #79E1E2; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #79E1E2; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + 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: #4FC4CF; + outline: 0 none; + box-shadow: 0 0 0 1px #79E1E2; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #D0D3D7; +} +body :-moz-placeholder { + color: #D0D3D7; + opacity: 1; +} +body ::-moz-placeholder { + color: #D0D3D7; + opacity: 1; +} +body :-ms-input-placeholder { + color: #D0D3D7; +} +body .p-field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #D0D3D7; +} +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: #E6E8EB; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #E6E8EB; +} +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: #D0D3D7; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #D0D3D7; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #E6E8EB; + background: #2F363E; + padding: 0.5rem 0.5rem; + border: 1px solid #5B646D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #4FC4CF; +} +body .ui-inputfield.ui-state-focus { + border-color: #4FC4CF; + outline: 0 none; + box-shadow: 0 0 0 1px #79E1E2; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #5B646D; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #5B646D; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #5B646D; +} +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: #5B646D; + background: #434B54; + color: #D0D3D7; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #5B646D; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #434B54; + border-radius: 50%; + border: 2px solid #5B646D; + 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: #4FC4CF; + outline: 0 none; + box-shadow: 0 0 0 1px #79E1E2; +} +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: #4FC4CF; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #E6E8EB; + border-color: #277995; + margin-left: 2px; +} + +body .keypad-popup { + background: #434B54; + color: #E6E8EB; + padding: 0; + border: 1px solid #5B646D; + margin: 0; + width: auto; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .keypad-popup button { + background: #434B54; + border: 1px solid #5B646D; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + border-color: #5B646D; + color: #E6E8EB; +} +body .keypad-popup button.ui-state-active { + background: #2F363E; + border-color: #5B646D; + color: #E6E8EB; +} +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: #4FC4CF; + color: #363E47; + border: 1px solid #4FC4CF; +} +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: #399DB2; + border-color: #399DB2; + color: #363E47; +} +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 #79E1E2; +} +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: #277995; + border-color: #277995; + color: #363E47; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #5B646D; + 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: #434B54; + color: #E6E8EB; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #434B54; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(79, 196, 207, 0.7); + color: #363E47; +} + +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: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #5B646D; + border-width: 2px; + background: #2F363E; + 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: #4FC4CF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 2px #79E1E2; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #4FC4CF; + background: #4FC4CF; + color: #363E47; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #399DB2; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #363E47; +} +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: #5B646D; +} +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: #5B646D; +} +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: #4FC4CF; +} +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: #399DB2; +} + +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 #79E1E2; +} +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 #79E1E2; +} +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: #E6E8EB; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #399DB2; +} +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: #4FC4CF; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #363E47; +} + +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 #5B646D; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2F363E; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #D0D3D7; + 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: #4FC4CF; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #4FC4CF; + outline: 0 none; + box-shadow: 0 0 0 1px #79E1E2; +} +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: #5B646D; + color: #E6E8EB; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #5B646D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #5B646D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #5B646D; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #434B54; + color: #E6E8EB; + 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: #D0D3D7; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #79E1E2; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(79, 196, 207, 0.7); + color: #363E47; +} +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-group { + background: #434B54; + margin: 0; + padding: 0.75rem 1rem; + color: #E6E8EB; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #5B646D; + border-radius: 3px; + background: #434B54; +} +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: #434B54; + color: #E6E8EB; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #D0D3D7; +} +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: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +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: rgba(79, 196, 207, 0.7); + color: #363E47; +} +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 #79E1E2; +} +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: #434B54; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #5B646D; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2F363E; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #D0D3D7; + 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: #4FC4CF; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #4FC4CF; + outline: 0 none; + box-shadow: 0 0 0 1px #79E1E2; +} +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: #5B646D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #5B646D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #5B646D; +} +body .ui-selectonemenu-panel { + background: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #434B54; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #E6E8EB; + 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(79, 196, 207, 0.7); + color: #363E47; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #434B54; + margin: 0; + padding: 0.75rem 1rem; + color: #E6E8EB; +} + +body .ui-slider { + background: #5B646D; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #5B646D; + border: 2px solid #4FC4CF; + 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: #4FC4CF; + background: #4FC4CF; +} +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: #4FC4CF; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #5B646D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #434B54; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #79E1E2; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #4FC4CF; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #E6E8EB; +} + +body .ui-breadcrumb { + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #79E1E2; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: #E6E8EB; +} +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: #E6E8EB; +} +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: #D0D3D7; + 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: #E6E8EB; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: 3px; + 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 #79E1E2; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: #E6E8EB; +} +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: #E6E8EB; +} +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: #D0D3D7; + 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: #E6E8EB; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; +} +body .ui-menu.ui-shadow { + border: 1px solid #5B646D; + box-shadow: 0 2px 4px -1px rgba(0, 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: #434B54; + color: #E6E8EB; + 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: #E6E8EB; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #E6E8EB; +} +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(78, 86, 95, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #D0D3D7; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #D0D3D7; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(78, 86, 95, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +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: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #434B54; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 1px solid #5B646D; + box-shadow: 0 2px 4px -1px rgba(0, 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 #5B646D; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #434B54; + border-radius: 3px; +} +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: 3px; +} +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: #E6E8EB; + width: 100%; + border: 0 none; + background: #434B54; + 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: #434B54; + color: #E6E8EB; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #434B54; + 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 #5B646D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #5B646D; + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #434B54; + border: 1px solid #5B646D; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #E6E8EB; + 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(78, 86, 95, 0.7); +} +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: #E6E8EB; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #E6E8EB; + background: #434B54; + border: 1px solid #5B646D; + 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: #E6E8EB; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(79, 196, 207, 0.7); + color: #363E47; + border-color: rgba(79, 196, 207, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #E6E8EB; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #5B646D; + 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: #434B54; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #5B646D; + 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: #434B54; + color: #D0D3D7; + top: 0; + margin: 0; + border-bottom: 2px solid #5B646D; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #D0D3D7; + 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: #434B54; + border-color: #4FC4CF; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #E6E8EB; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #E6E8EB; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #434B54; + border-color: #4FC4CF; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #4FC4CF; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #4FC4CF; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #79E1E2; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + color: #2B7AA4; + 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: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #F8D895; + border: 1px solid #A76927; + color: #A76927; + 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: #A76927; +} +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: #A76927; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + color: #AD342B; + 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: #AD342B; +} +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: #AD342B; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 3px; + color: #2B7AA4; +} +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: #2B7AA4; + 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: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 3px; + color: #A76927; +} +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: #A76927; + 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: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 3px; + color: #AD342B; +} +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: #AD342B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #79E1E2; +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 6px; + color: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #9BF2F7; + color: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #83eff5; +} +body .ui-messages .ui-messages-warn { + background: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 6px; + color: #A76927; +} +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: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #F8D895; + color: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #f6cf7d; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 6px; + color: #AD342B; +} +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: #AD342B; +} +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: #FABD9A; + color: #AD342B; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #f9ad82; +} + +body .ui-avatar { + background-color: #5B646D; + border-radius: 3px; +} +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 #434B54; +} + +body .ui-badge { + background: #4FC4CF; + color: #363E47; + 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: #5B646D; + color: #E6E8EB; + 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: 3px; + 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 #79E1E2; +} + +body .ui-clock { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: 3px; + 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: #5B646D; + 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: #4FC4CF; + color: #363E47; +} +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: rgba(79, 196, 207, 0.7); + color: #363E47; +} +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 #79E1E2; +} +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 #79E1E2; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #5B646D; + border-radius: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #434B54; + color: #E6E8EB; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #79E1E2; +} +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: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #5B646D; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #4FC4CF; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #E6E8EB; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(79, 196, 207, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(79, 196, 207, 0.772); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #363E47; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 3px; +} +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: #4FC4CF; + color: #363E47; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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(67, 75, 84, 0); + border-bottom-color: #434B54; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(91, 100, 109, 0); + border-bottom-color: #5B646D; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #434B54; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #5B646D; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #5B646D; + border-radius: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #434B54; + color: #E6E8EB; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #79E1E2; +} +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: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #E6E8EB; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #79E1E2; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #434B54; + color: #E6E8EB; + padding: 0; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +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: #4FC4CF; + color: #363E47; + 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: #399DB2; + color: #363E47; +} +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: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #79E1E2; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} + +body .ui-tooltip .ui-tooltip-text { + background: #5B646D; + color: #E6E8EB; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #5B646D; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #5B646D; + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + 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 #5B646D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #434B54; + border-color: #5B646D; + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #79E1E2; +} +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-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #434B54; + color: #E6E8EB; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #D0D3D7; +} +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: rgba(79, 196, 207, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #434B54; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #5B646D; +} +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 #5B646D; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #79E1E2; +} + +body .ui-notificationbar { + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #79E1E2; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #2F363E; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #5B646D; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #5B646D; +} + +body .ui-splitter { + border: 1px solid #5B646D; + background: #434B54; + border-radius: 3px; + color: #E6E8EB; +} +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: #5B646D; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #5B646D; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #434B54; + 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: #434B54; + color: #D0D3D7; + 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: #D0D3D7; + 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: #434B54; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #E6E8EB; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #434B54; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #4FC4CF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #4FC4CF; +} +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 #79E1E2; +} +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: #434B54; + color: #E6E8EB; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #5B646D; + 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 #5B646D; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #4FC4CF; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #4FC4CF; +} +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 #5B646D; + 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 #5B646D; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #4FC4CF; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #4FC4CF; +} +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 #5B646D; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #5B646D; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #4FC4CF; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #4FC4CF; +} +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 #5B646D; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #4FC4CF; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #4FC4CF; +} +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: #434B54; + color: #D0D3D7; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} + +body .ui-toolbar { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #5B646D; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(79, 196, 207, 0.7); + color: #363E47; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-cyan-dark/theme.scss b/src/main/webapp/resources/primefaces-poseidon-cyan-dark/theme.scss new file mode 100644 index 0000000..9628783 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-cyan-dark/theme.scss @@ -0,0 +1,7 @@ +$primaryLightColor: #79E1E2 !default; +$primaryColor:#4FC4CF !default; +$primaryDarkColor: #399DB2 !default; +$primaryDarkerColor: #277995 !default; +$primaryTextColor: #363E47 !default; + +@import '../sass/theme/_theme_dark'; \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-cyan-dim/theme.css b/src/main/webapp/resources/primefaces-poseidon-cyan-dim/theme.css new file mode 100644 index 0000000..6a10f8d --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-cyan-dim/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#3C4962; + --surface-b:#2B364C; + --surface-c:rgba(73, 87, 113, 0.7); + --surface-d:#65738D; + --surface-e:#3C4962; + --surface-f:#3C4962; + --text-color:#E5E8EC; + --text-color-secondary:#CDD2DB; + --primary-color:#4FC4CF; + --primary-color-text:#363E47; + --font-family:Open Sans; + --surface-0: #17212f; + --surface-50: #2e3744; + --surface-100: #454d59; + --surface-200: #5d646d; + --surface-300: #747a82; + --surface-400: #8b9097; + --surface-500: #a2a6ac; + --surface-600: #b9bcc1; + --surface-700: #d1d3d5; + --surface-800: #e8e9ea; + --surface-900: #ffffff; + --gray-50:#e8e9ea; + --gray-100: #d1d3d5; + --gray-200: #b9bcc1; + --gray-300: #a2a6ac; + --gray-400: #8b9097; + --gray-500: #747a82; + --gray-600: #5d646d; + --gray-700: #454d59; + --gray-800: #2e3744; + --gray-900: #17212f; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#17212f; + --surface-section:#17212f; + --surface-card:#1f2d40; + --surface-overlay:#1f2d40; + --surface-border:#304562; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #79E1E2; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#f6fcfd; + --primary-100:#d5f1f3; + --primary-200:#b3e6ea; + --primary-300:#92dae1; + --primary-400:#70cfd8; + --primary-500:#4fc4cf; + --primary-600:#43a7b0; + --primary-700:#378991; + --primary-800:#2b6c72; + --primary-900:#204e53; +} + +body .ui-button { + background: #4FC4CF; + color: #363E47; + border: 1px solid #4FC4CF; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #399DB2; + border-color: #399DB2; + color: #363E47; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #79E1E2; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #277995; + border-color: #277995; + color: #363E47; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #4FC4CF; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(79, 196, 207, 0.04); + color: #4FC4CF; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(79, 196, 207, 0.16); + color: #4FC4CF; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #CDD2DB; + border-color: #CDD2DB; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #CDD2DB; +} +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: #CDD2DB; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #4FC4CF; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(79, 196, 207, 0.04); + color: #4FC4CF; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(79, 196, 207, 0.16); + color: #4FC4CF; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #CDD2DB; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #CDD2DB; +} +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: #CDD2DB; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + 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: #CDD2DB; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + border-color: #65738D; + color: #E5E8EC; +} +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: #CDD2DB; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #4FC4CF; + border-color: #4FC4CF; + color: #363E47; +} +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: #363E47; +} +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: #399DB2; + border-color: #399DB2; + color: #363E47; +} +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: #363E47; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #4FC4CF; + 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: #399DB2; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #277995; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #E5E8EC; + color: #2B364C; +} +body .ui-speeddial-action:hover { + background: #CDD2DB; + color: #2B364C; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #79E1E2; +} +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: #65738D; + 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(73, 87, 113, 0.7); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #4FC4CF; + color: #363E47; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #4FC4CF; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #3C4962; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #65738D; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #CDD2DB; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; + padding: 1rem 1rem; + border: 1px solid #65738D; + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #363E47; + background: #4FC4CF; + 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 #79E1E2; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable thead th.ui-state-active { + background: #3C4962; + color: #4FC4CF; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #4FC4CF; +} +body .ui-datatable .ui-datatable-data > tr { + background: #3C4962; + color: #E5E8EC; + 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 #65738D; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(79, 196, 207, 0.7); + color: #363E47; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #363E47; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #363E47; +} +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: #3C4962; + color: #E5E8EC; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #79E1E2; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #79E1E2; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #79E1E2; +} +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: rgba(79, 196, 207, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #4FC4CF; +} +body .ui-datatable tfoot td { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + 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: #3C4962; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #344057; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(79, 196, 207, 0.7); + color: #363E47; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-columntoggler { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + background: #3C4962; + border: 1px solid #65738D; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #E5E8EC; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #65738D; + } + 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 #65738D; + } + 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: #3C4962; + color: #CDD2DB; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #65738D; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #65738D; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #65738D; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(79, 196, 207, 0.7); +} +body .fc th { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #65738D; +} +body .fc td.fc-widget-content { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; +} +body .fc td.fc-head-container { + border: 1px solid #65738D; +} +body .fc .fc-row { + border-right: 1px solid #65738D; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #399DB2; + border: 1px solid #399DB2; + color: #363E47; +} +body .fc .fc-divider { + background: #3C4962; + border: 1px solid #65738D; +} +body .fc .fc-toolbar .fc-button { + background: #4FC4CF; + color: #363E47; + border: 1px solid #4FC4CF; + 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: #399DB2; + border-color: #399DB2; + color: #363E47; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #79E1E2; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #277995; + border-color: #277995; + color: #363E47; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(79, 196, 207, 0.7); + color: #363E47; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(49, 169, 180, 0.7); +} +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: #3C4962; + border: solid #65738D; + 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: #CDD2DB; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #79E1E2; +} +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: #CDD2DB; +} +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: #CDD2DB; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(79, 196, 207, 0.7); + color: #363E47; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #79E1E2; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #CDD2DB; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(79, 196, 207, 0.7); + color: #363E47; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(49, 169, 180, 0.7); +} +@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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-tagcloud a { + color: #E5E8EC; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(79, 196, 207, 0.7); + color: #363E47; +} + +body .timeline-frame { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #79E1E2; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(79, 196, 207, 0.7); + color: #363E47; +} +body .vis-timeline { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .vis-timeline .vis-item { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .vis-timeline .vis-item .vis-item-content { + color: #E5E8EC; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(79, 196, 207, 0.7); + border-color: rgba(79, 196, 207, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #363E47; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #E5E8EC; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #79E1E2; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(79, 196, 207, 0.7); + color: #363E47; +} +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: #E5E8EC; +} +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-tree-droppoint.ui-state-hover { + background: rgba(79, 196, 207, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #79E1E2; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(79, 196, 207, 0.7); + color: #363E47; +} +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: #E5E8EC; +} +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: #3C4962; +} +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: #CDD2DB; +} +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 rgba(79, 196, 207, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #3C4962; + color: #CDD2DB; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + 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: #3C4962; + color: #E5E8EC; + padding: 1rem 1rem; + border: 1px solid #65738D; + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #363E47; + background: #4FC4CF; + 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 #79E1E2; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-treetable thead th.ui-state-active { + background: #3C4962; + color: #4FC4CF; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #4FC4CF; +} +body .ui-treetable .ui-treetable-data > tr { + background: #3C4962; + color: #E5E8EC; + 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 #65738D; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #79E1E2; +} +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: #E5E8EC; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(79, 196, 207, 0.7); + color: #363E47; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #363E47; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #363E47; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #79E1E2; +} +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: #363E47; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #363E47; +} +body .ui-treetable tfoot td { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + 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: #3C4962; +} +body .ui-treetable .ui-column-resizer-helper { + background: #4FC4CF; +} +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 #65738D; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #65738D; + color: #E5E8EC; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #E5E8EC; + -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: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + 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: #E5E8EC; + 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; +} +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: rgba(79, 196, 207, 0.7); + color: #363E47; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(79, 196, 207, 0.7); + color: #363E47; +} +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: #2B364C; + border: 1px solid #65738D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #4FC4CF; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #4FC4CF; + outline: 0 none; + box-shadow: 0 0 0 1px #79E1E2; +} +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: #CDD2DB; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #CDD2DB; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + 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 #79E1E2; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #363E47; + background: rgba(79, 196, 207, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #E5E8EC; + background: rgba(73, 87, 113, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #65738D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #65738D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #65738D; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #65738D; + border-width: 2px; + background: #2B364C; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #4FC4CF; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 2px #79E1E2; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #4FC4CF; + background: #4FC4CF; + color: #363E47; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #399DB2; +} +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: #65738D; +} +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: #65738D; +} +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: #4FC4CF; +} +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: #399DB2; +} + +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: #65738D; + color: #E5E8EC; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #E5E8EC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #3C4962; + color: #E5E8EC; + font-weight: 600; + border: solid #65738D; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #79E1E2; +} +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 { + padding: 0; + color: #E5E8EC; + 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:hover { + background: rgba(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #79E1E2; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(79, 196, 207, 0.7); + color: #363E47; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #4FC4CF; + font-weight: 600; + 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(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(79, 196, 207, 0.7); + color: #363E47; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + background: #2B364C; + padding: 0.5rem 0.5rem; + border: 1px solid #65738D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #4FC4CF; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #4FC4CF; + outline: 0 none; + box-shadow: 0 0 0 1px #79E1E2; +} +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: 3px; + 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 #65738D; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #E5E8EC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #79E1E2; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(79, 196, 207, 0.7); + color: #363E47; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #79E1E2; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #79E1E2; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + 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: #4FC4CF; + outline: 0 none; + box-shadow: 0 0 0 1px #79E1E2; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #CDD2DB; +} +body :-moz-placeholder { + color: #CDD2DB; + opacity: 1; +} +body ::-moz-placeholder { + color: #CDD2DB; + opacity: 1; +} +body :-ms-input-placeholder { + color: #CDD2DB; +} +body .p-field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #CDD2DB; +} +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: #E5E8EC; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #E5E8EC; +} +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: #CDD2DB; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #CDD2DB; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #E5E8EC; + background: #2B364C; + padding: 0.5rem 0.5rem; + border: 1px solid #65738D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #4FC4CF; +} +body .ui-inputfield.ui-state-focus { + border-color: #4FC4CF; + outline: 0 none; + box-shadow: 0 0 0 1px #79E1E2; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #65738D; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #65738D; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #65738D; +} +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: #65738D; + background: #3C4962; + color: #CDD2DB; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #65738D; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #3C4962; + border-radius: 50%; + border: 2px solid #65738D; + 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: #4FC4CF; + outline: 0 none; + box-shadow: 0 0 0 1px #79E1E2; +} +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: #4FC4CF; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #E5E8EC; + border-color: #277995; + margin-left: 2px; +} + +body .keypad-popup { + background: #3C4962; + color: #E5E8EC; + padding: 0; + border: 1px solid #65738D; + margin: 0; + width: auto; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .keypad-popup button { + background: #3C4962; + border: 1px solid #65738D; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + border-color: #65738D; + color: #E5E8EC; +} +body .keypad-popup button.ui-state-active { + background: #2B364C; + border-color: #65738D; + color: #E5E8EC; +} +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: #4FC4CF; + color: #363E47; + border: 1px solid #4FC4CF; +} +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: #399DB2; + border-color: #399DB2; + color: #363E47; +} +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 #79E1E2; +} +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: #277995; + border-color: #277995; + color: #363E47; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #65738D; + 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: #3C4962; + color: #E5E8EC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #3C4962; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(79, 196, 207, 0.7); + color: #363E47; +} + +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: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #65738D; + border-width: 2px; + background: #2B364C; + 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: #4FC4CF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 2px #79E1E2; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #4FC4CF; + background: #4FC4CF; + color: #363E47; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #399DB2; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #363E47; +} +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: #65738D; +} +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: #65738D; +} +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: #4FC4CF; +} +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: #399DB2; +} + +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 #79E1E2; +} +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 #79E1E2; +} +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: #E5E8EC; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #399DB2; +} +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: #4FC4CF; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #363E47; +} + +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 #65738D; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2B364C; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #CDD2DB; + 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: #4FC4CF; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #4FC4CF; + outline: 0 none; + box-shadow: 0 0 0 1px #79E1E2; +} +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: #65738D; + color: #E5E8EC; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #65738D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #65738D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #65738D; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #3C4962; + color: #E5E8EC; + 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: #CDD2DB; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #79E1E2; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(79, 196, 207, 0.7); + color: #363E47; +} +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-group { + background: #3C4962; + margin: 0; + padding: 0.75rem 1rem; + color: #E5E8EC; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #65738D; + border-radius: 3px; + background: #3C4962; +} +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: #3C4962; + color: #E5E8EC; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #CDD2DB; +} +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: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +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: rgba(79, 196, 207, 0.7); + color: #363E47; +} +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 #79E1E2; +} +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: #3C4962; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #65738D; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2B364C; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #CDD2DB; + 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: #4FC4CF; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #4FC4CF; + outline: 0 none; + box-shadow: 0 0 0 1px #79E1E2; +} +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: #65738D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #65738D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #65738D; +} +body .ui-selectonemenu-panel { + background: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #3C4962; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #E5E8EC; + 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(79, 196, 207, 0.7); + color: #363E47; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #3C4962; + margin: 0; + padding: 0.75rem 1rem; + color: #E5E8EC; +} + +body .ui-slider { + background: #65738D; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #65738D; + border: 2px solid #4FC4CF; + 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: #4FC4CF; + background: #4FC4CF; +} +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: #4FC4CF; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #65738D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #3C4962; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #79E1E2; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #4FC4CF; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #E5E8EC; +} + +body .ui-breadcrumb { + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #79E1E2; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: #E5E8EC; +} +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: #E5E8EC; +} +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: #CDD2DB; + 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: #E5E8EC; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: 3px; + 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 #79E1E2; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: #E5E8EC; +} +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: #E5E8EC; +} +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: #CDD2DB; + 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: #E5E8EC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; +} +body .ui-menu.ui-shadow { + border: 1px solid #65738D; + box-shadow: 0 2px 4px -1px rgba(0, 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: #3C4962; + color: #E5E8EC; + 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: #E5E8EC; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #E5E8EC; +} +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(73, 87, 113, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #CDD2DB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #CDD2DB; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(73, 87, 113, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +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: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #3C4962; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 1px solid #65738D; + box-shadow: 0 2px 4px -1px rgba(0, 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 #65738D; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #3C4962; + border-radius: 3px; +} +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: 3px; +} +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: #E5E8EC; + width: 100%; + border: 0 none; + background: #3C4962; + 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: #3C4962; + color: #E5E8EC; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #3C4962; + 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 #65738D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #65738D; + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #3C4962; + border: 1px solid #65738D; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #E5E8EC; + 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(73, 87, 113, 0.7); +} +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: #E5E8EC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #E5E8EC; + background: #3C4962; + border: 1px solid #65738D; + 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: #E5E8EC; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(79, 196, 207, 0.7); + color: #363E47; + border-color: rgba(79, 196, 207, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #E5E8EC; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #65738D; + 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: #3C4962; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #65738D; + 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: #3C4962; + color: #CDD2DB; + top: 0; + margin: 0; + border-bottom: 2px solid #65738D; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #CDD2DB; + 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: #3C4962; + border-color: #4FC4CF; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #E5E8EC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #E5E8EC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #3C4962; + border-color: #4FC4CF; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #4FC4CF; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #4FC4CF; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #79E1E2; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + color: #2B7AA4; + 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: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #F8D895; + border: 1px solid #A76927; + color: #A76927; + 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: #A76927; +} +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: #A76927; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + color: #AD342B; + 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: #AD342B; +} +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: #AD342B; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 3px; + color: #2B7AA4; +} +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: #2B7AA4; + 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: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 3px; + color: #A76927; +} +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: #A76927; + 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: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 3px; + color: #AD342B; +} +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: #AD342B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #79E1E2; +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 6px; + color: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #9BF2F7; + color: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #83eff5; +} +body .ui-messages .ui-messages-warn { + background: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 6px; + color: #A76927; +} +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: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #F8D895; + color: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #f6cf7d; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 6px; + color: #AD342B; +} +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: #AD342B; +} +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: #FABD9A; + color: #AD342B; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #f9ad82; +} + +body .ui-avatar { + background-color: #65738D; + border-radius: 3px; +} +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 #3C4962; +} + +body .ui-badge { + background: #4FC4CF; + color: #363E47; + 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: #65738D; + color: #E5E8EC; + 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: 3px; + 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 #79E1E2; +} + +body .ui-clock { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: 3px; + 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: #65738D; + 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: #4FC4CF; + color: #363E47; +} +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: rgba(79, 196, 207, 0.7); + color: #363E47; +} +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 #79E1E2; +} +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 #79E1E2; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #65738D; + border-radius: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #3C4962; + color: #E5E8EC; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #79E1E2; +} +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: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #65738D; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #4FC4CF; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #E5E8EC; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(79, 196, 207, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(79, 196, 207, 0.772); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #363E47; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 3px; +} +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: #4FC4CF; + color: #363E47; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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(60, 73, 98, 0); + border-bottom-color: #3C4962; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(101, 115, 141, 0); + border-bottom-color: #65738D; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #3C4962; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #65738D; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #65738D; + border-radius: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #3C4962; + color: #E5E8EC; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #79E1E2; +} +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: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #E5E8EC; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #79E1E2; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #3C4962; + color: #E5E8EC; + padding: 0; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +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: #4FC4CF; + color: #363E47; + 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: #399DB2; + color: #363E47; +} +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: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #79E1E2; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} + +body .ui-tooltip .ui-tooltip-text { + background: #65738D; + color: #E5E8EC; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #65738D; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #65738D; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #65738D; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #65738D; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #65738D; + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + 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 #65738D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #3C4962; + border-color: #65738D; + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #79E1E2; +} +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-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #3C4962; + color: #E5E8EC; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #CDD2DB; +} +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: rgba(79, 196, 207, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #3C4962; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #65738D; +} +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 #65738D; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #79E1E2; +} + +body .ui-notificationbar { + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #79E1E2; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #2B364C; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #65738D; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #65738D; +} + +body .ui-splitter { + border: 1px solid #65738D; + background: #3C4962; + border-radius: 3px; + color: #E5E8EC; +} +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: #65738D; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #65738D; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #3C4962; + 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: #3C4962; + color: #CDD2DB; + 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: #CDD2DB; + 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: #3C4962; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #E5E8EC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #3C4962; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #4FC4CF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #4FC4CF; +} +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 #79E1E2; +} +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: #3C4962; + color: #E5E8EC; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #65738D; + 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 #65738D; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #4FC4CF; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #4FC4CF; +} +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 #65738D; + 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 #65738D; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #4FC4CF; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #4FC4CF; +} +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 #65738D; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #65738D; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #4FC4CF; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #4FC4CF; +} +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 #65738D; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #4FC4CF; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #4FC4CF; +} +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: #3C4962; + color: #CDD2DB; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} + +body .ui-toolbar { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #65738D; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(79, 196, 207, 0.7); + color: #363E47; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-cyan-dim/theme.scss b/src/main/webapp/resources/primefaces-poseidon-cyan-dim/theme.scss new file mode 100644 index 0000000..79fa724 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-cyan-dim/theme.scss @@ -0,0 +1,7 @@ +$primaryLightColor: #79E1E2 !default; +$primaryColor:#4FC4CF !default; +$primaryDarkColor: #399DB2 !default; +$primaryDarkerColor: #277995 !default; +$primaryTextColor: #363E47 !default; + +@import '../sass/theme/_theme_dim'; \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-cyan-light/theme.css b/src/main/webapp/resources/primefaces-poseidon-cyan-light/theme.css new file mode 100644 index 0000000..c88efac --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-cyan-light/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#FDFEFF; + --surface-b:#F6F9FE; + --surface-c:rgba(232, 241, 248, 0.7); + --surface-d:#E4E5E5; + --surface-e:#FDFEFF; + --surface-f:#FDFEFF; + --text-color:#515C66; + --text-color-secondary:#657380; + --primary-color:#399DB2; + --primary-color-text:#f8fafc; + --font-family:Open Sans; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F5F5F5; + --surface-200: #EEEEEE; + --surface-300: #E0E0E0; + --surface-400: #BDBDBD; + --surface-500: #9E9E9E; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#f8f9fa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: #e9ecef; + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem #4FC4CF; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#f5fafb; + --primary-100:#cfe7ed; + --primary-200:#aad5de; + --primary-300:#84c2cf; + --primary-400:#5fb0c1; + --primary-500:#399db2; + --primary-600:#308597; + --primary-700:#286e7d; + --primary-800:#1f5662; + --primary-900:#173f47; +} + +body .ui-button { + background: #399DB2; + color: #f8fafc; + border: 1px solid #399DB2; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #277995; + border-color: #277995; + color: #f8fafc; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #4FC4CF; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #195878; + border-color: #195878; + color: #f8fafc; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #399DB2; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(57, 157, 178, 0.04); + color: #399DB2; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(57, 157, 178, 0.16); + color: #399DB2; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #657380; + border-color: #657380; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #657380; +} +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: #E4E5E5; + color: #657380; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #399DB2; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(57, 157, 178, 0.04); + color: #399DB2; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(57, 157, 178, 0.16); + color: #399DB2; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #657380; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #657380; +} +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: #E4E5E5; + color: #657380; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #FDFEFF; + color: #515C66; + border: 1px solid #D7D8D9; + 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: #657380; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + border-color: #D7D8D9; + color: #515C66; +} +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: #657380; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #399DB2; + border-color: #399DB2; + color: #f8fafc; +} +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: #f8fafc; +} +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: #277995; + border-color: #277995; + color: #f8fafc; +} +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: #f8fafc; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #537f2d; + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #399DB2; + 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: #277995; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #195878; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #F6F9FE; + color: #515C66; +} +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: #657380; +} +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: #515C66; + color: #fff; +} +body .ui-speeddial-action:hover { + background: #3B475F; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #4FC4CF; +} +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(232, 241, 248, 0.7); + 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: #E4E5E5; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #399DB2; + color: #f8fafc; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #399DB2; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #FDFEFF; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #E4E5E5; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #399DB2; + 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 #4FC4CF; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable thead th.ui-state-active { + background: #F6F9FE; + color: #399DB2; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #399DB2; +} +body .ui-datatable .ui-datatable-data > tr { + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(57, 157, 178, 0.7); + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #f8fafc; +} +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: #FDFEFF; + color: #515C66; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #4FC4CF; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #4FC4CF; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #4FC4CF; +} +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: rgba(57, 157, 178, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #399DB2; +} +body .ui-datatable tfoot td { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + 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: #F6F9FE; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #fbfcfc; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(57, 157, 178, 0.7); + color: #f8fafc; +} +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-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: #FDFEFF; + border: 1px solid #D7D8D9; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #515C66; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #FDFEFF; + color: #515C66; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #E4E5E5; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(57, 157, 178, 0.7); +} +body .fc th { + background: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #E4E5E5; +} +body .fc td.fc-widget-content { + background: #FDFEFF; + border: 1px solid #E4E5E5; + color: #515C66; +} +body .fc td.fc-head-container { + border: 1px solid #E4E5E5; +} +body .fc .fc-row { + border-right: 1px solid #E4E5E5; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #277995; + border: 1px solid #277995; + color: #f8fafc; +} +body .fc .fc-divider { + background: #F6F9FE; + border: 1px solid #E4E5E5; +} +body .fc .fc-toolbar .fc-button { + background: #399DB2; + color: #f8fafc; + border: 1px solid #399DB2; + 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: #277995; + border-color: #277995; + color: #f8fafc; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #4FC4CF; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #195878; + border-color: #195878; + color: #f8fafc; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(57, 157, 178, 0.7); + color: #f8fafc; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(46, 126, 142, 0.7); +} +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: #FDFEFF; + border: solid rgba(232, 241, 248, 0.7); + 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: #657380; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(232, 241, 248, 0.7); + color: #515C66; + 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 #4FC4CF; +} +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: #657380; +} +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: #657380; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(57, 157, 178, 0.7); + color: #f8fafc; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + 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 #4FC4CF; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #657380; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(57, 157, 178, 0.7); + color: #f8fafc; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(46, 126, 142, 0.7); +} +@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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-tagcloud a { + color: #515C66; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(57, 157, 178, 0.7); + color: #f8fafc; +} + +body .timeline-frame { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #4FC4CF; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(57, 157, 178, 0.7); + color: #f8fafc; +} +body .vis-timeline { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .vis-timeline .vis-item { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .vis-timeline .vis-item .vis-item-content { + color: #515C66; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(57, 157, 178, 0.7); + border-color: rgba(57, 157, 178, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #f8fafc; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #515C66; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #4FC4CF; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(57, 157, 178, 0.7); + color: #f8fafc; +} +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: #515C66; +} +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-tree-droppoint.ui-state-hover { + background: rgba(57, 157, 178, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #4FC4CF; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(57, 157, 178, 0.7); + color: #f8fafc; +} +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: #515C66; +} +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: #FDFEFF; +} +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: #657380; +} +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 rgba(57, 157, 178, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #399DB2; + 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 #4FC4CF; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-treetable thead th.ui-state-active { + background: #F6F9FE; + color: #399DB2; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #399DB2; +} +body .ui-treetable .ui-treetable-data > tr { + background: #FDFEFF; + color: #515C66; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #4FC4CF; +} +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: #515C66; +} +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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(57, 157, 178, 0.7); + color: #f8fafc; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #4FC4CF; +} +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: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #f8fafc; +} +body .ui-treetable tfoot td { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + 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: #F6F9FE; +} +body .ui-treetable .ui-column-resizer-helper { + background: #399DB2; +} +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(232, 241, 248, 0.7); +} +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 #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #E4E5E5; + color: #515C66; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #515C66; + -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: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 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: #515C66; + 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: #515C66; + 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: #FDFEFF; + color: #515C66; + 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: rgba(57, 157, 178, 0.7); + color: #f8fafc; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(57, 157, 178, 0.7); + color: #f8fafc; +} +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: #FDFEFF; + border: 1px solid #D7D8D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #399DB2; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #399DB2; + outline: 0 none; + box-shadow: 0 0 0 0.2em #4FC4CF; +} +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: #657380; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #657380; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #FDFEFF; + border: 0 none; + border-radius: 3px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +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: #515C66; + 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 #4FC4CF; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #f8fafc; + background: rgba(57, 157, 178, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #515C66; + background: rgba(232, 241, 248, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #F6F9FE; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #F6F9FE; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #D7D8D9; + border-width: 2px; + background: #FDFEFF; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #399DB2; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 0.2em #4FC4CF; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #399DB2; + background: #399DB2; + color: #f8fafc; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #277995; +} +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: #F6F9FE; +} +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: #F6F9FE; +} +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: #399DB2; +} +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: #277995; +} + +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: #E4E5E5; + color: #515C66; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #515C66; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #FDFEFF; + border: 1px solid #D7D8D9; + color: #515C66; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #FDFEFF; + color: #515C66; + font-weight: 600; + border: solid #E4E5E5; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #4FC4CF; +} +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 { + padding: 0; + color: #515C66; + 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:hover { + background: rgba(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #4FC4CF; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(57, 157, 178, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #195878; + font-weight: 600; + 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(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(57, 157, 178, 0.7); + color: #f8fafc; + 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: #515C66; + background: #FDFEFF; + padding: 0.5rem 0.5rem; + border: 1px solid #D7D8D9; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #399DB2; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #399DB2; + outline: 0 none; + box-shadow: 0 0 0 0.2em #4FC4CF; +} +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: 3px; + 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 #E4E5E5; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #515C66; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #4FC4CF; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(57, 157, 178, 0.7); + color: #f8fafc; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #4FC4CF; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #4FC4CF; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + 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: #399DB2; + outline: 0 none; + box-shadow: 0 0 0 0.2em #4FC4CF; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #657380; +} +body :-moz-placeholder { + color: #657380; + opacity: 1; +} +body ::-moz-placeholder { + color: #657380; + opacity: 1; +} +body :-ms-input-placeholder { + color: #657380; +} +body .p-field small.ui-state-error { + color: #f44336; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #657380; +} +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: #515C66; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #515C66; +} +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: #657380; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #657380; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #515C66; + background: #FDFEFF; + padding: 0.5rem 0.5rem; + border: 1px solid #D7D8D9; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #399DB2; +} +body .ui-inputfield.ui-state-focus { + border-color: #399DB2; + outline: 0 none; + box-shadow: 0 0 0 0.2em #4FC4CF; +} +body .ui-inputfield.ui-state-error { + border-color: #f44336; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #F6F9FE; +} +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: #D7D8D9; + background: rgba(232, 241, 248, 0.7); + color: #657380; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #E4E5E5; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #FDFEFF; + border-radius: 50%; + border: 2px solid #E4E5E5; + 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: #399DB2; + outline: 0 none; + box-shadow: 0 0 0 0.2em #4FC4CF; +} +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: #399DB2; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #FDFEFF; + border-color: #195878; + margin-left: 2px; +} + +body .keypad-popup { + background: #FDFEFF; + color: #515C66; + 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: #FDFEFF; + border: 1px solid #D7D8D9; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #515C66; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: #ebebef; + border-color: #D7D8D9; + color: #515C66; +} +body .keypad-popup button.ui-state-active { + background: #195878; + border-color: #195878; + color: #FDFEFF; +} +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: #399DB2; + color: #f8fafc; + border: 1px solid #399DB2; +} +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: #277995; + border-color: #277995; + color: #f8fafc; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #4FC4CF; +} +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: #195878; + border-color: #195878; + color: #f8fafc; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #D7D8D9; + 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: #F6F9FE; + color: #515C66; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #FDFEFF; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(57, 157, 178, 0.7); + color: #f8fafc; +} + +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: #FDFEFF; + color: #515C66; + 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: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #D7D8D9; + border-width: 2px; + background: #FDFEFF; + 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: #399DB2; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 0.2em #4FC4CF; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #399DB2; + background: #399DB2; + color: #f8fafc; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #277995; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #f8fafc; +} +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: #F6F9FE; +} +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: #F6F9FE; +} +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: #399DB2; +} +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: #277995; +} + +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 #4FC4CF; +} +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 #4FC4CF; +} +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: #515C66; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #277995; +} +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: #399DB2; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #f8fafc; +} + +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 #D7D8D9; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #FDFEFF; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #657380; + 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: #399DB2; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #399DB2; + outline: 0 none; + box-shadow: 0 0 0 0.2em #4FC4CF; +} +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: #E4E5E5; + color: #515C66; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #F6F9FE; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #F6F9FE; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #F6F9FE; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #F6F9FE; + color: #515C66; + 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: #657380; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #4FC4CF; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(57, 157, 178, 0.7); + color: #f8fafc; +} +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-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #515C66; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #D7D8D9; + border-radius: 3px; + background: #FDFEFF; +} +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: #F6F9FE; + color: #515C66; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #657380; +} +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: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +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: rgba(57, 157, 178, 0.7); + color: #f8fafc; +} +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 #4FC4CF; +} +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: #FDFEFF; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #D7D8D9; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #FDFEFF; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #657380; + 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: #399DB2; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #399DB2; + outline: 0 none; + box-shadow: 0 0 0 0.2em #4FC4CF; +} +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: #F6F9FE; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #F6F9FE; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #F6F9FE; +} +body .ui-selectonemenu-panel { + background: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #F6F9FE; + color: #515C66; +} +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: #657380; +} +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: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + color: #515C66; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #515C66; + 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: #FDFEFF; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(57, 157, 178, 0.7); + color: #f8fafc; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #515C66; +} + +body .ui-slider { + background: #E4E5E5; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #FDFEFF; + border: 2px solid #399DB2; + 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: #399DB2; + background: #399DB2; +} +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: #399DB2; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #E4E5E5; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #FDFEFF; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #4FC4CF; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #399DB2; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #FDFEFF; +} + +body .ui-breadcrumb { + background: #FDFEFF; + border: 1px solid #E4E5E5; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #4FC4CF; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: #515C66; +} +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: #515C66; +} +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: #657380; + 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: #515C66; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: 3px; + 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 #4FC4CF; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: #515C66; +} +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: #515C66; +} +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: #657380; + 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: #515C66; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #FDFEFF; + border: 1px solid #E4E5E5; + border-radius: 3px; +} +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: #515C66; + 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: #515C66; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #515C66; +} +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(232, 241, 248, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #657380; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #515C66; +} +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: #657380; +} +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: #657380; +} +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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(232, 241, 248, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +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: #515C66; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #FDFEFF; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 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 #E4E5E5; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #F6F9FE; + border-radius: 3px; +} +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: 3px; +} +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: #515C66; + 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: #515C66; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #F6F9FE; + 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 #E4E5E5; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #E4E5E5; + border-top: 0 none; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #E4E5E5; + background: #F6F9FE; + color: #515C66; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #FDFEFF; + border: 1px solid #E4E5E5; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #515C66; + 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(232, 241, 248, 0.7); +} +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: #515C66; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #515C66; +} +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: #657380; +} +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: #515C66; + background: #FDFEFF; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: #657380; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(57, 157, 178, 0.7); + color: #f8fafc; + border-color: rgba(57, 157, 178, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #515C66; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #E4E5E5; + 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: #FDFEFF; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #E4E5E5; + 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: #FDFEFF; + color: #657380; + top: 0; + margin: 0; + border-bottom: 2px solid #E4E5E5; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #657380; + 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: #FDFEFF; + border-color: #515C66; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #657380; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #657380; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #FDFEFF; + border-color: #399DB2; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #399DB2; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #399DB2; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #4FC4CF; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +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 #03A9F4; + color: #01579B; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #FFC107; + color: #7f6003; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + color: #B71C1C; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #03A9F4; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #FFC107; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #4FC4CF; +} +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 #03A9F4; + border-width: 0 0 0 6px; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #FFC107; + border-width: 0 0 0 6px; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + border-width: 0 0 0 6px; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +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: #E4E5E5; + border-radius: 3px; +} +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 #FDFEFF; +} + +body .ui-badge { + background: #399DB2; + color: #f8fafc; + 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: #E4E5E5; + color: #515C66; + 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: 3px; + 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 #4FC4CF; +} + +body .ui-clock { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: #F6F9FE; + 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: #F6F9FE; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #F6F9FE; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 3px; + 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: #F6F9FE; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #F6F9FE; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(232, 241, 248, 0.7); + 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: #E4E5E5; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #399DB2; + color: #f8fafc; +} +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: rgba(57, 157, 178, 0.7); + color: #f8fafc; +} +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: #F6F9FE; + 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: #F6F9FE; +} +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 #4FC4CF; +} +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 #4FC4CF; +} + +.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: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #FDFEFF; + color: #515C66; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #4FC4CF; +} +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: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #efefef; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #399DB2; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #515C66; + 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: #F6F9FE; +} + +body .ui-skeleton { + background-color: rgba(232, 241, 248, 0.7); + border-radius: 3px; +} +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: #399DB2; + color: #f8fafc; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #FDFEFF; + color: #515C66; + border: 1px solid #E4E5E5; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #FDFEFF; + color: #515C66; + border: 0 none; + border-radius: 3px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +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(253, 254, 255, 0); + border-bottom-color: #FDFEFF; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(253, 254, 255, 0); + border-bottom-color: #FDFEFF; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #FDFEFF; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #FDFEFF; +} +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: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #FDFEFF; + color: #515C66; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #4FC4CF; +} +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: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #FDFEFF; + color: #515C66; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #515C66; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #4FC4CF; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #FDFEFF; + color: #515C66; + 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: 3px; +} +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: #399DB2; + color: #f8fafc; + 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: #277995; + color: #f8fafc; +} +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: #FDFEFF; + color: #515C66; + padding: 1rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #4FC4CF; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #252529; + color: #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: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #252529; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #252529; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #252529; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #252529; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #E4E5E5; + border-top: 0 none; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + 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 #E4E5E5; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #F6F9FE; + border-color: #E4E5E5; + color: #515C66; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #4FC4CF; +} +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-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #FDFEFF; + color: #515C66; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #657380; +} +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: rgba(57, 157, 178, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #FDFEFF; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #E4E5E5; +} +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 #E4E5E5; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #515C66; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #4FC4CF; +} + +body .ui-notificationbar { + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border: 1px solid #E4E5E5; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #4FC4CF; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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 #E4E5E5; + background: #FDFEFF; + border-radius: 3px; + color: #515C66; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #F6F9FE; +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #E4E5E5; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #E4E5E5; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #FDFEFF; + 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: #FDFEFF; + color: #657380; + 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: #657380; + 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: #FDFEFF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #657380; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #657380; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #FDFEFF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #399DB2; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #399DB2; +} +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 #4FC4CF; +} +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: #FDFEFF; + color: #515C66; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #E4E5E5; + 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 #E4E5E5; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #399DB2; +} +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 #E4E5E5; + 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 #E4E5E5; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #399DB2; +} +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 #E4E5E5; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #E4E5E5; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #399DB2; +} +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 #E4E5E5; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #399DB2; +} +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: #FDFEFF; + color: #657380; + 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(232, 241, 248, 0.7); + color: #515C66; +} + +body .ui-toolbar { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #E4E5E5; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(57, 157, 178, 0.7); + color: #f8fafc; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-cyan-light/theme.scss b/src/main/webapp/resources/primefaces-poseidon-cyan-light/theme.scss new file mode 100644 index 0000000..2345bf1 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-cyan-light/theme.scss @@ -0,0 +1,7 @@ +$primaryLightColor: #4FC4CF !default; +$primaryColor:#399DB2 !default; +$primaryDarkColor: #277995 !default; +$primaryDarkerColor: #195878 !default; +$primaryTextColor: #f8fafc !default; + +@import '../sass/theme/_theme_light'; \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-denim-dark/theme.css b/src/main/webapp/resources/primefaces-poseidon-denim-dark/theme.css new file mode 100644 index 0000000..a7e9f66 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-denim-dark/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#434B54; + --surface-b:#2F363E; + --surface-c:rgba(78, 86, 95, 0.7); + --surface-d:#5B646D; + --surface-e:#434B54; + --surface-f:#434B54; + --text-color:#E6E8EB; + --text-color-secondary:#D0D3D7; + --primary-color:#4D9FDC; + --primary-color-text:#f8fafc; + --font-family:Open Sans; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50:#e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#1e1e1e; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #72BFED; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#f6fafd; + --primary-100:#d4e8f7; + --primary-200:#b2d6f0; + --primary-300:#91c3e9; + --primary-400:#6fb1e3; + --primary-500:#4d9fdc; + --primary-600:#4187bb; + --primary-700:#366f9a; + --primary-800:#2a5779; + --primary-900:#1f4058; +} + +body .ui-button { + background: #4D9FDC; + color: #f8fafc; + border: 1px solid #4D9FDC; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #1B74C5; + border-color: #1B74C5; + color: #f8fafc; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #72BFED; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #135AA9; + border-color: #135AA9; + color: #f8fafc; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #4D9FDC; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(77, 159, 220, 0.04); + color: #4D9FDC; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(77, 159, 220, 0.16); + color: #4D9FDC; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #D0D3D7; + border-color: #D0D3D7; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #D0D3D7; +} +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: #D0D3D7; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #4D9FDC; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(77, 159, 220, 0.04); + color: #4D9FDC; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(77, 159, 220, 0.16); + color: #4D9FDC; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #D0D3D7; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #D0D3D7; +} +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: #D0D3D7; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + 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: #D0D3D7; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + border-color: #5B646D; + color: #E6E8EB; +} +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: #D0D3D7; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #4D9FDC; + border-color: #4D9FDC; + color: #f8fafc; +} +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: #f8fafc; +} +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: #1B74C5; + border-color: #1B74C5; + color: #f8fafc; +} +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: #f8fafc; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #4D9FDC; + 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: #1B74C5; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #135AA9; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #434B54; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #E6E8EB; + color: #2F363E; +} +body .ui-speeddial-action:hover { + background: #D0D3D7; + color: #2F363E; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #72BFED; +} +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: #5B646D; + 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(78, 86, 95, 0.7); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #4D9FDC; + color: #f8fafc; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #4D9FDC; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #434B54; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #5B646D; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #D0D3D7; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #434B54; + color: #E6E8EB; + padding: 1rem 1rem; + border: 1px solid #5B646D; + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #4D9FDC; + 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 #72BFED; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable thead th.ui-state-active { + background: #434B54; + color: #4D9FDC; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #4D9FDC; +} +body .ui-datatable .ui-datatable-data > tr { + background: #434B54; + color: #E6E8EB; + 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 #5B646D; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #f8fafc; +} +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: #434B54; + color: #E6E8EB; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #72BFED; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #72BFED; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #72BFED; +} +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: rgba(77, 159, 220, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #4D9FDC; +} +body .ui-datatable tfoot td { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + 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: #434B54; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #394149; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-columntoggler { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + background: #434B54; + border: 1px solid #5B646D; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #E6E8EB; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #5B646D; + } + 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 #5B646D; + } + 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: #434B54; + color: #D0D3D7; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #5B646D; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #5B646D; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(77, 159, 220, 0.7); +} +body .fc th { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #5B646D; +} +body .fc td.fc-widget-content { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; +} +body .fc td.fc-head-container { + border: 1px solid #5B646D; +} +body .fc .fc-row { + border-right: 1px solid #5B646D; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #1B74C5; + border: 1px solid #1B74C5; + color: #f8fafc; +} +body .fc .fc-divider { + background: #434B54; + border: 1px solid #5B646D; +} +body .fc .fc-toolbar .fc-button { + background: #4D9FDC; + color: #f8fafc; + border: 1px solid #4D9FDC; + 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: #1B74C5; + border-color: #1B74C5; + color: #f8fafc; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #72BFED; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #135AA9; + border-color: #135AA9; + color: #f8fafc; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(39, 131, 199, 0.7); +} +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: #434B54; + border: solid #5B646D; + 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: #D0D3D7; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #72BFED; +} +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: #D0D3D7; +} +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: #D0D3D7; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(77, 159, 220, 0.7); + color: #f8fafc; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #72BFED; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #D0D3D7; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(39, 131, 199, 0.7); +} +@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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-tagcloud a { + color: #E6E8EB; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; +} + +body .timeline-frame { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #72BFED; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; +} +body .vis-timeline { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .vis-timeline .vis-item { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .vis-timeline .vis-item .vis-item-content { + color: #E6E8EB; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(77, 159, 220, 0.7); + border-color: rgba(77, 159, 220, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #f8fafc; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #E6E8EB; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #72BFED; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; +} +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: #E6E8EB; +} +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-tree-droppoint.ui-state-hover { + background: rgba(77, 159, 220, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #72BFED; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; +} +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: #E6E8EB; +} +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: #434B54; +} +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: #D0D3D7; +} +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 rgba(77, 159, 220, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #434B54; + color: #D0D3D7; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + 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: #434B54; + color: #E6E8EB; + padding: 1rem 1rem; + border: 1px solid #5B646D; + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #4D9FDC; + 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 #72BFED; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-treetable thead th.ui-state-active { + background: #434B54; + color: #4D9FDC; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #4D9FDC; +} +body .ui-treetable .ui-treetable-data > tr { + background: #434B54; + color: #E6E8EB; + 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 #5B646D; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #72BFED; +} +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: #E6E8EB; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #72BFED; +} +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: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #f8fafc; +} +body .ui-treetable tfoot td { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + 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: #434B54; +} +body .ui-treetable .ui-column-resizer-helper { + background: #4D9FDC; +} +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 #5B646D; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #5B646D; + color: #E6E8EB; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #E6E8EB; + -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: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + 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: #E6E8EB; + 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; +} +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: rgba(77, 159, 220, 0.7); + color: #f8fafc; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; +} +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: #2F363E; + border: 1px solid #5B646D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #4D9FDC; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #4D9FDC; + outline: 0 none; + box-shadow: 0 0 0 1px #72BFED; +} +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: #D0D3D7; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #D0D3D7; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + 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 #72BFED; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #f8fafc; + background: rgba(77, 159, 220, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #E6E8EB; + background: rgba(78, 86, 95, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #5B646D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #5B646D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #5B646D; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #5B646D; + border-width: 2px; + background: #2F363E; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #4D9FDC; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 2px #72BFED; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #4D9FDC; + background: #4D9FDC; + color: #f8fafc; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #1B74C5; +} +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: #5B646D; +} +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: #5B646D; +} +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: #4D9FDC; +} +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: #1B74C5; +} + +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: #5B646D; + color: #E6E8EB; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #E6E8EB; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #434B54; + color: #E6E8EB; + font-weight: 600; + border: solid #5B646D; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #72BFED; +} +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 { + padding: 0; + color: #E6E8EB; + 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:hover { + background: rgba(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #72BFED; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #4D9FDC; + font-weight: 600; + 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(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + background: #2F363E; + padding: 0.5rem 0.5rem; + border: 1px solid #5B646D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #4D9FDC; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #4D9FDC; + outline: 0 none; + box-shadow: 0 0 0 1px #72BFED; +} +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: 3px; + 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 #5B646D; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #E6E8EB; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #72BFED; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #72BFED; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #72BFED; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + 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: #4D9FDC; + outline: 0 none; + box-shadow: 0 0 0 1px #72BFED; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #D0D3D7; +} +body :-moz-placeholder { + color: #D0D3D7; + opacity: 1; +} +body ::-moz-placeholder { + color: #D0D3D7; + opacity: 1; +} +body :-ms-input-placeholder { + color: #D0D3D7; +} +body .p-field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #D0D3D7; +} +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: #E6E8EB; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #E6E8EB; +} +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: #D0D3D7; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #D0D3D7; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #E6E8EB; + background: #2F363E; + padding: 0.5rem 0.5rem; + border: 1px solid #5B646D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #4D9FDC; +} +body .ui-inputfield.ui-state-focus { + border-color: #4D9FDC; + outline: 0 none; + box-shadow: 0 0 0 1px #72BFED; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #5B646D; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #5B646D; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #5B646D; +} +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: #5B646D; + background: #434B54; + color: #D0D3D7; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #5B646D; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #434B54; + border-radius: 50%; + border: 2px solid #5B646D; + 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: #4D9FDC; + outline: 0 none; + box-shadow: 0 0 0 1px #72BFED; +} +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: #4D9FDC; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #E6E8EB; + border-color: #135AA9; + margin-left: 2px; +} + +body .keypad-popup { + background: #434B54; + color: #E6E8EB; + padding: 0; + border: 1px solid #5B646D; + margin: 0; + width: auto; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .keypad-popup button { + background: #434B54; + border: 1px solid #5B646D; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + border-color: #5B646D; + color: #E6E8EB; +} +body .keypad-popup button.ui-state-active { + background: #2F363E; + border-color: #5B646D; + color: #E6E8EB; +} +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: #4D9FDC; + color: #f8fafc; + border: 1px solid #4D9FDC; +} +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: #1B74C5; + border-color: #1B74C5; + color: #f8fafc; +} +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 #72BFED; +} +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: #135AA9; + border-color: #135AA9; + color: #f8fafc; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #5B646D; + 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: #434B54; + color: #E6E8EB; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #434B54; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; +} + +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: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #5B646D; + border-width: 2px; + background: #2F363E; + 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: #4D9FDC; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 2px #72BFED; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #4D9FDC; + background: #4D9FDC; + color: #f8fafc; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #1B74C5; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #f8fafc; +} +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: #5B646D; +} +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: #5B646D; +} +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: #4D9FDC; +} +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: #1B74C5; +} + +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 #72BFED; +} +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 #72BFED; +} +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: #E6E8EB; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #1B74C5; +} +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: #4D9FDC; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #f8fafc; +} + +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 #5B646D; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2F363E; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #D0D3D7; + 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: #4D9FDC; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #4D9FDC; + outline: 0 none; + box-shadow: 0 0 0 1px #72BFED; +} +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: #5B646D; + color: #E6E8EB; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #5B646D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #5B646D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #5B646D; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #434B54; + color: #E6E8EB; + 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: #D0D3D7; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #72BFED; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; +} +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-group { + background: #434B54; + margin: 0; + padding: 0.75rem 1rem; + color: #E6E8EB; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #5B646D; + border-radius: 3px; + background: #434B54; +} +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: #434B54; + color: #E6E8EB; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #D0D3D7; +} +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: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +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: rgba(77, 159, 220, 0.7); + color: #f8fafc; +} +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 #72BFED; +} +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: #434B54; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #5B646D; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2F363E; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #D0D3D7; + 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: #4D9FDC; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #4D9FDC; + outline: 0 none; + box-shadow: 0 0 0 1px #72BFED; +} +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: #5B646D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #5B646D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #5B646D; +} +body .ui-selectonemenu-panel { + background: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #434B54; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #E6E8EB; + 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #434B54; + margin: 0; + padding: 0.75rem 1rem; + color: #E6E8EB; +} + +body .ui-slider { + background: #5B646D; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #5B646D; + border: 2px solid #4D9FDC; + 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: #4D9FDC; + background: #4D9FDC; +} +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: #4D9FDC; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #5B646D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #434B54; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #72BFED; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #4D9FDC; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #E6E8EB; +} + +body .ui-breadcrumb { + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #72BFED; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: #E6E8EB; +} +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: #E6E8EB; +} +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: #D0D3D7; + 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: #E6E8EB; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: 3px; + 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 #72BFED; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: #E6E8EB; +} +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: #E6E8EB; +} +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: #D0D3D7; + 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: #E6E8EB; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; +} +body .ui-menu.ui-shadow { + border: 1px solid #5B646D; + box-shadow: 0 2px 4px -1px rgba(0, 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: #434B54; + color: #E6E8EB; + 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: #E6E8EB; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #E6E8EB; +} +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(78, 86, 95, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #D0D3D7; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #D0D3D7; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(78, 86, 95, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +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: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #434B54; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 1px solid #5B646D; + box-shadow: 0 2px 4px -1px rgba(0, 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 #5B646D; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #434B54; + border-radius: 3px; +} +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: 3px; +} +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: #E6E8EB; + width: 100%; + border: 0 none; + background: #434B54; + 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: #434B54; + color: #E6E8EB; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #434B54; + 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 #5B646D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #5B646D; + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #434B54; + border: 1px solid #5B646D; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #E6E8EB; + 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(78, 86, 95, 0.7); +} +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: #E6E8EB; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #E6E8EB; + background: #434B54; + border: 1px solid #5B646D; + 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: #E6E8EB; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; + border-color: rgba(77, 159, 220, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #E6E8EB; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #5B646D; + 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: #434B54; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #5B646D; + 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: #434B54; + color: #D0D3D7; + top: 0; + margin: 0; + border-bottom: 2px solid #5B646D; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #D0D3D7; + 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: #434B54; + border-color: #4D9FDC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #E6E8EB; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #E6E8EB; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #434B54; + border-color: #4D9FDC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #4D9FDC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #4D9FDC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #72BFED; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + color: #2B7AA4; + 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: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #F8D895; + border: 1px solid #A76927; + color: #A76927; + 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: #A76927; +} +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: #A76927; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + color: #AD342B; + 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: #AD342B; +} +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: #AD342B; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 3px; + color: #2B7AA4; +} +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: #2B7AA4; + 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: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 3px; + color: #A76927; +} +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: #A76927; + 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: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 3px; + color: #AD342B; +} +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: #AD342B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #72BFED; +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 6px; + color: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #9BF2F7; + color: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #83eff5; +} +body .ui-messages .ui-messages-warn { + background: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 6px; + color: #A76927; +} +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: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #F8D895; + color: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #f6cf7d; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 6px; + color: #AD342B; +} +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: #AD342B; +} +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: #FABD9A; + color: #AD342B; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #f9ad82; +} + +body .ui-avatar { + background-color: #5B646D; + border-radius: 3px; +} +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 #434B54; +} + +body .ui-badge { + background: #4D9FDC; + color: #f8fafc; + 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: #5B646D; + color: #E6E8EB; + 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: 3px; + 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 #72BFED; +} + +body .ui-clock { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: 3px; + 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: #5B646D; + 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: #4D9FDC; + color: #f8fafc; +} +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: rgba(77, 159, 220, 0.7); + color: #f8fafc; +} +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 #72BFED; +} +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 #72BFED; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #5B646D; + border-radius: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #434B54; + color: #E6E8EB; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #72BFED; +} +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: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #5B646D; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #4D9FDC; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #E6E8EB; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(77, 159, 220, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(77, 159, 220, 0.772); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #f8fafc; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 3px; +} +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: #4D9FDC; + color: #f8fafc; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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(67, 75, 84, 0); + border-bottom-color: #434B54; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(91, 100, 109, 0); + border-bottom-color: #5B646D; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #434B54; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #5B646D; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #5B646D; + border-radius: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #434B54; + color: #E6E8EB; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #72BFED; +} +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: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #E6E8EB; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #72BFED; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #434B54; + color: #E6E8EB; + padding: 0; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +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: #4D9FDC; + color: #f8fafc; + 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: #1B74C5; + color: #f8fafc; +} +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: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #72BFED; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} + +body .ui-tooltip .ui-tooltip-text { + background: #5B646D; + color: #E6E8EB; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #5B646D; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #5B646D; + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + 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 #5B646D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #434B54; + border-color: #5B646D; + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #72BFED; +} +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-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #434B54; + color: #E6E8EB; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #D0D3D7; +} +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: rgba(77, 159, 220, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #434B54; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #5B646D; +} +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 #5B646D; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #72BFED; +} + +body .ui-notificationbar { + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #72BFED; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #2F363E; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #5B646D; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #5B646D; +} + +body .ui-splitter { + border: 1px solid #5B646D; + background: #434B54; + border-radius: 3px; + color: #E6E8EB; +} +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: #5B646D; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #5B646D; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #434B54; + 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: #434B54; + color: #D0D3D7; + 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: #D0D3D7; + 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: #434B54; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #E6E8EB; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #434B54; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #4D9FDC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #4D9FDC; +} +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 #72BFED; +} +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: #434B54; + color: #E6E8EB; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #5B646D; + 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 #5B646D; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #4D9FDC; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #4D9FDC; +} +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 #5B646D; + 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 #5B646D; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #4D9FDC; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #4D9FDC; +} +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 #5B646D; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #5B646D; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #4D9FDC; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #4D9FDC; +} +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 #5B646D; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #4D9FDC; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #4D9FDC; +} +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: #434B54; + color: #D0D3D7; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} + +body .ui-toolbar { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #5B646D; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-denim-dark/theme.scss b/src/main/webapp/resources/primefaces-poseidon-denim-dark/theme.scss new file mode 100644 index 0000000..2aba489 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-denim-dark/theme.scss @@ -0,0 +1,7 @@ +$primaryLightColor: #72BFED !default; +$primaryColor: #4D9FDC !default; +$primaryDarkColor: #1B74C5 !default; +$primaryDarkerColor: #135AA9 !default; +$primaryTextColor: #f8fafc !default; + +@import '../sass/theme/_theme_dark'; \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-denim-dim/theme.css b/src/main/webapp/resources/primefaces-poseidon-denim-dim/theme.css new file mode 100644 index 0000000..59d1cc5 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-denim-dim/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#3C4962; + --surface-b:#2B364C; + --surface-c:rgba(73, 87, 113, 0.7); + --surface-d:#65738D; + --surface-e:#3C4962; + --surface-f:#3C4962; + --text-color:#E5E8EC; + --text-color-secondary:#CDD2DB; + --primary-color:#4D9FDC; + --primary-color-text:#f8fafc; + --font-family:Open Sans; + --surface-0: #17212f; + --surface-50: #2e3744; + --surface-100: #454d59; + --surface-200: #5d646d; + --surface-300: #747a82; + --surface-400: #8b9097; + --surface-500: #a2a6ac; + --surface-600: #b9bcc1; + --surface-700: #d1d3d5; + --surface-800: #e8e9ea; + --surface-900: #ffffff; + --gray-50:#e8e9ea; + --gray-100: #d1d3d5; + --gray-200: #b9bcc1; + --gray-300: #a2a6ac; + --gray-400: #8b9097; + --gray-500: #747a82; + --gray-600: #5d646d; + --gray-700: #454d59; + --gray-800: #2e3744; + --gray-900: #17212f; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#17212f; + --surface-section:#17212f; + --surface-card:#1f2d40; + --surface-overlay:#1f2d40; + --surface-border:#304562; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #72BFED; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#f6fafd; + --primary-100:#d4e8f7; + --primary-200:#b2d6f0; + --primary-300:#91c3e9; + --primary-400:#6fb1e3; + --primary-500:#4d9fdc; + --primary-600:#4187bb; + --primary-700:#366f9a; + --primary-800:#2a5779; + --primary-900:#1f4058; +} + +body .ui-button { + background: #4D9FDC; + color: #f8fafc; + border: 1px solid #4D9FDC; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #1B74C5; + border-color: #1B74C5; + color: #f8fafc; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #72BFED; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #135AA9; + border-color: #135AA9; + color: #f8fafc; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #4D9FDC; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(77, 159, 220, 0.04); + color: #4D9FDC; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(77, 159, 220, 0.16); + color: #4D9FDC; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #CDD2DB; + border-color: #CDD2DB; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #CDD2DB; +} +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: #CDD2DB; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #4D9FDC; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(77, 159, 220, 0.04); + color: #4D9FDC; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(77, 159, 220, 0.16); + color: #4D9FDC; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #CDD2DB; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #CDD2DB; +} +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: #CDD2DB; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + 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: #CDD2DB; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + border-color: #65738D; + color: #E5E8EC; +} +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: #CDD2DB; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #4D9FDC; + border-color: #4D9FDC; + color: #f8fafc; +} +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: #f8fafc; +} +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: #1B74C5; + border-color: #1B74C5; + color: #f8fafc; +} +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: #f8fafc; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #4D9FDC; + 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: #1B74C5; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #135AA9; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #E5E8EC; + color: #2B364C; +} +body .ui-speeddial-action:hover { + background: #CDD2DB; + color: #2B364C; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #72BFED; +} +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: #65738D; + 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(73, 87, 113, 0.7); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #4D9FDC; + color: #f8fafc; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #4D9FDC; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #3C4962; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #65738D; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #CDD2DB; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; + padding: 1rem 1rem; + border: 1px solid #65738D; + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #4D9FDC; + 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 #72BFED; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable thead th.ui-state-active { + background: #3C4962; + color: #4D9FDC; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #4D9FDC; +} +body .ui-datatable .ui-datatable-data > tr { + background: #3C4962; + color: #E5E8EC; + 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 #65738D; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #f8fafc; +} +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: #3C4962; + color: #E5E8EC; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #72BFED; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #72BFED; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #72BFED; +} +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: rgba(77, 159, 220, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #4D9FDC; +} +body .ui-datatable tfoot td { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + 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: #3C4962; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #344057; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-columntoggler { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + background: #3C4962; + border: 1px solid #65738D; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #E5E8EC; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #65738D; + } + 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 #65738D; + } + 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: #3C4962; + color: #CDD2DB; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #65738D; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #65738D; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #65738D; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(77, 159, 220, 0.7); +} +body .fc th { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #65738D; +} +body .fc td.fc-widget-content { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; +} +body .fc td.fc-head-container { + border: 1px solid #65738D; +} +body .fc .fc-row { + border-right: 1px solid #65738D; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #1B74C5; + border: 1px solid #1B74C5; + color: #f8fafc; +} +body .fc .fc-divider { + background: #3C4962; + border: 1px solid #65738D; +} +body .fc .fc-toolbar .fc-button { + background: #4D9FDC; + color: #f8fafc; + border: 1px solid #4D9FDC; + 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: #1B74C5; + border-color: #1B74C5; + color: #f8fafc; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #72BFED; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #135AA9; + border-color: #135AA9; + color: #f8fafc; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(39, 131, 199, 0.7); +} +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: #3C4962; + border: solid #65738D; + 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: #CDD2DB; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #72BFED; +} +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: #CDD2DB; +} +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: #CDD2DB; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(77, 159, 220, 0.7); + color: #f8fafc; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #72BFED; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #CDD2DB; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(39, 131, 199, 0.7); +} +@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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-tagcloud a { + color: #E5E8EC; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; +} + +body .timeline-frame { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #72BFED; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; +} +body .vis-timeline { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .vis-timeline .vis-item { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .vis-timeline .vis-item .vis-item-content { + color: #E5E8EC; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(77, 159, 220, 0.7); + border-color: rgba(77, 159, 220, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #f8fafc; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #E5E8EC; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #72BFED; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; +} +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: #E5E8EC; +} +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-tree-droppoint.ui-state-hover { + background: rgba(77, 159, 220, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #72BFED; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; +} +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: #E5E8EC; +} +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: #3C4962; +} +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: #CDD2DB; +} +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 rgba(77, 159, 220, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #3C4962; + color: #CDD2DB; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + 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: #3C4962; + color: #E5E8EC; + padding: 1rem 1rem; + border: 1px solid #65738D; + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #4D9FDC; + 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 #72BFED; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-treetable thead th.ui-state-active { + background: #3C4962; + color: #4D9FDC; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #4D9FDC; +} +body .ui-treetable .ui-treetable-data > tr { + background: #3C4962; + color: #E5E8EC; + 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 #65738D; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #72BFED; +} +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: #E5E8EC; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #72BFED; +} +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: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #f8fafc; +} +body .ui-treetable tfoot td { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + 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: #3C4962; +} +body .ui-treetable .ui-column-resizer-helper { + background: #4D9FDC; +} +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 #65738D; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #65738D; + color: #E5E8EC; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #E5E8EC; + -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: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + 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: #E5E8EC; + 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; +} +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: rgba(77, 159, 220, 0.7); + color: #f8fafc; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; +} +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: #2B364C; + border: 1px solid #65738D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #4D9FDC; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #4D9FDC; + outline: 0 none; + box-shadow: 0 0 0 1px #72BFED; +} +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: #CDD2DB; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #CDD2DB; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + 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 #72BFED; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #f8fafc; + background: rgba(77, 159, 220, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #E5E8EC; + background: rgba(73, 87, 113, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #65738D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #65738D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #65738D; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #65738D; + border-width: 2px; + background: #2B364C; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #4D9FDC; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 2px #72BFED; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #4D9FDC; + background: #4D9FDC; + color: #f8fafc; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #1B74C5; +} +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: #65738D; +} +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: #65738D; +} +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: #4D9FDC; +} +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: #1B74C5; +} + +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: #65738D; + color: #E5E8EC; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #E5E8EC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #3C4962; + color: #E5E8EC; + font-weight: 600; + border: solid #65738D; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #72BFED; +} +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 { + padding: 0; + color: #E5E8EC; + 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:hover { + background: rgba(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #72BFED; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #4D9FDC; + font-weight: 600; + 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(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + background: #2B364C; + padding: 0.5rem 0.5rem; + border: 1px solid #65738D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #4D9FDC; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #4D9FDC; + outline: 0 none; + box-shadow: 0 0 0 1px #72BFED; +} +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: 3px; + 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 #65738D; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #E5E8EC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #72BFED; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #72BFED; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #72BFED; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + 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: #4D9FDC; + outline: 0 none; + box-shadow: 0 0 0 1px #72BFED; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #CDD2DB; +} +body :-moz-placeholder { + color: #CDD2DB; + opacity: 1; +} +body ::-moz-placeholder { + color: #CDD2DB; + opacity: 1; +} +body :-ms-input-placeholder { + color: #CDD2DB; +} +body .p-field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #CDD2DB; +} +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: #E5E8EC; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #E5E8EC; +} +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: #CDD2DB; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #CDD2DB; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #E5E8EC; + background: #2B364C; + padding: 0.5rem 0.5rem; + border: 1px solid #65738D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #4D9FDC; +} +body .ui-inputfield.ui-state-focus { + border-color: #4D9FDC; + outline: 0 none; + box-shadow: 0 0 0 1px #72BFED; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #65738D; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #65738D; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #65738D; +} +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: #65738D; + background: #3C4962; + color: #CDD2DB; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #65738D; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #3C4962; + border-radius: 50%; + border: 2px solid #65738D; + 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: #4D9FDC; + outline: 0 none; + box-shadow: 0 0 0 1px #72BFED; +} +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: #4D9FDC; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #E5E8EC; + border-color: #135AA9; + margin-left: 2px; +} + +body .keypad-popup { + background: #3C4962; + color: #E5E8EC; + padding: 0; + border: 1px solid #65738D; + margin: 0; + width: auto; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .keypad-popup button { + background: #3C4962; + border: 1px solid #65738D; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + border-color: #65738D; + color: #E5E8EC; +} +body .keypad-popup button.ui-state-active { + background: #2B364C; + border-color: #65738D; + color: #E5E8EC; +} +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: #4D9FDC; + color: #f8fafc; + border: 1px solid #4D9FDC; +} +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: #1B74C5; + border-color: #1B74C5; + color: #f8fafc; +} +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 #72BFED; +} +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: #135AA9; + border-color: #135AA9; + color: #f8fafc; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #65738D; + 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: #3C4962; + color: #E5E8EC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #3C4962; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; +} + +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: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #65738D; + border-width: 2px; + background: #2B364C; + 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: #4D9FDC; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 2px #72BFED; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #4D9FDC; + background: #4D9FDC; + color: #f8fafc; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #1B74C5; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #f8fafc; +} +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: #65738D; +} +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: #65738D; +} +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: #4D9FDC; +} +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: #1B74C5; +} + +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 #72BFED; +} +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 #72BFED; +} +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: #E5E8EC; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #1B74C5; +} +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: #4D9FDC; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #f8fafc; +} + +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 #65738D; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2B364C; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #CDD2DB; + 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: #4D9FDC; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #4D9FDC; + outline: 0 none; + box-shadow: 0 0 0 1px #72BFED; +} +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: #65738D; + color: #E5E8EC; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #65738D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #65738D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #65738D; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #3C4962; + color: #E5E8EC; + 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: #CDD2DB; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #72BFED; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; +} +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-group { + background: #3C4962; + margin: 0; + padding: 0.75rem 1rem; + color: #E5E8EC; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #65738D; + border-radius: 3px; + background: #3C4962; +} +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: #3C4962; + color: #E5E8EC; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #CDD2DB; +} +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: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +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: rgba(77, 159, 220, 0.7); + color: #f8fafc; +} +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 #72BFED; +} +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: #3C4962; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #65738D; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2B364C; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #CDD2DB; + 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: #4D9FDC; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #4D9FDC; + outline: 0 none; + box-shadow: 0 0 0 1px #72BFED; +} +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: #65738D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #65738D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #65738D; +} +body .ui-selectonemenu-panel { + background: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #3C4962; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #E5E8EC; + 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #3C4962; + margin: 0; + padding: 0.75rem 1rem; + color: #E5E8EC; +} + +body .ui-slider { + background: #65738D; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #65738D; + border: 2px solid #4D9FDC; + 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: #4D9FDC; + background: #4D9FDC; +} +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: #4D9FDC; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #65738D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #3C4962; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #72BFED; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #4D9FDC; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #E5E8EC; +} + +body .ui-breadcrumb { + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #72BFED; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: #E5E8EC; +} +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: #E5E8EC; +} +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: #CDD2DB; + 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: #E5E8EC; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: 3px; + 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 #72BFED; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: #E5E8EC; +} +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: #E5E8EC; +} +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: #CDD2DB; + 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: #E5E8EC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; +} +body .ui-menu.ui-shadow { + border: 1px solid #65738D; + box-shadow: 0 2px 4px -1px rgba(0, 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: #3C4962; + color: #E5E8EC; + 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: #E5E8EC; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #E5E8EC; +} +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(73, 87, 113, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #CDD2DB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #CDD2DB; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(73, 87, 113, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +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: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #3C4962; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 1px solid #65738D; + box-shadow: 0 2px 4px -1px rgba(0, 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 #65738D; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #3C4962; + border-radius: 3px; +} +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: 3px; +} +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: #E5E8EC; + width: 100%; + border: 0 none; + background: #3C4962; + 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: #3C4962; + color: #E5E8EC; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #3C4962; + 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 #65738D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #65738D; + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #3C4962; + border: 1px solid #65738D; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #E5E8EC; + 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(73, 87, 113, 0.7); +} +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: #E5E8EC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #E5E8EC; + background: #3C4962; + border: 1px solid #65738D; + 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: #E5E8EC; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; + border-color: rgba(77, 159, 220, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #E5E8EC; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #65738D; + 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: #3C4962; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #65738D; + 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: #3C4962; + color: #CDD2DB; + top: 0; + margin: 0; + border-bottom: 2px solid #65738D; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #CDD2DB; + 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: #3C4962; + border-color: #4D9FDC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #E5E8EC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #E5E8EC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #3C4962; + border-color: #4D9FDC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #4D9FDC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #4D9FDC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #72BFED; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + color: #2B7AA4; + 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: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #F8D895; + border: 1px solid #A76927; + color: #A76927; + 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: #A76927; +} +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: #A76927; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + color: #AD342B; + 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: #AD342B; +} +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: #AD342B; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 3px; + color: #2B7AA4; +} +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: #2B7AA4; + 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: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 3px; + color: #A76927; +} +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: #A76927; + 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: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 3px; + color: #AD342B; +} +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: #AD342B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #72BFED; +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 6px; + color: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #9BF2F7; + color: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #83eff5; +} +body .ui-messages .ui-messages-warn { + background: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 6px; + color: #A76927; +} +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: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #F8D895; + color: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #f6cf7d; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 6px; + color: #AD342B; +} +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: #AD342B; +} +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: #FABD9A; + color: #AD342B; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #f9ad82; +} + +body .ui-avatar { + background-color: #65738D; + border-radius: 3px; +} +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 #3C4962; +} + +body .ui-badge { + background: #4D9FDC; + color: #f8fafc; + 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: #65738D; + color: #E5E8EC; + 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: 3px; + 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 #72BFED; +} + +body .ui-clock { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: 3px; + 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: #65738D; + 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: #4D9FDC; + color: #f8fafc; +} +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: rgba(77, 159, 220, 0.7); + color: #f8fafc; +} +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 #72BFED; +} +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 #72BFED; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #65738D; + border-radius: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #3C4962; + color: #E5E8EC; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #72BFED; +} +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: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #65738D; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #4D9FDC; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #E5E8EC; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(77, 159, 220, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(77, 159, 220, 0.772); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #f8fafc; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 3px; +} +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: #4D9FDC; + color: #f8fafc; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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(60, 73, 98, 0); + border-bottom-color: #3C4962; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(101, 115, 141, 0); + border-bottom-color: #65738D; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #3C4962; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #65738D; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #65738D; + border-radius: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #3C4962; + color: #E5E8EC; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #72BFED; +} +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: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #E5E8EC; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #72BFED; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #3C4962; + color: #E5E8EC; + padding: 0; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +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: #4D9FDC; + color: #f8fafc; + 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: #1B74C5; + color: #f8fafc; +} +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: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #72BFED; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} + +body .ui-tooltip .ui-tooltip-text { + background: #65738D; + color: #E5E8EC; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #65738D; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #65738D; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #65738D; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #65738D; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #65738D; + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + 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 #65738D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #3C4962; + border-color: #65738D; + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #72BFED; +} +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-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #3C4962; + color: #E5E8EC; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #CDD2DB; +} +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: rgba(77, 159, 220, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #3C4962; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #65738D; +} +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 #65738D; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #72BFED; +} + +body .ui-notificationbar { + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #72BFED; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #2B364C; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #65738D; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #65738D; +} + +body .ui-splitter { + border: 1px solid #65738D; + background: #3C4962; + border-radius: 3px; + color: #E5E8EC; +} +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: #65738D; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #65738D; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #3C4962; + 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: #3C4962; + color: #CDD2DB; + 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: #CDD2DB; + 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: #3C4962; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #E5E8EC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #3C4962; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #4D9FDC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #4D9FDC; +} +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 #72BFED; +} +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: #3C4962; + color: #E5E8EC; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #65738D; + 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 #65738D; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #4D9FDC; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #4D9FDC; +} +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 #65738D; + 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 #65738D; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #4D9FDC; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #4D9FDC; +} +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 #65738D; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #65738D; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #4D9FDC; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #4D9FDC; +} +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 #65738D; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #4D9FDC; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #4D9FDC; +} +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: #3C4962; + color: #CDD2DB; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} + +body .ui-toolbar { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #65738D; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(77, 159, 220, 0.7); + color: #f8fafc; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-denim-dim/theme.scss b/src/main/webapp/resources/primefaces-poseidon-denim-dim/theme.scss new file mode 100644 index 0000000..c1097a4 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-denim-dim/theme.scss @@ -0,0 +1,7 @@ +$primaryLightColor: #72BFED !default; +$primaryColor: #4D9FDC !default; +$primaryDarkColor: #1B74C5 !default; +$primaryDarkerColor: #135AA9 !default; +$primaryTextColor: #f8fafc !default; + +@import '../sass/theme/_theme_dim'; \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-denim-light/theme.css b/src/main/webapp/resources/primefaces-poseidon-denim-light/theme.css new file mode 100644 index 0000000..696b844 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-denim-light/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#FDFEFF; + --surface-b:#F6F9FE; + --surface-c:rgba(232, 241, 248, 0.7); + --surface-d:#E4E5E5; + --surface-e:#FDFEFF; + --surface-f:#FDFEFF; + --text-color:#515C66; + --text-color-secondary:#657380; + --primary-color:#1B74C5; + --primary-color-text:#f8fafc; + --font-family:Open Sans; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F5F5F5; + --surface-200: #EEEEEE; + --surface-300: #E0E0E0; + --surface-400: #BDBDBD; + --surface-500: #9E9E9E; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#f8f9fa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: #e9ecef; + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem #4D9FDC; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#f4f8fc; + --primary-100:#c8def1; + --primary-200:#9dc3e6; + --primary-300:#72a9db; + --primary-400:#468ed0; + --primary-500:#1b74c5; + --primary-600:#1763a7; + --primary-700:#13518a; + --primary-800:#0f406c; + --primary-900:#0b2e4f; +} + +body .ui-button { + background: #1B74C5; + color: #f8fafc; + border: 1px solid #1B74C5; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #135AA9; + border-color: #135AA9; + color: #f8fafc; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #4D9FDC; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #0D438D; + border-color: #0D438D; + color: #f8fafc; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #1B74C5; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(27, 116, 197, 0.04); + color: #1B74C5; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(27, 116, 197, 0.16); + color: #1B74C5; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #657380; + border-color: #657380; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #657380; +} +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: #E4E5E5; + color: #657380; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #1B74C5; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(27, 116, 197, 0.04); + color: #1B74C5; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(27, 116, 197, 0.16); + color: #1B74C5; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #657380; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #657380; +} +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: #E4E5E5; + color: #657380; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #FDFEFF; + color: #515C66; + border: 1px solid #D7D8D9; + 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: #657380; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + border-color: #D7D8D9; + color: #515C66; +} +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: #657380; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #1B74C5; + border-color: #1B74C5; + color: #f8fafc; +} +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: #f8fafc; +} +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: #135AA9; + border-color: #135AA9; + color: #f8fafc; +} +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: #f8fafc; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #537f2d; + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #1B74C5; + 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: #135AA9; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #0D438D; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #F6F9FE; + color: #515C66; +} +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: #657380; +} +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: #515C66; + color: #fff; +} +body .ui-speeddial-action:hover { + background: #3B475F; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #4D9FDC; +} +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(232, 241, 248, 0.7); + 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: #E4E5E5; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #1B74C5; + color: #f8fafc; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #1B74C5; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #FDFEFF; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #E4E5E5; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #1B74C5; + 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 #4D9FDC; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable thead th.ui-state-active { + background: #F6F9FE; + color: #1B74C5; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #1B74C5; +} +body .ui-datatable .ui-datatable-data > tr { + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(27, 116, 197, 0.7); + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #f8fafc; +} +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: #FDFEFF; + color: #515C66; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #4D9FDC; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #4D9FDC; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #4D9FDC; +} +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: rgba(27, 116, 197, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #1B74C5; +} +body .ui-datatable tfoot td { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + 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: #F6F9FE; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #fbfcfc; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(27, 116, 197, 0.7); + color: #f8fafc; +} +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-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: #FDFEFF; + border: 1px solid #D7D8D9; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #515C66; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #FDFEFF; + color: #515C66; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #E4E5E5; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(27, 116, 197, 0.7); +} +body .fc th { + background: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #E4E5E5; +} +body .fc td.fc-widget-content { + background: #FDFEFF; + border: 1px solid #E4E5E5; + color: #515C66; +} +body .fc td.fc-head-container { + border: 1px solid #E4E5E5; +} +body .fc .fc-row { + border-right: 1px solid #E4E5E5; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #135AA9; + border: 1px solid #135AA9; + color: #f8fafc; +} +body .fc .fc-divider { + background: #F6F9FE; + border: 1px solid #E4E5E5; +} +body .fc .fc-toolbar .fc-button { + background: #1B74C5; + color: #f8fafc; + border: 1px solid #1B74C5; + 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: #135AA9; + border-color: #135AA9; + color: #f8fafc; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #4D9FDC; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #0D438D; + border-color: #0D438D; + color: #f8fafc; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(27, 116, 197, 0.7); + color: #f8fafc; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(22, 93, 158, 0.7); +} +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: #FDFEFF; + border: solid rgba(232, 241, 248, 0.7); + 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: #657380; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(232, 241, 248, 0.7); + color: #515C66; + 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 #4D9FDC; +} +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: #657380; +} +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: #657380; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(27, 116, 197, 0.7); + color: #f8fafc; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + 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 #4D9FDC; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #657380; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(27, 116, 197, 0.7); + color: #f8fafc; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(22, 93, 158, 0.7); +} +@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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-tagcloud a { + color: #515C66; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(27, 116, 197, 0.7); + color: #f8fafc; +} + +body .timeline-frame { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #4D9FDC; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(27, 116, 197, 0.7); + color: #f8fafc; +} +body .vis-timeline { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .vis-timeline .vis-item { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .vis-timeline .vis-item .vis-item-content { + color: #515C66; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(27, 116, 197, 0.7); + border-color: rgba(27, 116, 197, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #f8fafc; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #515C66; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #4D9FDC; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(27, 116, 197, 0.7); + color: #f8fafc; +} +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: #515C66; +} +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-tree-droppoint.ui-state-hover { + background: rgba(27, 116, 197, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #4D9FDC; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(27, 116, 197, 0.7); + color: #f8fafc; +} +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: #515C66; +} +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: #FDFEFF; +} +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: #657380; +} +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 rgba(27, 116, 197, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #1B74C5; + 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 #4D9FDC; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-treetable thead th.ui-state-active { + background: #F6F9FE; + color: #1B74C5; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #1B74C5; +} +body .ui-treetable .ui-treetable-data > tr { + background: #FDFEFF; + color: #515C66; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #4D9FDC; +} +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: #515C66; +} +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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(27, 116, 197, 0.7); + color: #f8fafc; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #4D9FDC; +} +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: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #f8fafc; +} +body .ui-treetable tfoot td { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + 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: #F6F9FE; +} +body .ui-treetable .ui-column-resizer-helper { + background: #1B74C5; +} +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(232, 241, 248, 0.7); +} +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 #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #E4E5E5; + color: #515C66; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #515C66; + -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: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 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: #515C66; + 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: #515C66; + 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: #FDFEFF; + color: #515C66; + 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: rgba(27, 116, 197, 0.7); + color: #f8fafc; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(27, 116, 197, 0.7); + color: #f8fafc; +} +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: #FDFEFF; + border: 1px solid #D7D8D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #1B74C5; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #1B74C5; + outline: 0 none; + box-shadow: 0 0 0 0.2em #4D9FDC; +} +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: #657380; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #657380; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #FDFEFF; + border: 0 none; + border-radius: 3px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +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: #515C66; + 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 #4D9FDC; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #f8fafc; + background: rgba(27, 116, 197, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #515C66; + background: rgba(232, 241, 248, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #F6F9FE; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #F6F9FE; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #D7D8D9; + border-width: 2px; + background: #FDFEFF; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #1B74C5; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 0.2em #4D9FDC; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #1B74C5; + background: #1B74C5; + color: #f8fafc; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #135AA9; +} +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: #F6F9FE; +} +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: #F6F9FE; +} +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: #1B74C5; +} +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: #135AA9; +} + +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: #E4E5E5; + color: #515C66; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #515C66; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #FDFEFF; + border: 1px solid #D7D8D9; + color: #515C66; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #FDFEFF; + color: #515C66; + font-weight: 600; + border: solid #E4E5E5; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #4D9FDC; +} +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 { + padding: 0; + color: #515C66; + 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:hover { + background: rgba(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #4D9FDC; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(27, 116, 197, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #0D438D; + font-weight: 600; + 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(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(27, 116, 197, 0.7); + color: #f8fafc; + 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: #515C66; + background: #FDFEFF; + padding: 0.5rem 0.5rem; + border: 1px solid #D7D8D9; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #1B74C5; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #1B74C5; + outline: 0 none; + box-shadow: 0 0 0 0.2em #4D9FDC; +} +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: 3px; + 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 #E4E5E5; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #515C66; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #4D9FDC; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(27, 116, 197, 0.7); + color: #f8fafc; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #4D9FDC; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #4D9FDC; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + 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: #1B74C5; + outline: 0 none; + box-shadow: 0 0 0 0.2em #4D9FDC; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #657380; +} +body :-moz-placeholder { + color: #657380; + opacity: 1; +} +body ::-moz-placeholder { + color: #657380; + opacity: 1; +} +body :-ms-input-placeholder { + color: #657380; +} +body .p-field small.ui-state-error { + color: #f44336; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #657380; +} +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: #515C66; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #515C66; +} +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: #657380; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #657380; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #515C66; + background: #FDFEFF; + padding: 0.5rem 0.5rem; + border: 1px solid #D7D8D9; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #1B74C5; +} +body .ui-inputfield.ui-state-focus { + border-color: #1B74C5; + outline: 0 none; + box-shadow: 0 0 0 0.2em #4D9FDC; +} +body .ui-inputfield.ui-state-error { + border-color: #f44336; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #F6F9FE; +} +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: #D7D8D9; + background: rgba(232, 241, 248, 0.7); + color: #657380; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #E4E5E5; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #FDFEFF; + border-radius: 50%; + border: 2px solid #E4E5E5; + 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: #1B74C5; + outline: 0 none; + box-shadow: 0 0 0 0.2em #4D9FDC; +} +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: #1B74C5; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #FDFEFF; + border-color: #0D438D; + margin-left: 2px; +} + +body .keypad-popup { + background: #FDFEFF; + color: #515C66; + 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: #FDFEFF; + border: 1px solid #D7D8D9; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #515C66; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: #ebebef; + border-color: #D7D8D9; + color: #515C66; +} +body .keypad-popup button.ui-state-active { + background: #0D438D; + border-color: #0D438D; + color: #FDFEFF; +} +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: #1B74C5; + color: #f8fafc; + border: 1px solid #1B74C5; +} +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: #135AA9; + border-color: #135AA9; + color: #f8fafc; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #4D9FDC; +} +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: #0D438D; + border-color: #0D438D; + color: #f8fafc; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #D7D8D9; + 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: #F6F9FE; + color: #515C66; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #FDFEFF; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(27, 116, 197, 0.7); + color: #f8fafc; +} + +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: #FDFEFF; + color: #515C66; + 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: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #D7D8D9; + border-width: 2px; + background: #FDFEFF; + 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: #1B74C5; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 0.2em #4D9FDC; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #1B74C5; + background: #1B74C5; + color: #f8fafc; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #135AA9; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #f8fafc; +} +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: #F6F9FE; +} +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: #F6F9FE; +} +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: #1B74C5; +} +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: #135AA9; +} + +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 #4D9FDC; +} +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 #4D9FDC; +} +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: #515C66; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #135AA9; +} +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: #1B74C5; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #f8fafc; +} + +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 #D7D8D9; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #FDFEFF; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #657380; + 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: #1B74C5; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #1B74C5; + outline: 0 none; + box-shadow: 0 0 0 0.2em #4D9FDC; +} +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: #E4E5E5; + color: #515C66; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #F6F9FE; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #F6F9FE; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #F6F9FE; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #F6F9FE; + color: #515C66; + 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: #657380; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #4D9FDC; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(27, 116, 197, 0.7); + color: #f8fafc; +} +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-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #515C66; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #D7D8D9; + border-radius: 3px; + background: #FDFEFF; +} +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: #F6F9FE; + color: #515C66; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #657380; +} +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: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +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: rgba(27, 116, 197, 0.7); + color: #f8fafc; +} +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 #4D9FDC; +} +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: #FDFEFF; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #D7D8D9; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #FDFEFF; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #657380; + 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: #1B74C5; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #1B74C5; + outline: 0 none; + box-shadow: 0 0 0 0.2em #4D9FDC; +} +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: #F6F9FE; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #F6F9FE; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #F6F9FE; +} +body .ui-selectonemenu-panel { + background: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #F6F9FE; + color: #515C66; +} +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: #657380; +} +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: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + color: #515C66; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #515C66; + 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: #FDFEFF; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(27, 116, 197, 0.7); + color: #f8fafc; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #515C66; +} + +body .ui-slider { + background: #E4E5E5; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #FDFEFF; + border: 2px solid #1B74C5; + 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: #1B74C5; + background: #1B74C5; +} +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: #1B74C5; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #E4E5E5; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #FDFEFF; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #4D9FDC; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #1B74C5; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #FDFEFF; +} + +body .ui-breadcrumb { + background: #FDFEFF; + border: 1px solid #E4E5E5; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #4D9FDC; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: #515C66; +} +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: #515C66; +} +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: #657380; + 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: #515C66; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: 3px; + 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 #4D9FDC; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: #515C66; +} +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: #515C66; +} +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: #657380; + 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: #515C66; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #FDFEFF; + border: 1px solid #E4E5E5; + border-radius: 3px; +} +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: #515C66; + 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: #515C66; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #515C66; +} +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(232, 241, 248, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #657380; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #515C66; +} +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: #657380; +} +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: #657380; +} +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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(232, 241, 248, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +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: #515C66; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #FDFEFF; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 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 #E4E5E5; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #F6F9FE; + border-radius: 3px; +} +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: 3px; +} +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: #515C66; + 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: #515C66; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #F6F9FE; + 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 #E4E5E5; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #E4E5E5; + border-top: 0 none; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #E4E5E5; + background: #F6F9FE; + color: #515C66; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #FDFEFF; + border: 1px solid #E4E5E5; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #515C66; + 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(232, 241, 248, 0.7); +} +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: #515C66; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #515C66; +} +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: #657380; +} +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: #515C66; + background: #FDFEFF; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: #657380; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(27, 116, 197, 0.7); + color: #f8fafc; + border-color: rgba(27, 116, 197, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #515C66; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #E4E5E5; + 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: #FDFEFF; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #E4E5E5; + 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: #FDFEFF; + color: #657380; + top: 0; + margin: 0; + border-bottom: 2px solid #E4E5E5; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #657380; + 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: #FDFEFF; + border-color: #515C66; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #657380; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #657380; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #FDFEFF; + border-color: #1B74C5; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #1B74C5; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #1B74C5; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #4D9FDC; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +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 #03A9F4; + color: #01579B; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #FFC107; + color: #7f6003; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + color: #B71C1C; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #03A9F4; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #FFC107; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #4D9FDC; +} +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 #03A9F4; + border-width: 0 0 0 6px; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #FFC107; + border-width: 0 0 0 6px; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + border-width: 0 0 0 6px; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +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: #E4E5E5; + border-radius: 3px; +} +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 #FDFEFF; +} + +body .ui-badge { + background: #1B74C5; + color: #f8fafc; + 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: #E4E5E5; + color: #515C66; + 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: 3px; + 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 #4D9FDC; +} + +body .ui-clock { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: #F6F9FE; + 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: #F6F9FE; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #F6F9FE; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 3px; + 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: #F6F9FE; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #F6F9FE; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(232, 241, 248, 0.7); + 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: #E4E5E5; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #1B74C5; + color: #f8fafc; +} +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: rgba(27, 116, 197, 0.7); + color: #f8fafc; +} +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: #F6F9FE; + 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: #F6F9FE; +} +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 #4D9FDC; +} +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 #4D9FDC; +} + +.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: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #FDFEFF; + color: #515C66; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #4D9FDC; +} +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: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #efefef; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #1B74C5; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #515C66; + 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: #F6F9FE; +} + +body .ui-skeleton { + background-color: rgba(232, 241, 248, 0.7); + border-radius: 3px; +} +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: #1B74C5; + color: #f8fafc; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #FDFEFF; + color: #515C66; + border: 1px solid #E4E5E5; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #FDFEFF; + color: #515C66; + border: 0 none; + border-radius: 3px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +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(253, 254, 255, 0); + border-bottom-color: #FDFEFF; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(253, 254, 255, 0); + border-bottom-color: #FDFEFF; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #FDFEFF; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #FDFEFF; +} +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: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #FDFEFF; + color: #515C66; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #4D9FDC; +} +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: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #FDFEFF; + color: #515C66; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #515C66; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #4D9FDC; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #FDFEFF; + color: #515C66; + 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: 3px; +} +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: #1B74C5; + color: #f8fafc; + 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: #135AA9; + color: #f8fafc; +} +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: #FDFEFF; + color: #515C66; + padding: 1rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #4D9FDC; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #252529; + color: #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: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #252529; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #252529; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #252529; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #252529; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #E4E5E5; + border-top: 0 none; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + 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 #E4E5E5; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #F6F9FE; + border-color: #E4E5E5; + color: #515C66; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #4D9FDC; +} +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-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #FDFEFF; + color: #515C66; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #657380; +} +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: rgba(27, 116, 197, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #FDFEFF; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #E4E5E5; +} +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 #E4E5E5; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #515C66; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #4D9FDC; +} + +body .ui-notificationbar { + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border: 1px solid #E4E5E5; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #4D9FDC; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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 #E4E5E5; + background: #FDFEFF; + border-radius: 3px; + color: #515C66; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #F6F9FE; +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #E4E5E5; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #E4E5E5; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #FDFEFF; + 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: #FDFEFF; + color: #657380; + 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: #657380; + 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: #FDFEFF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #657380; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #657380; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #FDFEFF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #1B74C5; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #1B74C5; +} +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 #4D9FDC; +} +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: #FDFEFF; + color: #515C66; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #E4E5E5; + 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 #E4E5E5; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #1B74C5; +} +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 #E4E5E5; + 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 #E4E5E5; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #1B74C5; +} +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 #E4E5E5; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #E4E5E5; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #1B74C5; +} +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 #E4E5E5; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #1B74C5; +} +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: #FDFEFF; + color: #657380; + 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(232, 241, 248, 0.7); + color: #515C66; +} + +body .ui-toolbar { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #E4E5E5; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(27, 116, 197, 0.7); + color: #f8fafc; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-denim-light/theme.scss b/src/main/webapp/resources/primefaces-poseidon-denim-light/theme.scss new file mode 100644 index 0000000..f588fd5 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-denim-light/theme.scss @@ -0,0 +1,7 @@ +$primaryLightColor: #4D9FDC !default; +$primaryColor: #1B74C5 !default; +$primaryDarkColor: #135AA9 !default; +$primaryDarkerColor: #0D438D !default; +$primaryTextColor: #f8fafc !default; + +@import '../sass/theme/_theme_light'; \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-gigas-dark/theme.css b/src/main/webapp/resources/primefaces-poseidon-gigas-dark/theme.css new file mode 100644 index 0000000..bc250d1 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-gigas-dark/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#434B54; + --surface-b:#2F363E; + --surface-c:rgba(78, 86, 95, 0.7); + --surface-d:#5B646D; + --surface-e:#434B54; + --surface-f:#434B54; + --text-color:#E6E8EB; + --text-color-secondary:#D0D3D7; + --primary-color:#817BCB; + --primary-color-text:#f8fafc; + --font-family:Open Sans; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50:#e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#1e1e1e; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #A39DE5; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#f9f8fc; + --primary-100:#e1dff3; + --primary-200:#c9c6e9; + --primary-300:#b1addf; + --primary-400:#9994d5; + --primary-500:#817bcb; + --primary-600:#6e69ad; + --primary-700:#5a568e; + --primary-800:#474470; + --primary-900:#343151; +} + +body .ui-button { + background: #817BCB; + color: #f8fafc; + border: 1px solid #817BCB; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #5751A9; + border-color: #5751A9; + color: #f8fafc; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A39DE5; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #403B91; + border-color: #403B91; + color: #f8fafc; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #817BCB; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(129, 123, 203, 0.04); + color: #817BCB; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(129, 123, 203, 0.16); + color: #817BCB; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #D0D3D7; + border-color: #D0D3D7; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #D0D3D7; +} +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: #D0D3D7; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #817BCB; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(129, 123, 203, 0.04); + color: #817BCB; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(129, 123, 203, 0.16); + color: #817BCB; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #D0D3D7; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #D0D3D7; +} +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: #D0D3D7; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + 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: #D0D3D7; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + border-color: #5B646D; + color: #E6E8EB; +} +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: #D0D3D7; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #817BCB; + border-color: #817BCB; + color: #f8fafc; +} +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: #f8fafc; +} +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: #5751A9; + border-color: #5751A9; + color: #f8fafc; +} +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: #f8fafc; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #817BCB; + 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: #5751A9; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #403B91; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #434B54; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #E6E8EB; + color: #2F363E; +} +body .ui-speeddial-action:hover { + background: #D0D3D7; + color: #2F363E; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #A39DE5; +} +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: #5B646D; + 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(78, 86, 95, 0.7); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #817BCB; + color: #f8fafc; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #817BCB; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #434B54; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #5B646D; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #D0D3D7; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #434B54; + color: #E6E8EB; + padding: 1rem 1rem; + border: 1px solid #5B646D; + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #817BCB; + 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 #A39DE5; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable thead th.ui-state-active { + background: #434B54; + color: #817BCB; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #817BCB; +} +body .ui-datatable .ui-datatable-data > tr { + background: #434B54; + color: #E6E8EB; + 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 #5B646D; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #f8fafc; +} +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: #434B54; + color: #E6E8EB; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #A39DE5; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #A39DE5; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #A39DE5; +} +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: rgba(129, 123, 203, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #817BCB; +} +body .ui-datatable tfoot td { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + 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: #434B54; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #394149; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-columntoggler { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + background: #434B54; + border: 1px solid #5B646D; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #E6E8EB; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #5B646D; + } + 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 #5B646D; + } + 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: #434B54; + color: #D0D3D7; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #5B646D; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #5B646D; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(129, 123, 203, 0.7); +} +body .fc th { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #5B646D; +} +body .fc td.fc-widget-content { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; +} +body .fc td.fc-head-container { + border: 1px solid #5B646D; +} +body .fc .fc-row { + border-right: 1px solid #5B646D; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #5751A9; + border: 1px solid #5751A9; + color: #f8fafc; +} +body .fc .fc-divider { + background: #434B54; + border: 1px solid #5B646D; +} +body .fc .fc-toolbar .fc-button { + background: #817BCB; + color: #f8fafc; + border: 1px solid #817BCB; + 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: #5751A9; + border-color: #5751A9; + color: #f8fafc; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A39DE5; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #403B91; + border-color: #403B91; + color: #f8fafc; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(84, 76, 185, 0.7); +} +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: #434B54; + border: solid #5B646D; + 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: #D0D3D7; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #A39DE5; +} +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: #D0D3D7; +} +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: #D0D3D7; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(129, 123, 203, 0.7); + color: #f8fafc; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #A39DE5; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #D0D3D7; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(84, 76, 185, 0.7); +} +@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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-tagcloud a { + color: #E6E8EB; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; +} + +body .timeline-frame { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A39DE5; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; +} +body .vis-timeline { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .vis-timeline .vis-item { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .vis-timeline .vis-item .vis-item-content { + color: #E6E8EB; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(129, 123, 203, 0.7); + border-color: rgba(129, 123, 203, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #f8fafc; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #E6E8EB; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #A39DE5; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; +} +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: #E6E8EB; +} +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-tree-droppoint.ui-state-hover { + background: rgba(129, 123, 203, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #A39DE5; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; +} +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: #E6E8EB; +} +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: #434B54; +} +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: #D0D3D7; +} +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 rgba(129, 123, 203, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #434B54; + color: #D0D3D7; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + 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: #434B54; + color: #E6E8EB; + padding: 1rem 1rem; + border: 1px solid #5B646D; + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #817BCB; + 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 #A39DE5; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-treetable thead th.ui-state-active { + background: #434B54; + color: #817BCB; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #817BCB; +} +body .ui-treetable .ui-treetable-data > tr { + background: #434B54; + color: #E6E8EB; + 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 #5B646D; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #A39DE5; +} +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: #E6E8EB; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #A39DE5; +} +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: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #f8fafc; +} +body .ui-treetable tfoot td { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + 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: #434B54; +} +body .ui-treetable .ui-column-resizer-helper { + background: #817BCB; +} +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 #5B646D; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #5B646D; + color: #E6E8EB; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #E6E8EB; + -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: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + 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: #E6E8EB; + 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; +} +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: rgba(129, 123, 203, 0.7); + color: #f8fafc; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; +} +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: #2F363E; + border: 1px solid #5B646D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #817BCB; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #817BCB; + outline: 0 none; + box-shadow: 0 0 0 1px #A39DE5; +} +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: #D0D3D7; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #D0D3D7; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + 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 #A39DE5; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #f8fafc; + background: rgba(129, 123, 203, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #E6E8EB; + background: rgba(78, 86, 95, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #5B646D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #5B646D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #5B646D; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #5B646D; + border-width: 2px; + background: #2F363E; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #817BCB; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 2px #A39DE5; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #817BCB; + background: #817BCB; + color: #f8fafc; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #5751A9; +} +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: #5B646D; +} +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: #5B646D; +} +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: #817BCB; +} +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: #5751A9; +} + +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: #5B646D; + color: #E6E8EB; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #E6E8EB; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #434B54; + color: #E6E8EB; + font-weight: 600; + border: solid #5B646D; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #A39DE5; +} +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 { + padding: 0; + color: #E6E8EB; + 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:hover { + background: rgba(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A39DE5; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #817BCB; + font-weight: 600; + 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(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + background: #2F363E; + padding: 0.5rem 0.5rem; + border: 1px solid #5B646D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #817BCB; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #817BCB; + outline: 0 none; + box-shadow: 0 0 0 1px #A39DE5; +} +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: 3px; + 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 #5B646D; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #E6E8EB; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A39DE5; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A39DE5; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A39DE5; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + 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: #817BCB; + outline: 0 none; + box-shadow: 0 0 0 1px #A39DE5; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #D0D3D7; +} +body :-moz-placeholder { + color: #D0D3D7; + opacity: 1; +} +body ::-moz-placeholder { + color: #D0D3D7; + opacity: 1; +} +body :-ms-input-placeholder { + color: #D0D3D7; +} +body .p-field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #D0D3D7; +} +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: #E6E8EB; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #E6E8EB; +} +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: #D0D3D7; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #D0D3D7; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #E6E8EB; + background: #2F363E; + padding: 0.5rem 0.5rem; + border: 1px solid #5B646D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #817BCB; +} +body .ui-inputfield.ui-state-focus { + border-color: #817BCB; + outline: 0 none; + box-shadow: 0 0 0 1px #A39DE5; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #5B646D; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #5B646D; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #5B646D; +} +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: #5B646D; + background: #434B54; + color: #D0D3D7; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #5B646D; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #434B54; + border-radius: 50%; + border: 2px solid #5B646D; + 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: #817BCB; + outline: 0 none; + box-shadow: 0 0 0 1px #A39DE5; +} +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: #817BCB; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #E6E8EB; + border-color: #403B91; + margin-left: 2px; +} + +body .keypad-popup { + background: #434B54; + color: #E6E8EB; + padding: 0; + border: 1px solid #5B646D; + margin: 0; + width: auto; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .keypad-popup button { + background: #434B54; + border: 1px solid #5B646D; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + border-color: #5B646D; + color: #E6E8EB; +} +body .keypad-popup button.ui-state-active { + background: #2F363E; + border-color: #5B646D; + color: #E6E8EB; +} +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: #817BCB; + color: #f8fafc; + border: 1px solid #817BCB; +} +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: #5751A9; + border-color: #5751A9; + color: #f8fafc; +} +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 #A39DE5; +} +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: #403B91; + border-color: #403B91; + color: #f8fafc; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #5B646D; + 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: #434B54; + color: #E6E8EB; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #434B54; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; +} + +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: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #5B646D; + border-width: 2px; + background: #2F363E; + 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: #817BCB; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 2px #A39DE5; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #817BCB; + background: #817BCB; + color: #f8fafc; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #5751A9; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #f8fafc; +} +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: #5B646D; +} +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: #5B646D; +} +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: #817BCB; +} +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: #5751A9; +} + +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 #A39DE5; +} +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 #A39DE5; +} +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: #E6E8EB; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #5751A9; +} +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: #817BCB; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #f8fafc; +} + +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 #5B646D; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2F363E; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #D0D3D7; + 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: #817BCB; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #817BCB; + outline: 0 none; + box-shadow: 0 0 0 1px #A39DE5; +} +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: #5B646D; + color: #E6E8EB; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #5B646D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #5B646D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #5B646D; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #434B54; + color: #E6E8EB; + 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: #D0D3D7; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #A39DE5; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; +} +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-group { + background: #434B54; + margin: 0; + padding: 0.75rem 1rem; + color: #E6E8EB; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #5B646D; + border-radius: 3px; + background: #434B54; +} +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: #434B54; + color: #E6E8EB; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #D0D3D7; +} +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: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +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: rgba(129, 123, 203, 0.7); + color: #f8fafc; +} +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 #A39DE5; +} +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: #434B54; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #5B646D; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2F363E; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #D0D3D7; + 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: #817BCB; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #817BCB; + outline: 0 none; + box-shadow: 0 0 0 1px #A39DE5; +} +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: #5B646D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #5B646D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #5B646D; +} +body .ui-selectonemenu-panel { + background: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #434B54; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #E6E8EB; + 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #434B54; + margin: 0; + padding: 0.75rem 1rem; + color: #E6E8EB; +} + +body .ui-slider { + background: #5B646D; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #5B646D; + border: 2px solid #817BCB; + 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: #817BCB; + background: #817BCB; +} +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: #817BCB; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #5B646D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #434B54; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #A39DE5; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #817BCB; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #E6E8EB; +} + +body .ui-breadcrumb { + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A39DE5; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: #E6E8EB; +} +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: #E6E8EB; +} +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: #D0D3D7; + 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: #E6E8EB; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: 3px; + 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 #A39DE5; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: #E6E8EB; +} +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: #E6E8EB; +} +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: #D0D3D7; + 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: #E6E8EB; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; +} +body .ui-menu.ui-shadow { + border: 1px solid #5B646D; + box-shadow: 0 2px 4px -1px rgba(0, 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: #434B54; + color: #E6E8EB; + 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: #E6E8EB; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #E6E8EB; +} +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(78, 86, 95, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #D0D3D7; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #D0D3D7; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(78, 86, 95, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +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: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #434B54; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 1px solid #5B646D; + box-shadow: 0 2px 4px -1px rgba(0, 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 #5B646D; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #434B54; + border-radius: 3px; +} +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: 3px; +} +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: #E6E8EB; + width: 100%; + border: 0 none; + background: #434B54; + 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: #434B54; + color: #E6E8EB; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #434B54; + 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 #5B646D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #5B646D; + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #434B54; + border: 1px solid #5B646D; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #E6E8EB; + 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(78, 86, 95, 0.7); +} +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: #E6E8EB; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #E6E8EB; + background: #434B54; + border: 1px solid #5B646D; + 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: #E6E8EB; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; + border-color: rgba(129, 123, 203, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #E6E8EB; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #5B646D; + 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: #434B54; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #5B646D; + 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: #434B54; + color: #D0D3D7; + top: 0; + margin: 0; + border-bottom: 2px solid #5B646D; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #D0D3D7; + 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: #434B54; + border-color: #817BCB; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #E6E8EB; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #E6E8EB; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #434B54; + border-color: #817BCB; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #817BCB; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #817BCB; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A39DE5; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + color: #2B7AA4; + 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: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #F8D895; + border: 1px solid #A76927; + color: #A76927; + 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: #A76927; +} +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: #A76927; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + color: #AD342B; + 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: #AD342B; +} +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: #AD342B; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 3px; + color: #2B7AA4; +} +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: #2B7AA4; + 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: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 3px; + color: #A76927; +} +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: #A76927; + 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: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 3px; + color: #AD342B; +} +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: #AD342B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A39DE5; +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 6px; + color: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #9BF2F7; + color: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #83eff5; +} +body .ui-messages .ui-messages-warn { + background: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 6px; + color: #A76927; +} +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: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #F8D895; + color: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #f6cf7d; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 6px; + color: #AD342B; +} +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: #AD342B; +} +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: #FABD9A; + color: #AD342B; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #f9ad82; +} + +body .ui-avatar { + background-color: #5B646D; + border-radius: 3px; +} +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 #434B54; +} + +body .ui-badge { + background: #817BCB; + color: #f8fafc; + 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: #5B646D; + color: #E6E8EB; + 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: 3px; + 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 #A39DE5; +} + +body .ui-clock { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: 3px; + 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: #5B646D; + 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: #817BCB; + color: #f8fafc; +} +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: rgba(129, 123, 203, 0.7); + color: #f8fafc; +} +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 #A39DE5; +} +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 #A39DE5; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #5B646D; + border-radius: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #434B54; + color: #E6E8EB; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #A39DE5; +} +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: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #5B646D; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #817BCB; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #E6E8EB; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(129, 123, 203, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(129, 123, 203, 0.772); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #f8fafc; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 3px; +} +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: #817BCB; + color: #f8fafc; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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(67, 75, 84, 0); + border-bottom-color: #434B54; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(91, 100, 109, 0); + border-bottom-color: #5B646D; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #434B54; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #5B646D; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #5B646D; + border-radius: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #434B54; + color: #E6E8EB; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #A39DE5; +} +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: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #E6E8EB; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A39DE5; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #434B54; + color: #E6E8EB; + padding: 0; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +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: #817BCB; + color: #f8fafc; + 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: #5751A9; + color: #f8fafc; +} +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: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A39DE5; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} + +body .ui-tooltip .ui-tooltip-text { + background: #5B646D; + color: #E6E8EB; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #5B646D; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #5B646D; + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + 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 #5B646D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #434B54; + border-color: #5B646D; + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A39DE5; +} +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-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #434B54; + color: #E6E8EB; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #D0D3D7; +} +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: rgba(129, 123, 203, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #434B54; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #5B646D; +} +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 #5B646D; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A39DE5; +} + +body .ui-notificationbar { + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #A39DE5; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #2F363E; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #5B646D; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #5B646D; +} + +body .ui-splitter { + border: 1px solid #5B646D; + background: #434B54; + border-radius: 3px; + color: #E6E8EB; +} +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: #5B646D; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #5B646D; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #434B54; + 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: #434B54; + color: #D0D3D7; + 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: #D0D3D7; + 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: #434B54; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #E6E8EB; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #434B54; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #817BCB; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #817BCB; +} +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 #A39DE5; +} +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: #434B54; + color: #E6E8EB; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #5B646D; + 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 #5B646D; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #817BCB; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #817BCB; +} +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 #5B646D; + 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 #5B646D; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #817BCB; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #817BCB; +} +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 #5B646D; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #5B646D; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #817BCB; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #817BCB; +} +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 #5B646D; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #817BCB; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #817BCB; +} +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: #434B54; + color: #D0D3D7; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} + +body .ui-toolbar { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #5B646D; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-gigas-dark/theme.scss b/src/main/webapp/resources/primefaces-poseidon-gigas-dark/theme.scss new file mode 100644 index 0000000..20d0d4c --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-gigas-dark/theme.scss @@ -0,0 +1,7 @@ +$primaryLightColor: #A39DE5 !default; +$primaryColor: #817BCB !default; +$primaryDarkColor: #5751A9 !default; +$primaryDarkerColor: #403B91 !default; +$primaryTextColor: #f8fafc !default; + +@import '../sass/theme/_theme_dark'; \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-gigas-dim/theme.css b/src/main/webapp/resources/primefaces-poseidon-gigas-dim/theme.css new file mode 100644 index 0000000..1bf4537 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-gigas-dim/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#3C4962; + --surface-b:#2B364C; + --surface-c:rgba(73, 87, 113, 0.7); + --surface-d:#65738D; + --surface-e:#3C4962; + --surface-f:#3C4962; + --text-color:#E5E8EC; + --text-color-secondary:#CDD2DB; + --primary-color:#817BCB; + --primary-color-text:#f8fafc; + --font-family:Open Sans; + --surface-0: #17212f; + --surface-50: #2e3744; + --surface-100: #454d59; + --surface-200: #5d646d; + --surface-300: #747a82; + --surface-400: #8b9097; + --surface-500: #a2a6ac; + --surface-600: #b9bcc1; + --surface-700: #d1d3d5; + --surface-800: #e8e9ea; + --surface-900: #ffffff; + --gray-50:#e8e9ea; + --gray-100: #d1d3d5; + --gray-200: #b9bcc1; + --gray-300: #a2a6ac; + --gray-400: #8b9097; + --gray-500: #747a82; + --gray-600: #5d646d; + --gray-700: #454d59; + --gray-800: #2e3744; + --gray-900: #17212f; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#17212f; + --surface-section:#17212f; + --surface-card:#1f2d40; + --surface-overlay:#1f2d40; + --surface-border:#304562; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #A39DE5; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#f9f8fc; + --primary-100:#e1dff3; + --primary-200:#c9c6e9; + --primary-300:#b1addf; + --primary-400:#9994d5; + --primary-500:#817bcb; + --primary-600:#6e69ad; + --primary-700:#5a568e; + --primary-800:#474470; + --primary-900:#343151; +} + +body .ui-button { + background: #817BCB; + color: #f8fafc; + border: 1px solid #817BCB; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #5751A9; + border-color: #5751A9; + color: #f8fafc; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A39DE5; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #403B91; + border-color: #403B91; + color: #f8fafc; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #817BCB; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(129, 123, 203, 0.04); + color: #817BCB; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(129, 123, 203, 0.16); + color: #817BCB; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #CDD2DB; + border-color: #CDD2DB; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #CDD2DB; +} +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: #CDD2DB; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #817BCB; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(129, 123, 203, 0.04); + color: #817BCB; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(129, 123, 203, 0.16); + color: #817BCB; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #CDD2DB; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #CDD2DB; +} +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: #CDD2DB; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + 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: #CDD2DB; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + border-color: #65738D; + color: #E5E8EC; +} +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: #CDD2DB; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #817BCB; + border-color: #817BCB; + color: #f8fafc; +} +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: #f8fafc; +} +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: #5751A9; + border-color: #5751A9; + color: #f8fafc; +} +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: #f8fafc; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #817BCB; + 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: #5751A9; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #403B91; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #E5E8EC; + color: #2B364C; +} +body .ui-speeddial-action:hover { + background: #CDD2DB; + color: #2B364C; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #A39DE5; +} +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: #65738D; + 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(73, 87, 113, 0.7); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #817BCB; + color: #f8fafc; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #817BCB; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #3C4962; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #65738D; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #CDD2DB; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; + padding: 1rem 1rem; + border: 1px solid #65738D; + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #817BCB; + 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 #A39DE5; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable thead th.ui-state-active { + background: #3C4962; + color: #817BCB; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #817BCB; +} +body .ui-datatable .ui-datatable-data > tr { + background: #3C4962; + color: #E5E8EC; + 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 #65738D; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #f8fafc; +} +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: #3C4962; + color: #E5E8EC; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #A39DE5; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #A39DE5; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #A39DE5; +} +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: rgba(129, 123, 203, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #817BCB; +} +body .ui-datatable tfoot td { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + 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: #3C4962; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #344057; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-columntoggler { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + background: #3C4962; + border: 1px solid #65738D; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #E5E8EC; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #65738D; + } + 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 #65738D; + } + 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: #3C4962; + color: #CDD2DB; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #65738D; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #65738D; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #65738D; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(129, 123, 203, 0.7); +} +body .fc th { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #65738D; +} +body .fc td.fc-widget-content { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; +} +body .fc td.fc-head-container { + border: 1px solid #65738D; +} +body .fc .fc-row { + border-right: 1px solid #65738D; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #5751A9; + border: 1px solid #5751A9; + color: #f8fafc; +} +body .fc .fc-divider { + background: #3C4962; + border: 1px solid #65738D; +} +body .fc .fc-toolbar .fc-button { + background: #817BCB; + color: #f8fafc; + border: 1px solid #817BCB; + 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: #5751A9; + border-color: #5751A9; + color: #f8fafc; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A39DE5; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #403B91; + border-color: #403B91; + color: #f8fafc; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(84, 76, 185, 0.7); +} +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: #3C4962; + border: solid #65738D; + 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: #CDD2DB; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #A39DE5; +} +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: #CDD2DB; +} +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: #CDD2DB; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(129, 123, 203, 0.7); + color: #f8fafc; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #A39DE5; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #CDD2DB; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(84, 76, 185, 0.7); +} +@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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-tagcloud a { + color: #E5E8EC; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; +} + +body .timeline-frame { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A39DE5; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; +} +body .vis-timeline { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .vis-timeline .vis-item { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .vis-timeline .vis-item .vis-item-content { + color: #E5E8EC; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(129, 123, 203, 0.7); + border-color: rgba(129, 123, 203, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #f8fafc; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #E5E8EC; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #A39DE5; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; +} +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: #E5E8EC; +} +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-tree-droppoint.ui-state-hover { + background: rgba(129, 123, 203, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #A39DE5; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; +} +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: #E5E8EC; +} +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: #3C4962; +} +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: #CDD2DB; +} +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 rgba(129, 123, 203, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #3C4962; + color: #CDD2DB; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + 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: #3C4962; + color: #E5E8EC; + padding: 1rem 1rem; + border: 1px solid #65738D; + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #817BCB; + 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 #A39DE5; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-treetable thead th.ui-state-active { + background: #3C4962; + color: #817BCB; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #817BCB; +} +body .ui-treetable .ui-treetable-data > tr { + background: #3C4962; + color: #E5E8EC; + 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 #65738D; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #A39DE5; +} +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: #E5E8EC; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #A39DE5; +} +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: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #f8fafc; +} +body .ui-treetable tfoot td { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + 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: #3C4962; +} +body .ui-treetable .ui-column-resizer-helper { + background: #817BCB; +} +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 #65738D; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #65738D; + color: #E5E8EC; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #E5E8EC; + -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: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + 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: #E5E8EC; + 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; +} +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: rgba(129, 123, 203, 0.7); + color: #f8fafc; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; +} +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: #2B364C; + border: 1px solid #65738D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #817BCB; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #817BCB; + outline: 0 none; + box-shadow: 0 0 0 1px #A39DE5; +} +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: #CDD2DB; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #CDD2DB; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + 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 #A39DE5; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #f8fafc; + background: rgba(129, 123, 203, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #E5E8EC; + background: rgba(73, 87, 113, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #65738D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #65738D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #65738D; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #65738D; + border-width: 2px; + background: #2B364C; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #817BCB; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 2px #A39DE5; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #817BCB; + background: #817BCB; + color: #f8fafc; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #5751A9; +} +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: #65738D; +} +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: #65738D; +} +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: #817BCB; +} +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: #5751A9; +} + +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: #65738D; + color: #E5E8EC; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #E5E8EC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #3C4962; + color: #E5E8EC; + font-weight: 600; + border: solid #65738D; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #A39DE5; +} +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 { + padding: 0; + color: #E5E8EC; + 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:hover { + background: rgba(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A39DE5; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #817BCB; + font-weight: 600; + 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(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + background: #2B364C; + padding: 0.5rem 0.5rem; + border: 1px solid #65738D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #817BCB; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #817BCB; + outline: 0 none; + box-shadow: 0 0 0 1px #A39DE5; +} +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: 3px; + 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 #65738D; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #E5E8EC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A39DE5; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A39DE5; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A39DE5; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + 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: #817BCB; + outline: 0 none; + box-shadow: 0 0 0 1px #A39DE5; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #CDD2DB; +} +body :-moz-placeholder { + color: #CDD2DB; + opacity: 1; +} +body ::-moz-placeholder { + color: #CDD2DB; + opacity: 1; +} +body :-ms-input-placeholder { + color: #CDD2DB; +} +body .p-field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #CDD2DB; +} +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: #E5E8EC; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #E5E8EC; +} +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: #CDD2DB; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #CDD2DB; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #E5E8EC; + background: #2B364C; + padding: 0.5rem 0.5rem; + border: 1px solid #65738D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #817BCB; +} +body .ui-inputfield.ui-state-focus { + border-color: #817BCB; + outline: 0 none; + box-shadow: 0 0 0 1px #A39DE5; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #65738D; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #65738D; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #65738D; +} +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: #65738D; + background: #3C4962; + color: #CDD2DB; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #65738D; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #3C4962; + border-radius: 50%; + border: 2px solid #65738D; + 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: #817BCB; + outline: 0 none; + box-shadow: 0 0 0 1px #A39DE5; +} +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: #817BCB; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #E5E8EC; + border-color: #403B91; + margin-left: 2px; +} + +body .keypad-popup { + background: #3C4962; + color: #E5E8EC; + padding: 0; + border: 1px solid #65738D; + margin: 0; + width: auto; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .keypad-popup button { + background: #3C4962; + border: 1px solid #65738D; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + border-color: #65738D; + color: #E5E8EC; +} +body .keypad-popup button.ui-state-active { + background: #2B364C; + border-color: #65738D; + color: #E5E8EC; +} +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: #817BCB; + color: #f8fafc; + border: 1px solid #817BCB; +} +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: #5751A9; + border-color: #5751A9; + color: #f8fafc; +} +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 #A39DE5; +} +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: #403B91; + border-color: #403B91; + color: #f8fafc; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #65738D; + 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: #3C4962; + color: #E5E8EC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #3C4962; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; +} + +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: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #65738D; + border-width: 2px; + background: #2B364C; + 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: #817BCB; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 2px #A39DE5; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #817BCB; + background: #817BCB; + color: #f8fafc; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #5751A9; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #f8fafc; +} +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: #65738D; +} +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: #65738D; +} +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: #817BCB; +} +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: #5751A9; +} + +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 #A39DE5; +} +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 #A39DE5; +} +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: #E5E8EC; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #5751A9; +} +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: #817BCB; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #f8fafc; +} + +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 #65738D; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2B364C; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #CDD2DB; + 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: #817BCB; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #817BCB; + outline: 0 none; + box-shadow: 0 0 0 1px #A39DE5; +} +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: #65738D; + color: #E5E8EC; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #65738D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #65738D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #65738D; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #3C4962; + color: #E5E8EC; + 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: #CDD2DB; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #A39DE5; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; +} +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-group { + background: #3C4962; + margin: 0; + padding: 0.75rem 1rem; + color: #E5E8EC; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #65738D; + border-radius: 3px; + background: #3C4962; +} +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: #3C4962; + color: #E5E8EC; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #CDD2DB; +} +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: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +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: rgba(129, 123, 203, 0.7); + color: #f8fafc; +} +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 #A39DE5; +} +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: #3C4962; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #65738D; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2B364C; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #CDD2DB; + 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: #817BCB; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #817BCB; + outline: 0 none; + box-shadow: 0 0 0 1px #A39DE5; +} +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: #65738D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #65738D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #65738D; +} +body .ui-selectonemenu-panel { + background: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #3C4962; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #E5E8EC; + 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #3C4962; + margin: 0; + padding: 0.75rem 1rem; + color: #E5E8EC; +} + +body .ui-slider { + background: #65738D; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #65738D; + border: 2px solid #817BCB; + 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: #817BCB; + background: #817BCB; +} +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: #817BCB; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #65738D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #3C4962; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #A39DE5; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #817BCB; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #E5E8EC; +} + +body .ui-breadcrumb { + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A39DE5; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: #E5E8EC; +} +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: #E5E8EC; +} +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: #CDD2DB; + 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: #E5E8EC; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: 3px; + 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 #A39DE5; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: #E5E8EC; +} +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: #E5E8EC; +} +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: #CDD2DB; + 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: #E5E8EC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; +} +body .ui-menu.ui-shadow { + border: 1px solid #65738D; + box-shadow: 0 2px 4px -1px rgba(0, 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: #3C4962; + color: #E5E8EC; + 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: #E5E8EC; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #E5E8EC; +} +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(73, 87, 113, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #CDD2DB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #CDD2DB; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(73, 87, 113, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +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: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #3C4962; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 1px solid #65738D; + box-shadow: 0 2px 4px -1px rgba(0, 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 #65738D; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #3C4962; + border-radius: 3px; +} +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: 3px; +} +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: #E5E8EC; + width: 100%; + border: 0 none; + background: #3C4962; + 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: #3C4962; + color: #E5E8EC; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #3C4962; + 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 #65738D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #65738D; + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #3C4962; + border: 1px solid #65738D; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #E5E8EC; + 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(73, 87, 113, 0.7); +} +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: #E5E8EC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #E5E8EC; + background: #3C4962; + border: 1px solid #65738D; + 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: #E5E8EC; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; + border-color: rgba(129, 123, 203, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #E5E8EC; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #65738D; + 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: #3C4962; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #65738D; + 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: #3C4962; + color: #CDD2DB; + top: 0; + margin: 0; + border-bottom: 2px solid #65738D; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #CDD2DB; + 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: #3C4962; + border-color: #817BCB; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #E5E8EC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #E5E8EC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #3C4962; + border-color: #817BCB; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #817BCB; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #817BCB; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A39DE5; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + color: #2B7AA4; + 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: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #F8D895; + border: 1px solid #A76927; + color: #A76927; + 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: #A76927; +} +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: #A76927; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + color: #AD342B; + 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: #AD342B; +} +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: #AD342B; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 3px; + color: #2B7AA4; +} +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: #2B7AA4; + 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: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 3px; + color: #A76927; +} +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: #A76927; + 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: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 3px; + color: #AD342B; +} +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: #AD342B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A39DE5; +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 6px; + color: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #9BF2F7; + color: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #83eff5; +} +body .ui-messages .ui-messages-warn { + background: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 6px; + color: #A76927; +} +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: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #F8D895; + color: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #f6cf7d; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 6px; + color: #AD342B; +} +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: #AD342B; +} +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: #FABD9A; + color: #AD342B; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #f9ad82; +} + +body .ui-avatar { + background-color: #65738D; + border-radius: 3px; +} +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 #3C4962; +} + +body .ui-badge { + background: #817BCB; + color: #f8fafc; + 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: #65738D; + color: #E5E8EC; + 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: 3px; + 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 #A39DE5; +} + +body .ui-clock { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: 3px; + 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: #65738D; + 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: #817BCB; + color: #f8fafc; +} +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: rgba(129, 123, 203, 0.7); + color: #f8fafc; +} +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 #A39DE5; +} +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 #A39DE5; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #65738D; + border-radius: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #3C4962; + color: #E5E8EC; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #A39DE5; +} +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: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #65738D; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #817BCB; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #E5E8EC; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(129, 123, 203, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(129, 123, 203, 0.772); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #f8fafc; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 3px; +} +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: #817BCB; + color: #f8fafc; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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(60, 73, 98, 0); + border-bottom-color: #3C4962; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(101, 115, 141, 0); + border-bottom-color: #65738D; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #3C4962; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #65738D; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #65738D; + border-radius: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #3C4962; + color: #E5E8EC; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #A39DE5; +} +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: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #E5E8EC; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A39DE5; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #3C4962; + color: #E5E8EC; + padding: 0; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +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: #817BCB; + color: #f8fafc; + 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: #5751A9; + color: #f8fafc; +} +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: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A39DE5; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} + +body .ui-tooltip .ui-tooltip-text { + background: #65738D; + color: #E5E8EC; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #65738D; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #65738D; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #65738D; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #65738D; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #65738D; + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + 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 #65738D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #3C4962; + border-color: #65738D; + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A39DE5; +} +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-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #3C4962; + color: #E5E8EC; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #CDD2DB; +} +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: rgba(129, 123, 203, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #3C4962; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #65738D; +} +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 #65738D; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A39DE5; +} + +body .ui-notificationbar { + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #A39DE5; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #2B364C; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #65738D; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #65738D; +} + +body .ui-splitter { + border: 1px solid #65738D; + background: #3C4962; + border-radius: 3px; + color: #E5E8EC; +} +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: #65738D; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #65738D; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #3C4962; + 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: #3C4962; + color: #CDD2DB; + 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: #CDD2DB; + 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: #3C4962; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #E5E8EC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #3C4962; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #817BCB; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #817BCB; +} +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 #A39DE5; +} +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: #3C4962; + color: #E5E8EC; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #65738D; + 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 #65738D; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #817BCB; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #817BCB; +} +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 #65738D; + 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 #65738D; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #817BCB; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #817BCB; +} +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 #65738D; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #65738D; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #817BCB; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #817BCB; +} +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 #65738D; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #817BCB; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #817BCB; +} +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: #3C4962; + color: #CDD2DB; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} + +body .ui-toolbar { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #65738D; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(129, 123, 203, 0.7); + color: #f8fafc; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-gigas-dim/theme.scss b/src/main/webapp/resources/primefaces-poseidon-gigas-dim/theme.scss new file mode 100644 index 0000000..43bcfe4 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-gigas-dim/theme.scss @@ -0,0 +1,7 @@ +$primaryLightColor: #A39DE5 !default; +$primaryColor: #817BCB !default; +$primaryDarkColor: #5751A9 !default; +$primaryDarkerColor: #403B91 !default; +$primaryTextColor: #f8fafc !default; + +@import '../sass/theme/_theme_dim'; \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-gigas-light/theme.css b/src/main/webapp/resources/primefaces-poseidon-gigas-light/theme.css new file mode 100644 index 0000000..c44d891 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-gigas-light/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#FDFEFF; + --surface-b:#F6F9FE; + --surface-c:rgba(232, 241, 248, 0.7); + --surface-d:#E4E5E5; + --surface-e:#FDFEFF; + --surface-f:#FDFEFF; + --text-color:#515C66; + --text-color-secondary:#657380; + --primary-color:#5751A9; + --primary-color-text:#f8fafc; + --font-family:Open Sans; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F5F5F5; + --surface-200: #EEEEEE; + --surface-300: #E0E0E0; + --surface-400: #BDBDBD; + --surface-500: #9E9E9E; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#f8f9fa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: #e9ecef; + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem #817BCB; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#f7f6fb; + --primary-100:#d7d5ea; + --primary-200:#b7b4da; + --primary-300:#9793ca; + --primary-400:#7772b9; + --primary-500:#5751a9; + --primary-600:#4a4590; + --primary-700:#3d3976; + --primary-800:#302d5d; + --primary-900:#232044; +} + +body .ui-button { + background: #5751A9; + color: #f8fafc; + border: 1px solid #5751A9; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #403B91; + border-color: #403B91; + color: #f8fafc; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #817BCB; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #2D2879; + border-color: #2D2879; + color: #f8fafc; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #5751A9; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(87, 81, 169, 0.04); + color: #5751A9; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(87, 81, 169, 0.16); + color: #5751A9; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #657380; + border-color: #657380; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #657380; +} +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: #E4E5E5; + color: #657380; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #5751A9; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(87, 81, 169, 0.04); + color: #5751A9; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(87, 81, 169, 0.16); + color: #5751A9; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #657380; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #657380; +} +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: #E4E5E5; + color: #657380; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #FDFEFF; + color: #515C66; + border: 1px solid #D7D8D9; + 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: #657380; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + border-color: #D7D8D9; + color: #515C66; +} +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: #657380; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #5751A9; + border-color: #5751A9; + color: #f8fafc; +} +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: #f8fafc; +} +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: #403B91; + border-color: #403B91; + color: #f8fafc; +} +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: #f8fafc; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #537f2d; + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #5751A9; + 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: #403B91; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #2D2879; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #F6F9FE; + color: #515C66; +} +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: #657380; +} +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: #515C66; + color: #fff; +} +body .ui-speeddial-action:hover { + background: #3B475F; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #817BCB; +} +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(232, 241, 248, 0.7); + 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: #E4E5E5; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #5751A9; + color: #f8fafc; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #5751A9; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #FDFEFF; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #E4E5E5; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #5751A9; + 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 #817BCB; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable thead th.ui-state-active { + background: #F6F9FE; + color: #5751A9; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #5751A9; +} +body .ui-datatable .ui-datatable-data > tr { + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(87, 81, 169, 0.7); + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #f8fafc; +} +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: #FDFEFF; + color: #515C66; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #817BCB; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #817BCB; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #817BCB; +} +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: rgba(87, 81, 169, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #5751A9; +} +body .ui-datatable tfoot td { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + 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: #F6F9FE; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #fbfcfc; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(87, 81, 169, 0.7); + color: #f8fafc; +} +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-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: #FDFEFF; + border: 1px solid #D7D8D9; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #515C66; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #FDFEFF; + color: #515C66; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #E4E5E5; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(87, 81, 169, 0.7); +} +body .fc th { + background: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #E4E5E5; +} +body .fc td.fc-widget-content { + background: #FDFEFF; + border: 1px solid #E4E5E5; + color: #515C66; +} +body .fc td.fc-head-container { + border: 1px solid #E4E5E5; +} +body .fc .fc-row { + border-right: 1px solid #E4E5E5; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #403B91; + border: 1px solid #403B91; + color: #f8fafc; +} +body .fc .fc-divider { + background: #F6F9FE; + border: 1px solid #E4E5E5; +} +body .fc .fc-toolbar .fc-button { + background: #5751A9; + color: #f8fafc; + border: 1px solid #5751A9; + 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: #403B91; + border-color: #403B91; + color: #f8fafc; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #817BCB; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #2D2879; + border-color: #2D2879; + color: #f8fafc; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(87, 81, 169, 0.7); + color: #f8fafc; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(70, 65, 135, 0.7); +} +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: #FDFEFF; + border: solid rgba(232, 241, 248, 0.7); + 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: #657380; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(232, 241, 248, 0.7); + color: #515C66; + 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 #817BCB; +} +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: #657380; +} +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: #657380; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(87, 81, 169, 0.7); + color: #f8fafc; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + 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 #817BCB; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #657380; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(87, 81, 169, 0.7); + color: #f8fafc; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(70, 65, 135, 0.7); +} +@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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-tagcloud a { + color: #515C66; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(87, 81, 169, 0.7); + color: #f8fafc; +} + +body .timeline-frame { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #817BCB; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(87, 81, 169, 0.7); + color: #f8fafc; +} +body .vis-timeline { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .vis-timeline .vis-item { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .vis-timeline .vis-item .vis-item-content { + color: #515C66; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(87, 81, 169, 0.7); + border-color: rgba(87, 81, 169, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #f8fafc; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #515C66; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #817BCB; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(87, 81, 169, 0.7); + color: #f8fafc; +} +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: #515C66; +} +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-tree-droppoint.ui-state-hover { + background: rgba(87, 81, 169, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #817BCB; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(87, 81, 169, 0.7); + color: #f8fafc; +} +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: #515C66; +} +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: #FDFEFF; +} +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: #657380; +} +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 rgba(87, 81, 169, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #5751A9; + 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 #817BCB; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-treetable thead th.ui-state-active { + background: #F6F9FE; + color: #5751A9; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #5751A9; +} +body .ui-treetable .ui-treetable-data > tr { + background: #FDFEFF; + color: #515C66; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #817BCB; +} +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: #515C66; +} +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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(87, 81, 169, 0.7); + color: #f8fafc; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #817BCB; +} +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: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #f8fafc; +} +body .ui-treetable tfoot td { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + 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: #F6F9FE; +} +body .ui-treetable .ui-column-resizer-helper { + background: #5751A9; +} +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(232, 241, 248, 0.7); +} +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 #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #E4E5E5; + color: #515C66; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #515C66; + -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: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 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: #515C66; + 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: #515C66; + 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: #FDFEFF; + color: #515C66; + 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: rgba(87, 81, 169, 0.7); + color: #f8fafc; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(87, 81, 169, 0.7); + color: #f8fafc; +} +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: #FDFEFF; + border: 1px solid #D7D8D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #5751A9; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #5751A9; + outline: 0 none; + box-shadow: 0 0 0 0.2em #817BCB; +} +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: #657380; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #657380; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #FDFEFF; + border: 0 none; + border-radius: 3px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +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: #515C66; + 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 #817BCB; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #f8fafc; + background: rgba(87, 81, 169, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #515C66; + background: rgba(232, 241, 248, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #F6F9FE; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #F6F9FE; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #D7D8D9; + border-width: 2px; + background: #FDFEFF; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #5751A9; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 0.2em #817BCB; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #5751A9; + background: #5751A9; + color: #f8fafc; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #403B91; +} +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: #F6F9FE; +} +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: #F6F9FE; +} +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: #5751A9; +} +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: #403B91; +} + +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: #E4E5E5; + color: #515C66; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #515C66; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #FDFEFF; + border: 1px solid #D7D8D9; + color: #515C66; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #FDFEFF; + color: #515C66; + font-weight: 600; + border: solid #E4E5E5; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #817BCB; +} +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 { + padding: 0; + color: #515C66; + 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:hover { + background: rgba(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #817BCB; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(87, 81, 169, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #2D2879; + font-weight: 600; + 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(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(87, 81, 169, 0.7); + color: #f8fafc; + 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: #515C66; + background: #FDFEFF; + padding: 0.5rem 0.5rem; + border: 1px solid #D7D8D9; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #5751A9; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #5751A9; + outline: 0 none; + box-shadow: 0 0 0 0.2em #817BCB; +} +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: 3px; + 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 #E4E5E5; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #515C66; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #817BCB; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(87, 81, 169, 0.7); + color: #f8fafc; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #817BCB; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #817BCB; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + 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: #5751A9; + outline: 0 none; + box-shadow: 0 0 0 0.2em #817BCB; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #657380; +} +body :-moz-placeholder { + color: #657380; + opacity: 1; +} +body ::-moz-placeholder { + color: #657380; + opacity: 1; +} +body :-ms-input-placeholder { + color: #657380; +} +body .p-field small.ui-state-error { + color: #f44336; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #657380; +} +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: #515C66; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #515C66; +} +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: #657380; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #657380; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #515C66; + background: #FDFEFF; + padding: 0.5rem 0.5rem; + border: 1px solid #D7D8D9; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #5751A9; +} +body .ui-inputfield.ui-state-focus { + border-color: #5751A9; + outline: 0 none; + box-shadow: 0 0 0 0.2em #817BCB; +} +body .ui-inputfield.ui-state-error { + border-color: #f44336; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #F6F9FE; +} +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: #D7D8D9; + background: rgba(232, 241, 248, 0.7); + color: #657380; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #E4E5E5; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #FDFEFF; + border-radius: 50%; + border: 2px solid #E4E5E5; + 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: #5751A9; + outline: 0 none; + box-shadow: 0 0 0 0.2em #817BCB; +} +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: #5751A9; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #FDFEFF; + border-color: #2D2879; + margin-left: 2px; +} + +body .keypad-popup { + background: #FDFEFF; + color: #515C66; + 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: #FDFEFF; + border: 1px solid #D7D8D9; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #515C66; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: #ebebef; + border-color: #D7D8D9; + color: #515C66; +} +body .keypad-popup button.ui-state-active { + background: #2D2879; + border-color: #2D2879; + color: #FDFEFF; +} +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: #5751A9; + color: #f8fafc; + border: 1px solid #5751A9; +} +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: #403B91; + border-color: #403B91; + color: #f8fafc; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #817BCB; +} +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: #2D2879; + border-color: #2D2879; + color: #f8fafc; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #D7D8D9; + 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: #F6F9FE; + color: #515C66; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #FDFEFF; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(87, 81, 169, 0.7); + color: #f8fafc; +} + +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: #FDFEFF; + color: #515C66; + 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: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #D7D8D9; + border-width: 2px; + background: #FDFEFF; + 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: #5751A9; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 0.2em #817BCB; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #5751A9; + background: #5751A9; + color: #f8fafc; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #403B91; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #f8fafc; +} +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: #F6F9FE; +} +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: #F6F9FE; +} +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: #5751A9; +} +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: #403B91; +} + +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 #817BCB; +} +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 #817BCB; +} +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: #515C66; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #403B91; +} +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: #5751A9; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #f8fafc; +} + +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 #D7D8D9; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #FDFEFF; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #657380; + 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: #5751A9; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #5751A9; + outline: 0 none; + box-shadow: 0 0 0 0.2em #817BCB; +} +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: #E4E5E5; + color: #515C66; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #F6F9FE; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #F6F9FE; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #F6F9FE; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #F6F9FE; + color: #515C66; + 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: #657380; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #817BCB; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(87, 81, 169, 0.7); + color: #f8fafc; +} +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-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #515C66; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #D7D8D9; + border-radius: 3px; + background: #FDFEFF; +} +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: #F6F9FE; + color: #515C66; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #657380; +} +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: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +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: rgba(87, 81, 169, 0.7); + color: #f8fafc; +} +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 #817BCB; +} +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: #FDFEFF; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #D7D8D9; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #FDFEFF; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #657380; + 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: #5751A9; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #5751A9; + outline: 0 none; + box-shadow: 0 0 0 0.2em #817BCB; +} +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: #F6F9FE; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #F6F9FE; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #F6F9FE; +} +body .ui-selectonemenu-panel { + background: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #F6F9FE; + color: #515C66; +} +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: #657380; +} +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: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + color: #515C66; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #515C66; + 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: #FDFEFF; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(87, 81, 169, 0.7); + color: #f8fafc; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #515C66; +} + +body .ui-slider { + background: #E4E5E5; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #FDFEFF; + border: 2px solid #5751A9; + 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: #5751A9; + background: #5751A9; +} +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: #5751A9; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #E4E5E5; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #FDFEFF; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #817BCB; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #5751A9; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #FDFEFF; +} + +body .ui-breadcrumb { + background: #FDFEFF; + border: 1px solid #E4E5E5; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #817BCB; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: #515C66; +} +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: #515C66; +} +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: #657380; + 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: #515C66; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: 3px; + 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 #817BCB; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: #515C66; +} +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: #515C66; +} +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: #657380; + 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: #515C66; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #FDFEFF; + border: 1px solid #E4E5E5; + border-radius: 3px; +} +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: #515C66; + 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: #515C66; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #515C66; +} +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(232, 241, 248, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #657380; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #515C66; +} +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: #657380; +} +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: #657380; +} +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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(232, 241, 248, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +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: #515C66; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #FDFEFF; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 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 #E4E5E5; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #F6F9FE; + border-radius: 3px; +} +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: 3px; +} +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: #515C66; + 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: #515C66; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #F6F9FE; + 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 #E4E5E5; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #E4E5E5; + border-top: 0 none; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #E4E5E5; + background: #F6F9FE; + color: #515C66; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #FDFEFF; + border: 1px solid #E4E5E5; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #515C66; + 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(232, 241, 248, 0.7); +} +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: #515C66; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #515C66; +} +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: #657380; +} +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: #515C66; + background: #FDFEFF; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: #657380; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(87, 81, 169, 0.7); + color: #f8fafc; + border-color: rgba(87, 81, 169, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #515C66; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #E4E5E5; + 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: #FDFEFF; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #E4E5E5; + 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: #FDFEFF; + color: #657380; + top: 0; + margin: 0; + border-bottom: 2px solid #E4E5E5; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #657380; + 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: #FDFEFF; + border-color: #515C66; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #657380; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #657380; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #FDFEFF; + border-color: #5751A9; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #5751A9; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #5751A9; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #817BCB; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +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 #03A9F4; + color: #01579B; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #FFC107; + color: #7f6003; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + color: #B71C1C; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #03A9F4; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #FFC107; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #817BCB; +} +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 #03A9F4; + border-width: 0 0 0 6px; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #FFC107; + border-width: 0 0 0 6px; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + border-width: 0 0 0 6px; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +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: #E4E5E5; + border-radius: 3px; +} +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 #FDFEFF; +} + +body .ui-badge { + background: #5751A9; + color: #f8fafc; + 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: #E4E5E5; + color: #515C66; + 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: 3px; + 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 #817BCB; +} + +body .ui-clock { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: #F6F9FE; + 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: #F6F9FE; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #F6F9FE; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 3px; + 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: #F6F9FE; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #F6F9FE; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(232, 241, 248, 0.7); + 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: #E4E5E5; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #5751A9; + color: #f8fafc; +} +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: rgba(87, 81, 169, 0.7); + color: #f8fafc; +} +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: #F6F9FE; + 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: #F6F9FE; +} +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 #817BCB; +} +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 #817BCB; +} + +.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: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #FDFEFF; + color: #515C66; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #817BCB; +} +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: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #efefef; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #5751A9; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #515C66; + 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: #F6F9FE; +} + +body .ui-skeleton { + background-color: rgba(232, 241, 248, 0.7); + border-radius: 3px; +} +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: #5751A9; + color: #f8fafc; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #FDFEFF; + color: #515C66; + border: 1px solid #E4E5E5; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #FDFEFF; + color: #515C66; + border: 0 none; + border-radius: 3px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +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(253, 254, 255, 0); + border-bottom-color: #FDFEFF; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(253, 254, 255, 0); + border-bottom-color: #FDFEFF; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #FDFEFF; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #FDFEFF; +} +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: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #FDFEFF; + color: #515C66; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #817BCB; +} +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: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #FDFEFF; + color: #515C66; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #515C66; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #817BCB; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #FDFEFF; + color: #515C66; + 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: 3px; +} +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: #5751A9; + color: #f8fafc; + 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: #403B91; + color: #f8fafc; +} +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: #FDFEFF; + color: #515C66; + padding: 1rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #817BCB; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #252529; + color: #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: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #252529; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #252529; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #252529; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #252529; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #E4E5E5; + border-top: 0 none; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + 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 #E4E5E5; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #F6F9FE; + border-color: #E4E5E5; + color: #515C66; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #817BCB; +} +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-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #FDFEFF; + color: #515C66; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #657380; +} +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: rgba(87, 81, 169, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #FDFEFF; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #E4E5E5; +} +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 #E4E5E5; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #515C66; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #817BCB; +} + +body .ui-notificationbar { + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border: 1px solid #E4E5E5; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #817BCB; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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 #E4E5E5; + background: #FDFEFF; + border-radius: 3px; + color: #515C66; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #F6F9FE; +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #E4E5E5; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #E4E5E5; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #FDFEFF; + 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: #FDFEFF; + color: #657380; + 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: #657380; + 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: #FDFEFF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #657380; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #657380; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #FDFEFF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #5751A9; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #5751A9; +} +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 #817BCB; +} +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: #FDFEFF; + color: #515C66; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #E4E5E5; + 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 #E4E5E5; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #5751A9; +} +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 #E4E5E5; + 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 #E4E5E5; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #5751A9; +} +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 #E4E5E5; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #E4E5E5; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #5751A9; +} +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 #E4E5E5; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #5751A9; +} +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: #FDFEFF; + color: #657380; + 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(232, 241, 248, 0.7); + color: #515C66; +} + +body .ui-toolbar { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #E4E5E5; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(87, 81, 169, 0.7); + color: #f8fafc; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-gigas-light/theme.scss b/src/main/webapp/resources/primefaces-poseidon-gigas-light/theme.scss new file mode 100644 index 0000000..2b228b6 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-gigas-light/theme.scss @@ -0,0 +1,7 @@ +$primaryLightColor: #817BCB !default; +$primaryColor: #5751A9 !default; +$primaryDarkColor: #403B91 !default; +$primaryDarkerColor: #2D2879 !default; +$primaryTextColor: #f8fafc !default; + +@import '../sass/theme/_theme_light'; \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-jungle-green-dark/theme.css b/src/main/webapp/resources/primefaces-poseidon-jungle-green-dark/theme.css new file mode 100644 index 0000000..52317f6 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-jungle-green-dark/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#434B54; + --surface-b:#2F363E; + --surface-c:rgba(78, 86, 95, 0.7); + --surface-d:#5B646D; + --surface-e:#434B54; + --surface-f:#434B54; + --text-color:#E6E8EB; + --text-color-secondary:#D0D3D7; + --primary-color:#59C5B9; + --primary-color-text:#f8fafc; + --font-family:Open Sans; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50:#e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#1e1e1e; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #7FE2CE; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#f7fcfc; + --primary-100:#d7f1ee; + --primary-200:#b8e6e1; + --primary-300:#98dbd4; + --primary-400:#79d0c6; + --primary-500:#59c5b9; + --primary-600:#4ca79d; + --primary-700:#3e8a82; + --primary-800:#316c66; + --primary-900:#244f4a; +} + +body .ui-button { + background: #59C5B9; + color: #f8fafc; + border: 1px solid #59C5B9; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #2B9F9C; + border-color: #2B9F9C; + color: #f8fafc; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #7FE2CE; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #1F8288; + border-color: #1F8288; + color: #f8fafc; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #59C5B9; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(89, 197, 185, 0.04); + color: #59C5B9; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(89, 197, 185, 0.16); + color: #59C5B9; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #D0D3D7; + border-color: #D0D3D7; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #D0D3D7; +} +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: #D0D3D7; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #59C5B9; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(89, 197, 185, 0.04); + color: #59C5B9; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(89, 197, 185, 0.16); + color: #59C5B9; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #D0D3D7; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #D0D3D7; +} +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: #D0D3D7; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + 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: #D0D3D7; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + border-color: #5B646D; + color: #E6E8EB; +} +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: #D0D3D7; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #59C5B9; + border-color: #59C5B9; + color: #f8fafc; +} +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: #f8fafc; +} +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: #2B9F9C; + border-color: #2B9F9C; + color: #f8fafc; +} +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: #f8fafc; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #59C5B9; + 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: #2B9F9C; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #1F8288; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #434B54; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #E6E8EB; + color: #2F363E; +} +body .ui-speeddial-action:hover { + background: #D0D3D7; + color: #2F363E; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #7FE2CE; +} +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: #5B646D; + 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(78, 86, 95, 0.7); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #59C5B9; + color: #f8fafc; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #59C5B9; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #434B54; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #5B646D; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #D0D3D7; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #434B54; + color: #E6E8EB; + padding: 1rem 1rem; + border: 1px solid #5B646D; + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #59C5B9; + 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 #7FE2CE; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable thead th.ui-state-active { + background: #434B54; + color: #59C5B9; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #59C5B9; +} +body .ui-datatable .ui-datatable-data > tr { + background: #434B54; + color: #E6E8EB; + 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 #5B646D; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #f8fafc; +} +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: #434B54; + color: #E6E8EB; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #7FE2CE; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #7FE2CE; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #7FE2CE; +} +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: rgba(89, 197, 185, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #59C5B9; +} +body .ui-datatable tfoot td { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + 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: #434B54; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #394149; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-columntoggler { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + background: #434B54; + border: 1px solid #5B646D; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #E6E8EB; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #5B646D; + } + 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 #5B646D; + } + 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: #434B54; + color: #D0D3D7; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #5B646D; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #5B646D; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(89, 197, 185, 0.7); +} +body .fc th { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #5B646D; +} +body .fc td.fc-widget-content { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; +} +body .fc td.fc-head-container { + border: 1px solid #5B646D; +} +body .fc .fc-row { + border-right: 1px solid #5B646D; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #2B9F9C; + border: 1px solid #2B9F9C; + color: #f8fafc; +} +body .fc .fc-divider { + background: #434B54; + border: 1px solid #5B646D; +} +body .fc .fc-toolbar .fc-button { + background: #59C5B9; + color: #f8fafc; + border: 1px solid #59C5B9; + 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: #2B9F9C; + border-color: #2B9F9C; + color: #f8fafc; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #7FE2CE; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #1F8288; + border-color: #1F8288; + color: #f8fafc; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(59, 170, 157, 0.7); +} +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: #434B54; + border: solid #5B646D; + 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: #D0D3D7; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #7FE2CE; +} +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: #D0D3D7; +} +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: #D0D3D7; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(89, 197, 185, 0.7); + color: #f8fafc; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #7FE2CE; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #D0D3D7; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(59, 170, 157, 0.7); +} +@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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-tagcloud a { + color: #E6E8EB; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; +} + +body .timeline-frame { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #7FE2CE; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; +} +body .vis-timeline { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .vis-timeline .vis-item { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .vis-timeline .vis-item .vis-item-content { + color: #E6E8EB; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(89, 197, 185, 0.7); + border-color: rgba(89, 197, 185, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #f8fafc; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #E6E8EB; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #7FE2CE; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; +} +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: #E6E8EB; +} +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-tree-droppoint.ui-state-hover { + background: rgba(89, 197, 185, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #7FE2CE; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; +} +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: #E6E8EB; +} +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: #434B54; +} +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: #D0D3D7; +} +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 rgba(89, 197, 185, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #434B54; + color: #D0D3D7; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + 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: #434B54; + color: #E6E8EB; + padding: 1rem 1rem; + border: 1px solid #5B646D; + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #59C5B9; + 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 #7FE2CE; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-treetable thead th.ui-state-active { + background: #434B54; + color: #59C5B9; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #59C5B9; +} +body .ui-treetable .ui-treetable-data > tr { + background: #434B54; + color: #E6E8EB; + 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 #5B646D; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #7FE2CE; +} +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: #E6E8EB; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #7FE2CE; +} +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: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #f8fafc; +} +body .ui-treetable tfoot td { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + 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: #434B54; +} +body .ui-treetable .ui-column-resizer-helper { + background: #59C5B9; +} +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 #5B646D; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #5B646D; + color: #E6E8EB; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #E6E8EB; + -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: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + 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: #E6E8EB; + 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; +} +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: rgba(89, 197, 185, 0.7); + color: #f8fafc; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; +} +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: #2F363E; + border: 1px solid #5B646D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #59C5B9; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #59C5B9; + outline: 0 none; + box-shadow: 0 0 0 1px #7FE2CE; +} +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: #D0D3D7; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #D0D3D7; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + 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 #7FE2CE; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #f8fafc; + background: rgba(89, 197, 185, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #E6E8EB; + background: rgba(78, 86, 95, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #5B646D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #5B646D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #5B646D; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #5B646D; + border-width: 2px; + background: #2F363E; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #59C5B9; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 2px #7FE2CE; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #59C5B9; + background: #59C5B9; + color: #f8fafc; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #2B9F9C; +} +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: #5B646D; +} +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: #5B646D; +} +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: #59C5B9; +} +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: #2B9F9C; +} + +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: #5B646D; + color: #E6E8EB; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #E6E8EB; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #434B54; + color: #E6E8EB; + font-weight: 600; + border: solid #5B646D; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #7FE2CE; +} +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 { + padding: 0; + color: #E6E8EB; + 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:hover { + background: rgba(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #7FE2CE; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #59C5B9; + font-weight: 600; + 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(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + background: #2F363E; + padding: 0.5rem 0.5rem; + border: 1px solid #5B646D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #59C5B9; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #59C5B9; + outline: 0 none; + box-shadow: 0 0 0 1px #7FE2CE; +} +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: 3px; + 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 #5B646D; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #E6E8EB; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #7FE2CE; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #7FE2CE; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #7FE2CE; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + 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: #59C5B9; + outline: 0 none; + box-shadow: 0 0 0 1px #7FE2CE; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #D0D3D7; +} +body :-moz-placeholder { + color: #D0D3D7; + opacity: 1; +} +body ::-moz-placeholder { + color: #D0D3D7; + opacity: 1; +} +body :-ms-input-placeholder { + color: #D0D3D7; +} +body .p-field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #D0D3D7; +} +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: #E6E8EB; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #E6E8EB; +} +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: #D0D3D7; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #D0D3D7; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #E6E8EB; + background: #2F363E; + padding: 0.5rem 0.5rem; + border: 1px solid #5B646D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #59C5B9; +} +body .ui-inputfield.ui-state-focus { + border-color: #59C5B9; + outline: 0 none; + box-shadow: 0 0 0 1px #7FE2CE; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #5B646D; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #5B646D; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #5B646D; +} +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: #5B646D; + background: #434B54; + color: #D0D3D7; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #5B646D; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #434B54; + border-radius: 50%; + border: 2px solid #5B646D; + 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: #59C5B9; + outline: 0 none; + box-shadow: 0 0 0 1px #7FE2CE; +} +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: #59C5B9; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #E6E8EB; + border-color: #1F8288; + margin-left: 2px; +} + +body .keypad-popup { + background: #434B54; + color: #E6E8EB; + padding: 0; + border: 1px solid #5B646D; + margin: 0; + width: auto; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .keypad-popup button { + background: #434B54; + border: 1px solid #5B646D; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + border-color: #5B646D; + color: #E6E8EB; +} +body .keypad-popup button.ui-state-active { + background: #2F363E; + border-color: #5B646D; + color: #E6E8EB; +} +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: #59C5B9; + color: #f8fafc; + border: 1px solid #59C5B9; +} +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: #2B9F9C; + border-color: #2B9F9C; + color: #f8fafc; +} +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 #7FE2CE; +} +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: #1F8288; + border-color: #1F8288; + color: #f8fafc; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #5B646D; + 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: #434B54; + color: #E6E8EB; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #434B54; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; +} + +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: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #5B646D; + border-width: 2px; + background: #2F363E; + 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: #59C5B9; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 2px #7FE2CE; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #59C5B9; + background: #59C5B9; + color: #f8fafc; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #2B9F9C; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #f8fafc; +} +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: #5B646D; +} +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: #5B646D; +} +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: #59C5B9; +} +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: #2B9F9C; +} + +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 #7FE2CE; +} +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 #7FE2CE; +} +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: #E6E8EB; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #2B9F9C; +} +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: #59C5B9; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #f8fafc; +} + +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 #5B646D; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2F363E; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #D0D3D7; + 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: #59C5B9; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #59C5B9; + outline: 0 none; + box-shadow: 0 0 0 1px #7FE2CE; +} +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: #5B646D; + color: #E6E8EB; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #5B646D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #5B646D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #5B646D; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #434B54; + color: #E6E8EB; + 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: #D0D3D7; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #7FE2CE; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; +} +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-group { + background: #434B54; + margin: 0; + padding: 0.75rem 1rem; + color: #E6E8EB; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #5B646D; + border-radius: 3px; + background: #434B54; +} +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: #434B54; + color: #E6E8EB; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #D0D3D7; +} +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: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +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: rgba(89, 197, 185, 0.7); + color: #f8fafc; +} +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 #7FE2CE; +} +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: #434B54; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #5B646D; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2F363E; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #D0D3D7; + 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: #59C5B9; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #59C5B9; + outline: 0 none; + box-shadow: 0 0 0 1px #7FE2CE; +} +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: #5B646D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #5B646D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #5B646D; +} +body .ui-selectonemenu-panel { + background: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #434B54; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #E6E8EB; + 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #434B54; + margin: 0; + padding: 0.75rem 1rem; + color: #E6E8EB; +} + +body .ui-slider { + background: #5B646D; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #5B646D; + border: 2px solid #59C5B9; + 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: #59C5B9; + background: #59C5B9; +} +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: #59C5B9; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #5B646D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #434B54; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #7FE2CE; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #59C5B9; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #E6E8EB; +} + +body .ui-breadcrumb { + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #7FE2CE; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: #E6E8EB; +} +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: #E6E8EB; +} +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: #D0D3D7; + 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: #E6E8EB; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: 3px; + 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 #7FE2CE; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: #E6E8EB; +} +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: #E6E8EB; +} +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: #D0D3D7; + 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: #E6E8EB; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; +} +body .ui-menu.ui-shadow { + border: 1px solid #5B646D; + box-shadow: 0 2px 4px -1px rgba(0, 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: #434B54; + color: #E6E8EB; + 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: #E6E8EB; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #E6E8EB; +} +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(78, 86, 95, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #D0D3D7; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #D0D3D7; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(78, 86, 95, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +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: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #434B54; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 1px solid #5B646D; + box-shadow: 0 2px 4px -1px rgba(0, 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 #5B646D; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #434B54; + border-radius: 3px; +} +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: 3px; +} +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: #E6E8EB; + width: 100%; + border: 0 none; + background: #434B54; + 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: #434B54; + color: #E6E8EB; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #434B54; + 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 #5B646D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #5B646D; + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #434B54; + border: 1px solid #5B646D; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #E6E8EB; + 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(78, 86, 95, 0.7); +} +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: #E6E8EB; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #E6E8EB; + background: #434B54; + border: 1px solid #5B646D; + 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: #E6E8EB; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; + border-color: rgba(89, 197, 185, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #E6E8EB; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #5B646D; + 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: #434B54; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #5B646D; + 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: #434B54; + color: #D0D3D7; + top: 0; + margin: 0; + border-bottom: 2px solid #5B646D; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #D0D3D7; + 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: #434B54; + border-color: #59C5B9; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #E6E8EB; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #E6E8EB; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #434B54; + border-color: #59C5B9; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #59C5B9; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #59C5B9; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #7FE2CE; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + color: #2B7AA4; + 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: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #F8D895; + border: 1px solid #A76927; + color: #A76927; + 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: #A76927; +} +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: #A76927; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + color: #AD342B; + 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: #AD342B; +} +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: #AD342B; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 3px; + color: #2B7AA4; +} +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: #2B7AA4; + 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: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 3px; + color: #A76927; +} +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: #A76927; + 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: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 3px; + color: #AD342B; +} +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: #AD342B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #7FE2CE; +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 6px; + color: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #9BF2F7; + color: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #83eff5; +} +body .ui-messages .ui-messages-warn { + background: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 6px; + color: #A76927; +} +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: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #F8D895; + color: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #f6cf7d; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 6px; + color: #AD342B; +} +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: #AD342B; +} +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: #FABD9A; + color: #AD342B; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #f9ad82; +} + +body .ui-avatar { + background-color: #5B646D; + border-radius: 3px; +} +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 #434B54; +} + +body .ui-badge { + background: #59C5B9; + color: #f8fafc; + 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: #5B646D; + color: #E6E8EB; + 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: 3px; + 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 #7FE2CE; +} + +body .ui-clock { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: 3px; + 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: #5B646D; + 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: #59C5B9; + color: #f8fafc; +} +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: rgba(89, 197, 185, 0.7); + color: #f8fafc; +} +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 #7FE2CE; +} +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 #7FE2CE; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #5B646D; + border-radius: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #434B54; + color: #E6E8EB; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #7FE2CE; +} +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: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #5B646D; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #59C5B9; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #E6E8EB; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(89, 197, 185, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(89, 197, 185, 0.772); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #f8fafc; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 3px; +} +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: #59C5B9; + color: #f8fafc; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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(67, 75, 84, 0); + border-bottom-color: #434B54; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(91, 100, 109, 0); + border-bottom-color: #5B646D; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #434B54; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #5B646D; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #5B646D; + border-radius: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #434B54; + color: #E6E8EB; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #7FE2CE; +} +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: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #E6E8EB; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #7FE2CE; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #434B54; + color: #E6E8EB; + padding: 0; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +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: #59C5B9; + color: #f8fafc; + 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: #2B9F9C; + color: #f8fafc; +} +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: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #7FE2CE; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} + +body .ui-tooltip .ui-tooltip-text { + background: #5B646D; + color: #E6E8EB; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #5B646D; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #5B646D; + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + 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 #5B646D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #434B54; + border-color: #5B646D; + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #7FE2CE; +} +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-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #434B54; + color: #E6E8EB; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #D0D3D7; +} +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: rgba(89, 197, 185, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #434B54; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #5B646D; +} +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 #5B646D; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #7FE2CE; +} + +body .ui-notificationbar { + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #7FE2CE; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #2F363E; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #5B646D; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #5B646D; +} + +body .ui-splitter { + border: 1px solid #5B646D; + background: #434B54; + border-radius: 3px; + color: #E6E8EB; +} +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: #5B646D; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #5B646D; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #434B54; + 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: #434B54; + color: #D0D3D7; + 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: #D0D3D7; + 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: #434B54; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #E6E8EB; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #434B54; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #59C5B9; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #59C5B9; +} +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 #7FE2CE; +} +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: #434B54; + color: #E6E8EB; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #5B646D; + 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 #5B646D; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #59C5B9; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #59C5B9; +} +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 #5B646D; + 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 #5B646D; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #59C5B9; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #59C5B9; +} +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 #5B646D; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #5B646D; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #59C5B9; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #59C5B9; +} +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 #5B646D; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #59C5B9; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #59C5B9; +} +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: #434B54; + color: #D0D3D7; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} + +body .ui-toolbar { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #5B646D; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-jungle-green-dark/theme.scss b/src/main/webapp/resources/primefaces-poseidon-jungle-green-dark/theme.scss new file mode 100644 index 0000000..ad13628 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-jungle-green-dark/theme.scss @@ -0,0 +1,7 @@ +$primaryLightColor: #7FE2CE !default; +$primaryColor: #59C5B9 !default; +$primaryDarkColor: #2B9F9C !default; +$primaryDarkerColor: #1F8288 !default; +$primaryTextColor: #f8fafc !default; + +@import '../sass/theme/_theme_dark'; \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-jungle-green-dim/theme.css b/src/main/webapp/resources/primefaces-poseidon-jungle-green-dim/theme.css new file mode 100644 index 0000000..f27d868 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-jungle-green-dim/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#3C4962; + --surface-b:#2B364C; + --surface-c:rgba(73, 87, 113, 0.7); + --surface-d:#65738D; + --surface-e:#3C4962; + --surface-f:#3C4962; + --text-color:#E5E8EC; + --text-color-secondary:#CDD2DB; + --primary-color:#59C5B9; + --primary-color-text:#f8fafc; + --font-family:Open Sans; + --surface-0: #17212f; + --surface-50: #2e3744; + --surface-100: #454d59; + --surface-200: #5d646d; + --surface-300: #747a82; + --surface-400: #8b9097; + --surface-500: #a2a6ac; + --surface-600: #b9bcc1; + --surface-700: #d1d3d5; + --surface-800: #e8e9ea; + --surface-900: #ffffff; + --gray-50:#e8e9ea; + --gray-100: #d1d3d5; + --gray-200: #b9bcc1; + --gray-300: #a2a6ac; + --gray-400: #8b9097; + --gray-500: #747a82; + --gray-600: #5d646d; + --gray-700: #454d59; + --gray-800: #2e3744; + --gray-900: #17212f; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#17212f; + --surface-section:#17212f; + --surface-card:#1f2d40; + --surface-overlay:#1f2d40; + --surface-border:#304562; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #7FE2CE; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#f7fcfc; + --primary-100:#d7f1ee; + --primary-200:#b8e6e1; + --primary-300:#98dbd4; + --primary-400:#79d0c6; + --primary-500:#59c5b9; + --primary-600:#4ca79d; + --primary-700:#3e8a82; + --primary-800:#316c66; + --primary-900:#244f4a; +} + +body .ui-button { + background: #59C5B9; + color: #f8fafc; + border: 1px solid #59C5B9; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #2B9F9C; + border-color: #2B9F9C; + color: #f8fafc; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #7FE2CE; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #1F8288; + border-color: #1F8288; + color: #f8fafc; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #59C5B9; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(89, 197, 185, 0.04); + color: #59C5B9; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(89, 197, 185, 0.16); + color: #59C5B9; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #CDD2DB; + border-color: #CDD2DB; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #CDD2DB; +} +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: #CDD2DB; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #59C5B9; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(89, 197, 185, 0.04); + color: #59C5B9; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(89, 197, 185, 0.16); + color: #59C5B9; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #CDD2DB; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #CDD2DB; +} +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: #CDD2DB; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + 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: #CDD2DB; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + border-color: #65738D; + color: #E5E8EC; +} +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: #CDD2DB; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #59C5B9; + border-color: #59C5B9; + color: #f8fafc; +} +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: #f8fafc; +} +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: #2B9F9C; + border-color: #2B9F9C; + color: #f8fafc; +} +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: #f8fafc; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #59C5B9; + 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: #2B9F9C; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #1F8288; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #E5E8EC; + color: #2B364C; +} +body .ui-speeddial-action:hover { + background: #CDD2DB; + color: #2B364C; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #7FE2CE; +} +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: #65738D; + 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(73, 87, 113, 0.7); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #59C5B9; + color: #f8fafc; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #59C5B9; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #3C4962; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #65738D; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #CDD2DB; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; + padding: 1rem 1rem; + border: 1px solid #65738D; + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #59C5B9; + 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 #7FE2CE; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable thead th.ui-state-active { + background: #3C4962; + color: #59C5B9; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #59C5B9; +} +body .ui-datatable .ui-datatable-data > tr { + background: #3C4962; + color: #E5E8EC; + 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 #65738D; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #f8fafc; +} +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: #3C4962; + color: #E5E8EC; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #7FE2CE; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #7FE2CE; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #7FE2CE; +} +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: rgba(89, 197, 185, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #59C5B9; +} +body .ui-datatable tfoot td { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + 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: #3C4962; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #344057; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-columntoggler { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + background: #3C4962; + border: 1px solid #65738D; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #E5E8EC; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #65738D; + } + 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 #65738D; + } + 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: #3C4962; + color: #CDD2DB; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #65738D; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #65738D; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #65738D; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(89, 197, 185, 0.7); +} +body .fc th { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #65738D; +} +body .fc td.fc-widget-content { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; +} +body .fc td.fc-head-container { + border: 1px solid #65738D; +} +body .fc .fc-row { + border-right: 1px solid #65738D; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #2B9F9C; + border: 1px solid #2B9F9C; + color: #f8fafc; +} +body .fc .fc-divider { + background: #3C4962; + border: 1px solid #65738D; +} +body .fc .fc-toolbar .fc-button { + background: #59C5B9; + color: #f8fafc; + border: 1px solid #59C5B9; + 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: #2B9F9C; + border-color: #2B9F9C; + color: #f8fafc; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #7FE2CE; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #1F8288; + border-color: #1F8288; + color: #f8fafc; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(59, 170, 157, 0.7); +} +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: #3C4962; + border: solid #65738D; + 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: #CDD2DB; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #7FE2CE; +} +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: #CDD2DB; +} +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: #CDD2DB; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(89, 197, 185, 0.7); + color: #f8fafc; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #7FE2CE; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #CDD2DB; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(59, 170, 157, 0.7); +} +@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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-tagcloud a { + color: #E5E8EC; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; +} + +body .timeline-frame { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #7FE2CE; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; +} +body .vis-timeline { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .vis-timeline .vis-item { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .vis-timeline .vis-item .vis-item-content { + color: #E5E8EC; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(89, 197, 185, 0.7); + border-color: rgba(89, 197, 185, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #f8fafc; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #E5E8EC; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #7FE2CE; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; +} +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: #E5E8EC; +} +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-tree-droppoint.ui-state-hover { + background: rgba(89, 197, 185, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #7FE2CE; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; +} +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: #E5E8EC; +} +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: #3C4962; +} +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: #CDD2DB; +} +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 rgba(89, 197, 185, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #3C4962; + color: #CDD2DB; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + 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: #3C4962; + color: #E5E8EC; + padding: 1rem 1rem; + border: 1px solid #65738D; + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #59C5B9; + 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 #7FE2CE; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-treetable thead th.ui-state-active { + background: #3C4962; + color: #59C5B9; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #59C5B9; +} +body .ui-treetable .ui-treetable-data > tr { + background: #3C4962; + color: #E5E8EC; + 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 #65738D; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #7FE2CE; +} +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: #E5E8EC; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #7FE2CE; +} +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: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #f8fafc; +} +body .ui-treetable tfoot td { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + 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: #3C4962; +} +body .ui-treetable .ui-column-resizer-helper { + background: #59C5B9; +} +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 #65738D; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #65738D; + color: #E5E8EC; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #E5E8EC; + -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: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + 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: #E5E8EC; + 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; +} +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: rgba(89, 197, 185, 0.7); + color: #f8fafc; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; +} +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: #2B364C; + border: 1px solid #65738D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #59C5B9; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #59C5B9; + outline: 0 none; + box-shadow: 0 0 0 1px #7FE2CE; +} +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: #CDD2DB; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #CDD2DB; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + 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 #7FE2CE; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #f8fafc; + background: rgba(89, 197, 185, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #E5E8EC; + background: rgba(73, 87, 113, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #65738D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #65738D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #65738D; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #65738D; + border-width: 2px; + background: #2B364C; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #59C5B9; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 2px #7FE2CE; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #59C5B9; + background: #59C5B9; + color: #f8fafc; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #2B9F9C; +} +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: #65738D; +} +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: #65738D; +} +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: #59C5B9; +} +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: #2B9F9C; +} + +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: #65738D; + color: #E5E8EC; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #E5E8EC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #3C4962; + color: #E5E8EC; + font-weight: 600; + border: solid #65738D; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #7FE2CE; +} +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 { + padding: 0; + color: #E5E8EC; + 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:hover { + background: rgba(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #7FE2CE; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #59C5B9; + font-weight: 600; + 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(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + background: #2B364C; + padding: 0.5rem 0.5rem; + border: 1px solid #65738D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #59C5B9; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #59C5B9; + outline: 0 none; + box-shadow: 0 0 0 1px #7FE2CE; +} +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: 3px; + 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 #65738D; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #E5E8EC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #7FE2CE; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #7FE2CE; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #7FE2CE; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + 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: #59C5B9; + outline: 0 none; + box-shadow: 0 0 0 1px #7FE2CE; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #CDD2DB; +} +body :-moz-placeholder { + color: #CDD2DB; + opacity: 1; +} +body ::-moz-placeholder { + color: #CDD2DB; + opacity: 1; +} +body :-ms-input-placeholder { + color: #CDD2DB; +} +body .p-field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #CDD2DB; +} +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: #E5E8EC; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #E5E8EC; +} +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: #CDD2DB; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #CDD2DB; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #E5E8EC; + background: #2B364C; + padding: 0.5rem 0.5rem; + border: 1px solid #65738D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #59C5B9; +} +body .ui-inputfield.ui-state-focus { + border-color: #59C5B9; + outline: 0 none; + box-shadow: 0 0 0 1px #7FE2CE; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #65738D; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #65738D; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #65738D; +} +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: #65738D; + background: #3C4962; + color: #CDD2DB; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #65738D; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #3C4962; + border-radius: 50%; + border: 2px solid #65738D; + 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: #59C5B9; + outline: 0 none; + box-shadow: 0 0 0 1px #7FE2CE; +} +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: #59C5B9; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #E5E8EC; + border-color: #1F8288; + margin-left: 2px; +} + +body .keypad-popup { + background: #3C4962; + color: #E5E8EC; + padding: 0; + border: 1px solid #65738D; + margin: 0; + width: auto; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .keypad-popup button { + background: #3C4962; + border: 1px solid #65738D; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + border-color: #65738D; + color: #E5E8EC; +} +body .keypad-popup button.ui-state-active { + background: #2B364C; + border-color: #65738D; + color: #E5E8EC; +} +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: #59C5B9; + color: #f8fafc; + border: 1px solid #59C5B9; +} +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: #2B9F9C; + border-color: #2B9F9C; + color: #f8fafc; +} +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 #7FE2CE; +} +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: #1F8288; + border-color: #1F8288; + color: #f8fafc; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #65738D; + 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: #3C4962; + color: #E5E8EC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #3C4962; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; +} + +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: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #65738D; + border-width: 2px; + background: #2B364C; + 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: #59C5B9; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 2px #7FE2CE; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #59C5B9; + background: #59C5B9; + color: #f8fafc; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #2B9F9C; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #f8fafc; +} +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: #65738D; +} +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: #65738D; +} +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: #59C5B9; +} +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: #2B9F9C; +} + +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 #7FE2CE; +} +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 #7FE2CE; +} +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: #E5E8EC; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #2B9F9C; +} +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: #59C5B9; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #f8fafc; +} + +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 #65738D; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2B364C; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #CDD2DB; + 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: #59C5B9; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #59C5B9; + outline: 0 none; + box-shadow: 0 0 0 1px #7FE2CE; +} +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: #65738D; + color: #E5E8EC; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #65738D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #65738D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #65738D; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #3C4962; + color: #E5E8EC; + 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: #CDD2DB; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #7FE2CE; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; +} +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-group { + background: #3C4962; + margin: 0; + padding: 0.75rem 1rem; + color: #E5E8EC; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #65738D; + border-radius: 3px; + background: #3C4962; +} +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: #3C4962; + color: #E5E8EC; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #CDD2DB; +} +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: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +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: rgba(89, 197, 185, 0.7); + color: #f8fafc; +} +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 #7FE2CE; +} +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: #3C4962; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #65738D; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2B364C; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #CDD2DB; + 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: #59C5B9; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #59C5B9; + outline: 0 none; + box-shadow: 0 0 0 1px #7FE2CE; +} +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: #65738D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #65738D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #65738D; +} +body .ui-selectonemenu-panel { + background: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #3C4962; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #E5E8EC; + 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #3C4962; + margin: 0; + padding: 0.75rem 1rem; + color: #E5E8EC; +} + +body .ui-slider { + background: #65738D; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #65738D; + border: 2px solid #59C5B9; + 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: #59C5B9; + background: #59C5B9; +} +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: #59C5B9; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #65738D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #3C4962; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #7FE2CE; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #59C5B9; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #E5E8EC; +} + +body .ui-breadcrumb { + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #7FE2CE; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: #E5E8EC; +} +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: #E5E8EC; +} +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: #CDD2DB; + 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: #E5E8EC; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: 3px; + 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 #7FE2CE; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: #E5E8EC; +} +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: #E5E8EC; +} +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: #CDD2DB; + 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: #E5E8EC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; +} +body .ui-menu.ui-shadow { + border: 1px solid #65738D; + box-shadow: 0 2px 4px -1px rgba(0, 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: #3C4962; + color: #E5E8EC; + 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: #E5E8EC; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #E5E8EC; +} +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(73, 87, 113, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #CDD2DB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #CDD2DB; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(73, 87, 113, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +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: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #3C4962; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 1px solid #65738D; + box-shadow: 0 2px 4px -1px rgba(0, 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 #65738D; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #3C4962; + border-radius: 3px; +} +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: 3px; +} +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: #E5E8EC; + width: 100%; + border: 0 none; + background: #3C4962; + 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: #3C4962; + color: #E5E8EC; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #3C4962; + 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 #65738D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #65738D; + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #3C4962; + border: 1px solid #65738D; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #E5E8EC; + 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(73, 87, 113, 0.7); +} +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: #E5E8EC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #E5E8EC; + background: #3C4962; + border: 1px solid #65738D; + 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: #E5E8EC; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; + border-color: rgba(89, 197, 185, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #E5E8EC; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #65738D; + 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: #3C4962; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #65738D; + 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: #3C4962; + color: #CDD2DB; + top: 0; + margin: 0; + border-bottom: 2px solid #65738D; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #CDD2DB; + 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: #3C4962; + border-color: #59C5B9; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #E5E8EC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #E5E8EC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #3C4962; + border-color: #59C5B9; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #59C5B9; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #59C5B9; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #7FE2CE; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + color: #2B7AA4; + 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: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #F8D895; + border: 1px solid #A76927; + color: #A76927; + 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: #A76927; +} +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: #A76927; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + color: #AD342B; + 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: #AD342B; +} +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: #AD342B; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 3px; + color: #2B7AA4; +} +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: #2B7AA4; + 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: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 3px; + color: #A76927; +} +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: #A76927; + 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: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 3px; + color: #AD342B; +} +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: #AD342B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #7FE2CE; +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 6px; + color: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #9BF2F7; + color: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #83eff5; +} +body .ui-messages .ui-messages-warn { + background: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 6px; + color: #A76927; +} +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: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #F8D895; + color: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #f6cf7d; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 6px; + color: #AD342B; +} +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: #AD342B; +} +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: #FABD9A; + color: #AD342B; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #f9ad82; +} + +body .ui-avatar { + background-color: #65738D; + border-radius: 3px; +} +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 #3C4962; +} + +body .ui-badge { + background: #59C5B9; + color: #f8fafc; + 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: #65738D; + color: #E5E8EC; + 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: 3px; + 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 #7FE2CE; +} + +body .ui-clock { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: 3px; + 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: #65738D; + 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: #59C5B9; + color: #f8fafc; +} +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: rgba(89, 197, 185, 0.7); + color: #f8fafc; +} +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 #7FE2CE; +} +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 #7FE2CE; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #65738D; + border-radius: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #3C4962; + color: #E5E8EC; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #7FE2CE; +} +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: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #65738D; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #59C5B9; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #E5E8EC; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(89, 197, 185, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(89, 197, 185, 0.772); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #f8fafc; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 3px; +} +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: #59C5B9; + color: #f8fafc; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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(60, 73, 98, 0); + border-bottom-color: #3C4962; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(101, 115, 141, 0); + border-bottom-color: #65738D; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #3C4962; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #65738D; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #65738D; + border-radius: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #3C4962; + color: #E5E8EC; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #7FE2CE; +} +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: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #E5E8EC; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #7FE2CE; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #3C4962; + color: #E5E8EC; + padding: 0; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +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: #59C5B9; + color: #f8fafc; + 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: #2B9F9C; + color: #f8fafc; +} +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: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #7FE2CE; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} + +body .ui-tooltip .ui-tooltip-text { + background: #65738D; + color: #E5E8EC; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #65738D; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #65738D; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #65738D; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #65738D; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #65738D; + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + 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 #65738D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #3C4962; + border-color: #65738D; + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #7FE2CE; +} +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-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #3C4962; + color: #E5E8EC; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #CDD2DB; +} +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: rgba(89, 197, 185, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #3C4962; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #65738D; +} +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 #65738D; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #7FE2CE; +} + +body .ui-notificationbar { + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #7FE2CE; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #2B364C; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #65738D; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #65738D; +} + +body .ui-splitter { + border: 1px solid #65738D; + background: #3C4962; + border-radius: 3px; + color: #E5E8EC; +} +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: #65738D; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #65738D; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #3C4962; + 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: #3C4962; + color: #CDD2DB; + 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: #CDD2DB; + 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: #3C4962; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #E5E8EC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #3C4962; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #59C5B9; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #59C5B9; +} +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 #7FE2CE; +} +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: #3C4962; + color: #E5E8EC; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #65738D; + 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 #65738D; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #59C5B9; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #59C5B9; +} +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 #65738D; + 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 #65738D; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #59C5B9; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #59C5B9; +} +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 #65738D; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #65738D; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #59C5B9; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #59C5B9; +} +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 #65738D; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #59C5B9; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #59C5B9; +} +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: #3C4962; + color: #CDD2DB; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} + +body .ui-toolbar { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #65738D; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(89, 197, 185, 0.7); + color: #f8fafc; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-jungle-green-dim/theme.scss b/src/main/webapp/resources/primefaces-poseidon-jungle-green-dim/theme.scss new file mode 100644 index 0000000..0aa94be --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-jungle-green-dim/theme.scss @@ -0,0 +1,7 @@ +$primaryLightColor: #7FE2CE !default; +$primaryColor: #59C5B9 !default; +$primaryDarkColor: #2B9F9C !default; +$primaryDarkerColor: #1F8288 !default; +$primaryTextColor: #f8fafc !default; + +@import '../sass/theme/_theme_dim'; \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-jungle-green-light/theme.css b/src/main/webapp/resources/primefaces-poseidon-jungle-green-light/theme.css new file mode 100644 index 0000000..5587e0b --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-jungle-green-light/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#FDFEFF; + --surface-b:#F6F9FE; + --surface-c:rgba(232, 241, 248, 0.7); + --surface-d:#E4E5E5; + --surface-e:#FDFEFF; + --surface-f:#FDFEFF; + --text-color:#515C66; + --text-color-secondary:#657380; + --primary-color:#2B9F9C; + --primary-color-text:#f8fafc; + --font-family:Open Sans; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F5F5F5; + --surface-200: #EEEEEE; + --surface-300: #E0E0E0; + --surface-400: #BDBDBD; + --surface-500: #9E9E9E; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#f8f9fa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: #e9ecef; + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem #59C5B9; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#f4fafa; + --primary-100:#cce8e7; + --primary-200:#a4d6d4; + --primary-300:#7cc3c2; + --primary-400:#53b1af; + --primary-500:#2b9f9c; + --primary-600:#258785; + --primary-700:#1e6f6d; + --primary-800:#185756; + --primary-900:#11403e; +} + +body .ui-button { + background: #2B9F9C; + color: #f8fafc; + border: 1px solid #2B9F9C; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #1F8288; + border-color: #1F8288; + color: #f8fafc; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #59C5B9; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #156472; + border-color: #156472; + color: #f8fafc; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #2B9F9C; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(43, 159, 156, 0.04); + color: #2B9F9C; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(43, 159, 156, 0.16); + color: #2B9F9C; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #657380; + border-color: #657380; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #657380; +} +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: #E4E5E5; + color: #657380; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #2B9F9C; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(43, 159, 156, 0.04); + color: #2B9F9C; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(43, 159, 156, 0.16); + color: #2B9F9C; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #657380; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #657380; +} +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: #E4E5E5; + color: #657380; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #FDFEFF; + color: #515C66; + border: 1px solid #D7D8D9; + 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: #657380; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + border-color: #D7D8D9; + color: #515C66; +} +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: #657380; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #2B9F9C; + border-color: #2B9F9C; + color: #f8fafc; +} +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: #f8fafc; +} +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: #1F8288; + border-color: #1F8288; + color: #f8fafc; +} +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: #f8fafc; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #537f2d; + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #2B9F9C; + 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: #1F8288; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #156472; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #F6F9FE; + color: #515C66; +} +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: #657380; +} +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: #515C66; + color: #fff; +} +body .ui-speeddial-action:hover { + background: #3B475F; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #59C5B9; +} +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(232, 241, 248, 0.7); + 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: #E4E5E5; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #2B9F9C; + color: #f8fafc; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #2B9F9C; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #FDFEFF; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #E4E5E5; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #2B9F9C; + 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 #59C5B9; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable thead th.ui-state-active { + background: #F6F9FE; + color: #2B9F9C; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #2B9F9C; +} +body .ui-datatable .ui-datatable-data > tr { + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(43, 159, 156, 0.7); + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #f8fafc; +} +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: #FDFEFF; + color: #515C66; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #59C5B9; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #59C5B9; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #59C5B9; +} +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: rgba(43, 159, 156, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #2B9F9C; +} +body .ui-datatable tfoot td { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + 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: #F6F9FE; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #fbfcfc; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(43, 159, 156, 0.7); + color: #f8fafc; +} +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-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: #FDFEFF; + border: 1px solid #D7D8D9; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #515C66; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #FDFEFF; + color: #515C66; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #E4E5E5; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(43, 159, 156, 0.7); +} +body .fc th { + background: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #E4E5E5; +} +body .fc td.fc-widget-content { + background: #FDFEFF; + border: 1px solid #E4E5E5; + color: #515C66; +} +body .fc td.fc-head-container { + border: 1px solid #E4E5E5; +} +body .fc .fc-row { + border-right: 1px solid #E4E5E5; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #1F8288; + border: 1px solid #1F8288; + color: #f8fafc; +} +body .fc .fc-divider { + background: #F6F9FE; + border: 1px solid #E4E5E5; +} +body .fc .fc-toolbar .fc-button { + background: #2B9F9C; + color: #f8fafc; + border: 1px solid #2B9F9C; + 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: #1F8288; + border-color: #1F8288; + color: #f8fafc; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #59C5B9; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #156472; + border-color: #156472; + color: #f8fafc; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(43, 159, 156, 0.7); + color: #f8fafc; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(34, 127, 125, 0.7); +} +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: #FDFEFF; + border: solid rgba(232, 241, 248, 0.7); + 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: #657380; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(232, 241, 248, 0.7); + color: #515C66; + 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 #59C5B9; +} +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: #657380; +} +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: #657380; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(43, 159, 156, 0.7); + color: #f8fafc; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + 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 #59C5B9; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #657380; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(43, 159, 156, 0.7); + color: #f8fafc; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(34, 127, 125, 0.7); +} +@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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-tagcloud a { + color: #515C66; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(43, 159, 156, 0.7); + color: #f8fafc; +} + +body .timeline-frame { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #59C5B9; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(43, 159, 156, 0.7); + color: #f8fafc; +} +body .vis-timeline { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .vis-timeline .vis-item { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .vis-timeline .vis-item .vis-item-content { + color: #515C66; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(43, 159, 156, 0.7); + border-color: rgba(43, 159, 156, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #f8fafc; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #515C66; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #59C5B9; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(43, 159, 156, 0.7); + color: #f8fafc; +} +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: #515C66; +} +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-tree-droppoint.ui-state-hover { + background: rgba(43, 159, 156, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #59C5B9; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(43, 159, 156, 0.7); + color: #f8fafc; +} +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: #515C66; +} +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: #FDFEFF; +} +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: #657380; +} +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 rgba(43, 159, 156, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #2B9F9C; + 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 #59C5B9; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-treetable thead th.ui-state-active { + background: #F6F9FE; + color: #2B9F9C; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #2B9F9C; +} +body .ui-treetable .ui-treetable-data > tr { + background: #FDFEFF; + color: #515C66; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #59C5B9; +} +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: #515C66; +} +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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(43, 159, 156, 0.7); + color: #f8fafc; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #59C5B9; +} +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: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #f8fafc; +} +body .ui-treetable tfoot td { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + 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: #F6F9FE; +} +body .ui-treetable .ui-column-resizer-helper { + background: #2B9F9C; +} +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(232, 241, 248, 0.7); +} +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 #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #E4E5E5; + color: #515C66; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #515C66; + -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: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 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: #515C66; + 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: #515C66; + 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: #FDFEFF; + color: #515C66; + 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: rgba(43, 159, 156, 0.7); + color: #f8fafc; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(43, 159, 156, 0.7); + color: #f8fafc; +} +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: #FDFEFF; + border: 1px solid #D7D8D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #2B9F9C; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #2B9F9C; + outline: 0 none; + box-shadow: 0 0 0 0.2em #59C5B9; +} +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: #657380; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #657380; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #FDFEFF; + border: 0 none; + border-radius: 3px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +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: #515C66; + 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 #59C5B9; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #f8fafc; + background: rgba(43, 159, 156, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #515C66; + background: rgba(232, 241, 248, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #F6F9FE; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #F6F9FE; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #D7D8D9; + border-width: 2px; + background: #FDFEFF; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #2B9F9C; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 0.2em #59C5B9; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #2B9F9C; + background: #2B9F9C; + color: #f8fafc; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #1F8288; +} +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: #F6F9FE; +} +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: #F6F9FE; +} +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: #2B9F9C; +} +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: #1F8288; +} + +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: #E4E5E5; + color: #515C66; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #515C66; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #FDFEFF; + border: 1px solid #D7D8D9; + color: #515C66; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #FDFEFF; + color: #515C66; + font-weight: 600; + border: solid #E4E5E5; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #59C5B9; +} +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 { + padding: 0; + color: #515C66; + 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:hover { + background: rgba(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #59C5B9; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(43, 159, 156, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #156472; + font-weight: 600; + 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(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(43, 159, 156, 0.7); + color: #f8fafc; + 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: #515C66; + background: #FDFEFF; + padding: 0.5rem 0.5rem; + border: 1px solid #D7D8D9; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #2B9F9C; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #2B9F9C; + outline: 0 none; + box-shadow: 0 0 0 0.2em #59C5B9; +} +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: 3px; + 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 #E4E5E5; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #515C66; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #59C5B9; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(43, 159, 156, 0.7); + color: #f8fafc; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #59C5B9; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #59C5B9; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + 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: #2B9F9C; + outline: 0 none; + box-shadow: 0 0 0 0.2em #59C5B9; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #657380; +} +body :-moz-placeholder { + color: #657380; + opacity: 1; +} +body ::-moz-placeholder { + color: #657380; + opacity: 1; +} +body :-ms-input-placeholder { + color: #657380; +} +body .p-field small.ui-state-error { + color: #f44336; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #657380; +} +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: #515C66; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #515C66; +} +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: #657380; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #657380; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #515C66; + background: #FDFEFF; + padding: 0.5rem 0.5rem; + border: 1px solid #D7D8D9; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #2B9F9C; +} +body .ui-inputfield.ui-state-focus { + border-color: #2B9F9C; + outline: 0 none; + box-shadow: 0 0 0 0.2em #59C5B9; +} +body .ui-inputfield.ui-state-error { + border-color: #f44336; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #F6F9FE; +} +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: #D7D8D9; + background: rgba(232, 241, 248, 0.7); + color: #657380; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #E4E5E5; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #FDFEFF; + border-radius: 50%; + border: 2px solid #E4E5E5; + 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: #2B9F9C; + outline: 0 none; + box-shadow: 0 0 0 0.2em #59C5B9; +} +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: #2B9F9C; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #FDFEFF; + border-color: #156472; + margin-left: 2px; +} + +body .keypad-popup { + background: #FDFEFF; + color: #515C66; + 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: #FDFEFF; + border: 1px solid #D7D8D9; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #515C66; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: #ebebef; + border-color: #D7D8D9; + color: #515C66; +} +body .keypad-popup button.ui-state-active { + background: #156472; + border-color: #156472; + color: #FDFEFF; +} +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: #2B9F9C; + color: #f8fafc; + border: 1px solid #2B9F9C; +} +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: #1F8288; + border-color: #1F8288; + color: #f8fafc; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #59C5B9; +} +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: #156472; + border-color: #156472; + color: #f8fafc; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #D7D8D9; + 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: #F6F9FE; + color: #515C66; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #FDFEFF; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(43, 159, 156, 0.7); + color: #f8fafc; +} + +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: #FDFEFF; + color: #515C66; + 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: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #D7D8D9; + border-width: 2px; + background: #FDFEFF; + 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: #2B9F9C; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 0.2em #59C5B9; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #2B9F9C; + background: #2B9F9C; + color: #f8fafc; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #1F8288; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #f8fafc; +} +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: #F6F9FE; +} +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: #F6F9FE; +} +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: #2B9F9C; +} +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: #1F8288; +} + +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 #59C5B9; +} +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 #59C5B9; +} +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: #515C66; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #1F8288; +} +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: #2B9F9C; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #f8fafc; +} + +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 #D7D8D9; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #FDFEFF; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #657380; + 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: #2B9F9C; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #2B9F9C; + outline: 0 none; + box-shadow: 0 0 0 0.2em #59C5B9; +} +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: #E4E5E5; + color: #515C66; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #F6F9FE; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #F6F9FE; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #F6F9FE; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #F6F9FE; + color: #515C66; + 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: #657380; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #59C5B9; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(43, 159, 156, 0.7); + color: #f8fafc; +} +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-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #515C66; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #D7D8D9; + border-radius: 3px; + background: #FDFEFF; +} +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: #F6F9FE; + color: #515C66; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #657380; +} +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: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +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: rgba(43, 159, 156, 0.7); + color: #f8fafc; +} +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 #59C5B9; +} +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: #FDFEFF; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #D7D8D9; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #FDFEFF; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #657380; + 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: #2B9F9C; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #2B9F9C; + outline: 0 none; + box-shadow: 0 0 0 0.2em #59C5B9; +} +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: #F6F9FE; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #F6F9FE; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #F6F9FE; +} +body .ui-selectonemenu-panel { + background: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #F6F9FE; + color: #515C66; +} +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: #657380; +} +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: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + color: #515C66; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #515C66; + 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: #FDFEFF; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(43, 159, 156, 0.7); + color: #f8fafc; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #515C66; +} + +body .ui-slider { + background: #E4E5E5; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #FDFEFF; + border: 2px solid #2B9F9C; + 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: #2B9F9C; + background: #2B9F9C; +} +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: #2B9F9C; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #E4E5E5; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #FDFEFF; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #59C5B9; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #2B9F9C; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #FDFEFF; +} + +body .ui-breadcrumb { + background: #FDFEFF; + border: 1px solid #E4E5E5; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #59C5B9; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: #515C66; +} +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: #515C66; +} +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: #657380; + 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: #515C66; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: 3px; + 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 #59C5B9; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: #515C66; +} +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: #515C66; +} +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: #657380; + 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: #515C66; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #FDFEFF; + border: 1px solid #E4E5E5; + border-radius: 3px; +} +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: #515C66; + 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: #515C66; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #515C66; +} +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(232, 241, 248, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #657380; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #515C66; +} +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: #657380; +} +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: #657380; +} +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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(232, 241, 248, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +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: #515C66; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #FDFEFF; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 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 #E4E5E5; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #F6F9FE; + border-radius: 3px; +} +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: 3px; +} +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: #515C66; + 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: #515C66; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #F6F9FE; + 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 #E4E5E5; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #E4E5E5; + border-top: 0 none; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #E4E5E5; + background: #F6F9FE; + color: #515C66; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #FDFEFF; + border: 1px solid #E4E5E5; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #515C66; + 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(232, 241, 248, 0.7); +} +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: #515C66; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #515C66; +} +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: #657380; +} +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: #515C66; + background: #FDFEFF; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: #657380; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(43, 159, 156, 0.7); + color: #f8fafc; + border-color: rgba(43, 159, 156, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #515C66; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #E4E5E5; + 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: #FDFEFF; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #E4E5E5; + 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: #FDFEFF; + color: #657380; + top: 0; + margin: 0; + border-bottom: 2px solid #E4E5E5; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #657380; + 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: #FDFEFF; + border-color: #515C66; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #657380; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #657380; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #FDFEFF; + border-color: #2B9F9C; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #2B9F9C; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #2B9F9C; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #59C5B9; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +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 #03A9F4; + color: #01579B; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #FFC107; + color: #7f6003; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + color: #B71C1C; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #03A9F4; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #FFC107; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #59C5B9; +} +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 #03A9F4; + border-width: 0 0 0 6px; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #FFC107; + border-width: 0 0 0 6px; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + border-width: 0 0 0 6px; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +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: #E4E5E5; + border-radius: 3px; +} +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 #FDFEFF; +} + +body .ui-badge { + background: #2B9F9C; + color: #f8fafc; + 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: #E4E5E5; + color: #515C66; + 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: 3px; + 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 #59C5B9; +} + +body .ui-clock { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: #F6F9FE; + 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: #F6F9FE; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #F6F9FE; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 3px; + 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: #F6F9FE; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #F6F9FE; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(232, 241, 248, 0.7); + 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: #E4E5E5; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #2B9F9C; + color: #f8fafc; +} +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: rgba(43, 159, 156, 0.7); + color: #f8fafc; +} +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: #F6F9FE; + 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: #F6F9FE; +} +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 #59C5B9; +} +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 #59C5B9; +} + +.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: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #FDFEFF; + color: #515C66; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #59C5B9; +} +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: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #efefef; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #2B9F9C; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #515C66; + 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: #F6F9FE; +} + +body .ui-skeleton { + background-color: rgba(232, 241, 248, 0.7); + border-radius: 3px; +} +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: #2B9F9C; + color: #f8fafc; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #FDFEFF; + color: #515C66; + border: 1px solid #E4E5E5; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #FDFEFF; + color: #515C66; + border: 0 none; + border-radius: 3px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +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(253, 254, 255, 0); + border-bottom-color: #FDFEFF; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(253, 254, 255, 0); + border-bottom-color: #FDFEFF; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #FDFEFF; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #FDFEFF; +} +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: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #FDFEFF; + color: #515C66; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #59C5B9; +} +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: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #FDFEFF; + color: #515C66; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #515C66; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #59C5B9; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #FDFEFF; + color: #515C66; + 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: 3px; +} +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: #2B9F9C; + color: #f8fafc; + 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: #1F8288; + color: #f8fafc; +} +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: #FDFEFF; + color: #515C66; + padding: 1rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #59C5B9; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #252529; + color: #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: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #252529; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #252529; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #252529; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #252529; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #E4E5E5; + border-top: 0 none; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + 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 #E4E5E5; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #F6F9FE; + border-color: #E4E5E5; + color: #515C66; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #59C5B9; +} +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-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #FDFEFF; + color: #515C66; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #657380; +} +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: rgba(43, 159, 156, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #FDFEFF; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #E4E5E5; +} +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 #E4E5E5; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #515C66; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #59C5B9; +} + +body .ui-notificationbar { + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border: 1px solid #E4E5E5; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #59C5B9; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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 #E4E5E5; + background: #FDFEFF; + border-radius: 3px; + color: #515C66; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #F6F9FE; +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #E4E5E5; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #E4E5E5; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #FDFEFF; + 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: #FDFEFF; + color: #657380; + 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: #657380; + 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: #FDFEFF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #657380; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #657380; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #FDFEFF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #2B9F9C; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #2B9F9C; +} +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 #59C5B9; +} +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: #FDFEFF; + color: #515C66; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #E4E5E5; + 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 #E4E5E5; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #2B9F9C; +} +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 #E4E5E5; + 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 #E4E5E5; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #2B9F9C; +} +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 #E4E5E5; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #E4E5E5; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #2B9F9C; +} +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 #E4E5E5; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #2B9F9C; +} +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: #FDFEFF; + color: #657380; + 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(232, 241, 248, 0.7); + color: #515C66; +} + +body .ui-toolbar { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #E4E5E5; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(43, 159, 156, 0.7); + color: #f8fafc; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-jungle-green-light/theme.scss b/src/main/webapp/resources/primefaces-poseidon-jungle-green-light/theme.scss new file mode 100644 index 0000000..213cbca --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-jungle-green-light/theme.scss @@ -0,0 +1,8 @@ +$primaryLightColor: #59C5B9 !default; +$primaryColor: #2B9F9C !default; +$primaryDarkColor: #1F8288 !default; +$primaryDarkerColor: #156472 !default; +$primaryTextColor: #f8fafc !default; + + +@import '../sass/theme/_theme_light'; \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-sea-green-dark/theme.css b/src/main/webapp/resources/primefaces-poseidon-sea-green-dark/theme.css new file mode 100644 index 0000000..d4cc610 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-sea-green-dark/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#434B54; + --surface-b:#2F363E; + --surface-c:rgba(78, 86, 95, 0.7); + --surface-d:#5B646D; + --surface-e:#434B54; + --surface-f:#434B54; + --text-color:#E6E8EB; + --text-color-secondary:#D0D3D7; + --primary-color:#5EC579; + --primary-color-text:#f8fafc; + --font-family:Open Sans; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50:#e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#1e1e1e; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #83E293; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#f7fcf8; + --primary-100:#d8f1df; + --primary-200:#bae6c5; + --primary-300:#9bdbac; + --primary-400:#7dd092; + --primary-500:#5ec579; + --primary-600:#50a767; + --primary-700:#428a55; + --primary-800:#346c43; + --primary-900:#264f30; +} + +body .ui-button { + background: #5EC579; + color: #f8fafc; + border: 1px solid #5EC579; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #30A059; + border-color: #30A059; + color: #f8fafc; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #83E293; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #238952; + border-color: #238952; + color: #f8fafc; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #5EC579; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(94, 197, 121, 0.04); + color: #5EC579; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(94, 197, 121, 0.16); + color: #5EC579; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #D0D3D7; + border-color: #D0D3D7; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #D0D3D7; +} +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: #D0D3D7; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #5EC579; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(94, 197, 121, 0.04); + color: #5EC579; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(94, 197, 121, 0.16); + color: #5EC579; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #D0D3D7; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #D0D3D7; +} +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: #D0D3D7; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + 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: #D0D3D7; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + border-color: #5B646D; + color: #E6E8EB; +} +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: #D0D3D7; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #5EC579; + border-color: #5EC579; + color: #f8fafc; +} +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: #f8fafc; +} +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: #30A059; + border-color: #30A059; + color: #f8fafc; +} +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: #f8fafc; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #5EC579; + 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: #30A059; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #238952; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #434B54; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #E6E8EB; + color: #2F363E; +} +body .ui-speeddial-action:hover { + background: #D0D3D7; + color: #2F363E; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #83E293; +} +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: #5B646D; + 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(78, 86, 95, 0.7); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #5EC579; + color: #f8fafc; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #5EC579; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #434B54; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #5B646D; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #D0D3D7; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #434B54; + color: #E6E8EB; + padding: 1rem 1rem; + border: 1px solid #5B646D; + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #5EC579; + 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 #83E293; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable thead th.ui-state-active { + background: #434B54; + color: #5EC579; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #5EC579; +} +body .ui-datatable .ui-datatable-data > tr { + background: #434B54; + color: #E6E8EB; + 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 #5B646D; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #f8fafc; +} +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: #434B54; + color: #E6E8EB; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #83E293; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #83E293; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #83E293; +} +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: rgba(94, 197, 121, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #5EC579; +} +body .ui-datatable tfoot td { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + 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: #434B54; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #394149; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-columntoggler { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + background: #434B54; + border: 1px solid #5B646D; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #E6E8EB; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #5B646D; + } + 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 #5B646D; + } + 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: #434B54; + color: #D0D3D7; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #5B646D; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #5B646D; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(94, 197, 121, 0.7); +} +body .fc th { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #5B646D; +} +body .fc td.fc-widget-content { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; +} +body .fc td.fc-head-container { + border: 1px solid #5B646D; +} +body .fc .fc-row { + border-right: 1px solid #5B646D; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #30A059; + border: 1px solid #30A059; + color: #f8fafc; +} +body .fc .fc-divider { + background: #434B54; + border: 1px solid #5B646D; +} +body .fc .fc-toolbar .fc-button { + background: #5EC579; + color: #f8fafc; + border: 1px solid #5EC579; + 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: #30A059; + border-color: #30A059; + color: #f8fafc; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #83E293; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #238952; + border-color: #238952; + color: #f8fafc; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(62, 171, 90, 0.7); +} +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: #434B54; + border: solid #5B646D; + 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: #D0D3D7; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #83E293; +} +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: #D0D3D7; +} +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: #D0D3D7; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(94, 197, 121, 0.7); + color: #f8fafc; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #83E293; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #D0D3D7; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(62, 171, 90, 0.7); +} +@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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-tagcloud a { + color: #E6E8EB; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; +} + +body .timeline-frame { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #83E293; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; +} +body .vis-timeline { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .vis-timeline .vis-item { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .vis-timeline .vis-item .vis-item-content { + color: #E6E8EB; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(94, 197, 121, 0.7); + border-color: rgba(94, 197, 121, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #f8fafc; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #E6E8EB; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #83E293; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; +} +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: #E6E8EB; +} +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-tree-droppoint.ui-state-hover { + background: rgba(94, 197, 121, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #83E293; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; +} +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: #E6E8EB; +} +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: #434B54; +} +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: #D0D3D7; +} +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 rgba(94, 197, 121, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #434B54; + color: #D0D3D7; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + 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: #434B54; + color: #E6E8EB; + padding: 1rem 1rem; + border: 1px solid #5B646D; + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #5EC579; + 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 #83E293; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-treetable thead th.ui-state-active { + background: #434B54; + color: #5EC579; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #5EC579; +} +body .ui-treetable .ui-treetable-data > tr { + background: #434B54; + color: #E6E8EB; + 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 #5B646D; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #83E293; +} +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: #E6E8EB; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #83E293; +} +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: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #f8fafc; +} +body .ui-treetable tfoot td { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + 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: #434B54; +} +body .ui-treetable .ui-column-resizer-helper { + background: #5EC579; +} +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 #5B646D; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #5B646D; + color: #E6E8EB; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #E6E8EB; + -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: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + 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: #E6E8EB; + 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; +} +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: rgba(94, 197, 121, 0.7); + color: #f8fafc; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; +} +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: #2F363E; + border: 1px solid #5B646D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #5EC579; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #5EC579; + outline: 0 none; + box-shadow: 0 0 0 1px #83E293; +} +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: #D0D3D7; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #D0D3D7; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + 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 #83E293; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #f8fafc; + background: rgba(94, 197, 121, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #E6E8EB; + background: rgba(78, 86, 95, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #5B646D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #5B646D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #5B646D; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #5B646D; + border-width: 2px; + background: #2F363E; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #5EC579; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 2px #83E293; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #5EC579; + background: #5EC579; + color: #f8fafc; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #30A059; +} +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: #5B646D; +} +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: #5B646D; +} +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: #5EC579; +} +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: #30A059; +} + +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: #5B646D; + color: #E6E8EB; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #E6E8EB; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #434B54; + color: #E6E8EB; + font-weight: 600; + border: solid #5B646D; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #83E293; +} +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 { + padding: 0; + color: #E6E8EB; + 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:hover { + background: rgba(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #83E293; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #5EC579; + font-weight: 600; + 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(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + background: #2F363E; + padding: 0.5rem 0.5rem; + border: 1px solid #5B646D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #5EC579; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #5EC579; + outline: 0 none; + box-shadow: 0 0 0 1px #83E293; +} +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: 3px; + 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 #5B646D; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #E6E8EB; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #83E293; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #83E293; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #83E293; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + 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: #5EC579; + outline: 0 none; + box-shadow: 0 0 0 1px #83E293; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #D0D3D7; +} +body :-moz-placeholder { + color: #D0D3D7; + opacity: 1; +} +body ::-moz-placeholder { + color: #D0D3D7; + opacity: 1; +} +body :-ms-input-placeholder { + color: #D0D3D7; +} +body .p-field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #D0D3D7; +} +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: #E6E8EB; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #E6E8EB; +} +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: #D0D3D7; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #D0D3D7; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #E6E8EB; + background: #2F363E; + padding: 0.5rem 0.5rem; + border: 1px solid #5B646D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #5EC579; +} +body .ui-inputfield.ui-state-focus { + border-color: #5EC579; + outline: 0 none; + box-shadow: 0 0 0 1px #83E293; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #5B646D; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #5B646D; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #5B646D; +} +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: #5B646D; + background: #434B54; + color: #D0D3D7; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #5B646D; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #434B54; + border-radius: 50%; + border: 2px solid #5B646D; + 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: #5EC579; + outline: 0 none; + box-shadow: 0 0 0 1px #83E293; +} +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: #5EC579; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #E6E8EB; + border-color: #238952; + margin-left: 2px; +} + +body .keypad-popup { + background: #434B54; + color: #E6E8EB; + padding: 0; + border: 1px solid #5B646D; + margin: 0; + width: auto; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .keypad-popup button { + background: #434B54; + border: 1px solid #5B646D; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + border-color: #5B646D; + color: #E6E8EB; +} +body .keypad-popup button.ui-state-active { + background: #2F363E; + border-color: #5B646D; + color: #E6E8EB; +} +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: #5EC579; + color: #f8fafc; + border: 1px solid #5EC579; +} +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: #30A059; + border-color: #30A059; + color: #f8fafc; +} +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 #83E293; +} +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: #238952; + border-color: #238952; + color: #f8fafc; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #5B646D; + 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: #434B54; + color: #E6E8EB; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #434B54; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; +} + +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: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #5B646D; + border-width: 2px; + background: #2F363E; + 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: #5EC579; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 2px #83E293; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #5EC579; + background: #5EC579; + color: #f8fafc; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #30A059; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #f8fafc; +} +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: #5B646D; +} +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: #5B646D; +} +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: #5EC579; +} +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: #30A059; +} + +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 #83E293; +} +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 #83E293; +} +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: #E6E8EB; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #30A059; +} +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: #5EC579; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #f8fafc; +} + +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 #5B646D; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2F363E; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #D0D3D7; + 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: #5EC579; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #5EC579; + outline: 0 none; + box-shadow: 0 0 0 1px #83E293; +} +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: #5B646D; + color: #E6E8EB; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #5B646D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #5B646D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #5B646D; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #434B54; + color: #E6E8EB; + 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: #D0D3D7; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #83E293; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; +} +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-group { + background: #434B54; + margin: 0; + padding: 0.75rem 1rem; + color: #E6E8EB; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #5B646D; + border-radius: 3px; + background: #434B54; +} +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: #434B54; + color: #E6E8EB; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #D0D3D7; +} +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: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +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: rgba(94, 197, 121, 0.7); + color: #f8fafc; +} +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 #83E293; +} +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: #434B54; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #5B646D; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2F363E; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #D0D3D7; + 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: #5EC579; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #5EC579; + outline: 0 none; + box-shadow: 0 0 0 1px #83E293; +} +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: #5B646D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #5B646D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #5B646D; +} +body .ui-selectonemenu-panel { + background: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #434B54; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #E6E8EB; + 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #434B54; + margin: 0; + padding: 0.75rem 1rem; + color: #E6E8EB; +} + +body .ui-slider { + background: #5B646D; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #5B646D; + border: 2px solid #5EC579; + 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: #5EC579; + background: #5EC579; +} +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: #5EC579; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #5B646D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #434B54; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #83E293; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #5EC579; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #E6E8EB; +} + +body .ui-breadcrumb { + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #83E293; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: #E6E8EB; +} +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: #E6E8EB; +} +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: #D0D3D7; + 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: #E6E8EB; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: 3px; + 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 #83E293; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: #E6E8EB; +} +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: #E6E8EB; +} +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: #D0D3D7; + 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: #E6E8EB; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; +} +body .ui-menu.ui-shadow { + border: 1px solid #5B646D; + box-shadow: 0 2px 4px -1px rgba(0, 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: #434B54; + color: #E6E8EB; + 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: #E6E8EB; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #E6E8EB; +} +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(78, 86, 95, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #D0D3D7; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #D0D3D7; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(78, 86, 95, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +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: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #434B54; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 1px solid #5B646D; + box-shadow: 0 2px 4px -1px rgba(0, 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 #5B646D; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #434B54; + border-radius: 3px; +} +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: 3px; +} +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: #E6E8EB; + width: 100%; + border: 0 none; + background: #434B54; + 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: #434B54; + color: #E6E8EB; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #434B54; + 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 #5B646D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #5B646D; + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #434B54; + border: 1px solid #5B646D; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #E6E8EB; + 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(78, 86, 95, 0.7); +} +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: #E6E8EB; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #E6E8EB; + background: #434B54; + border: 1px solid #5B646D; + 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: #E6E8EB; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; + border-color: rgba(94, 197, 121, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #E6E8EB; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #5B646D; + 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: #434B54; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #5B646D; + 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: #434B54; + color: #D0D3D7; + top: 0; + margin: 0; + border-bottom: 2px solid #5B646D; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #D0D3D7; + 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: #434B54; + border-color: #5EC579; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #E6E8EB; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #E6E8EB; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #434B54; + border-color: #5EC579; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #5EC579; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #5EC579; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #83E293; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + color: #2B7AA4; + 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: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #F8D895; + border: 1px solid #A76927; + color: #A76927; + 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: #A76927; +} +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: #A76927; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + color: #AD342B; + 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: #AD342B; +} +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: #AD342B; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 3px; + color: #2B7AA4; +} +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: #2B7AA4; + 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: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 3px; + color: #A76927; +} +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: #A76927; + 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: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 3px; + color: #AD342B; +} +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: #AD342B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #83E293; +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 6px; + color: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #9BF2F7; + color: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #83eff5; +} +body .ui-messages .ui-messages-warn { + background: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 6px; + color: #A76927; +} +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: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #F8D895; + color: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #f6cf7d; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 6px; + color: #AD342B; +} +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: #AD342B; +} +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: #FABD9A; + color: #AD342B; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #f9ad82; +} + +body .ui-avatar { + background-color: #5B646D; + border-radius: 3px; +} +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 #434B54; +} + +body .ui-badge { + background: #5EC579; + color: #f8fafc; + 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: #5B646D; + color: #E6E8EB; + 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: 3px; + 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 #83E293; +} + +body .ui-clock { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: 3px; + 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: #5B646D; + 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: #5EC579; + color: #f8fafc; +} +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: rgba(94, 197, 121, 0.7); + color: #f8fafc; +} +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 #83E293; +} +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 #83E293; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #5B646D; + border-radius: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #434B54; + color: #E6E8EB; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #83E293; +} +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: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #5B646D; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #5EC579; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #E6E8EB; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(94, 197, 121, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(94, 197, 121, 0.772); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #f8fafc; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 3px; +} +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: #5EC579; + color: #f8fafc; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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(67, 75, 84, 0); + border-bottom-color: #434B54; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(91, 100, 109, 0); + border-bottom-color: #5B646D; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #434B54; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #5B646D; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #5B646D; + border-radius: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #434B54; + color: #E6E8EB; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #83E293; +} +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: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #E6E8EB; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #83E293; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #434B54; + color: #E6E8EB; + padding: 0; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +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: #5EC579; + color: #f8fafc; + 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: #30A059; + color: #f8fafc; +} +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: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #83E293; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} + +body .ui-tooltip .ui-tooltip-text { + background: #5B646D; + color: #E6E8EB; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #5B646D; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #5B646D; + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + 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 #5B646D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #434B54; + border-color: #5B646D; + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #83E293; +} +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-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #434B54; + color: #E6E8EB; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #D0D3D7; +} +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: rgba(94, 197, 121, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #434B54; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #5B646D; +} +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 #5B646D; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #83E293; +} + +body .ui-notificationbar { + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #83E293; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #2F363E; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #5B646D; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #5B646D; +} + +body .ui-splitter { + border: 1px solid #5B646D; + background: #434B54; + border-radius: 3px; + color: #E6E8EB; +} +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: #5B646D; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #5B646D; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #434B54; + 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: #434B54; + color: #D0D3D7; + 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: #D0D3D7; + 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: #434B54; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #E6E8EB; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #434B54; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #5EC579; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #5EC579; +} +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 #83E293; +} +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: #434B54; + color: #E6E8EB; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #5B646D; + 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 #5B646D; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #5EC579; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #5EC579; +} +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 #5B646D; + 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 #5B646D; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #5EC579; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #5EC579; +} +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 #5B646D; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #5B646D; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #5EC579; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #5EC579; +} +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 #5B646D; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #5EC579; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #5EC579; +} +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: #434B54; + color: #D0D3D7; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} + +body .ui-toolbar { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #5B646D; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-sea-green-dark/theme.scss b/src/main/webapp/resources/primefaces-poseidon-sea-green-dark/theme.scss new file mode 100644 index 0000000..7552a3a --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-sea-green-dark/theme.scss @@ -0,0 +1,7 @@ +$primaryLightColor: #83E293 !default; +$primaryColor: #5EC579 !default; +$primaryDarkColor: #30A059 !default; +$primaryDarkerColor: #238952 !default; +$primaryTextColor: #f8fafc !default; + +@import '../sass/theme/_theme_dark'; \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-sea-green-dim/theme.css b/src/main/webapp/resources/primefaces-poseidon-sea-green-dim/theme.css new file mode 100644 index 0000000..b6e9735 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-sea-green-dim/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#3C4962; + --surface-b:#2B364C; + --surface-c:rgba(73, 87, 113, 0.7); + --surface-d:#65738D; + --surface-e:#3C4962; + --surface-f:#3C4962; + --text-color:#E5E8EC; + --text-color-secondary:#CDD2DB; + --primary-color:#5EC579; + --primary-color-text:#f8fafc; + --font-family:Open Sans; + --surface-0: #17212f; + --surface-50: #2e3744; + --surface-100: #454d59; + --surface-200: #5d646d; + --surface-300: #747a82; + --surface-400: #8b9097; + --surface-500: #a2a6ac; + --surface-600: #b9bcc1; + --surface-700: #d1d3d5; + --surface-800: #e8e9ea; + --surface-900: #ffffff; + --gray-50:#e8e9ea; + --gray-100: #d1d3d5; + --gray-200: #b9bcc1; + --gray-300: #a2a6ac; + --gray-400: #8b9097; + --gray-500: #747a82; + --gray-600: #5d646d; + --gray-700: #454d59; + --gray-800: #2e3744; + --gray-900: #17212f; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#17212f; + --surface-section:#17212f; + --surface-card:#1f2d40; + --surface-overlay:#1f2d40; + --surface-border:#304562; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #83E293; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#f7fcf8; + --primary-100:#d8f1df; + --primary-200:#bae6c5; + --primary-300:#9bdbac; + --primary-400:#7dd092; + --primary-500:#5ec579; + --primary-600:#50a767; + --primary-700:#428a55; + --primary-800:#346c43; + --primary-900:#264f30; +} + +body .ui-button { + background: #5EC579; + color: #f8fafc; + border: 1px solid #5EC579; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #30A059; + border-color: #30A059; + color: #f8fafc; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #83E293; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #238952; + border-color: #238952; + color: #f8fafc; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #5EC579; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(94, 197, 121, 0.04); + color: #5EC579; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(94, 197, 121, 0.16); + color: #5EC579; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #CDD2DB; + border-color: #CDD2DB; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #CDD2DB; +} +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: #CDD2DB; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #5EC579; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(94, 197, 121, 0.04); + color: #5EC579; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(94, 197, 121, 0.16); + color: #5EC579; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #CDD2DB; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #CDD2DB; +} +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: #CDD2DB; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + 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: #CDD2DB; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + border-color: #65738D; + color: #E5E8EC; +} +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: #CDD2DB; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #5EC579; + border-color: #5EC579; + color: #f8fafc; +} +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: #f8fafc; +} +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: #30A059; + border-color: #30A059; + color: #f8fafc; +} +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: #f8fafc; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #5EC579; + 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: #30A059; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #238952; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #E5E8EC; + color: #2B364C; +} +body .ui-speeddial-action:hover { + background: #CDD2DB; + color: #2B364C; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #83E293; +} +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: #65738D; + 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(73, 87, 113, 0.7); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #5EC579; + color: #f8fafc; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #5EC579; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #3C4962; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #65738D; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #CDD2DB; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; + padding: 1rem 1rem; + border: 1px solid #65738D; + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #5EC579; + 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 #83E293; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable thead th.ui-state-active { + background: #3C4962; + color: #5EC579; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #5EC579; +} +body .ui-datatable .ui-datatable-data > tr { + background: #3C4962; + color: #E5E8EC; + 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 #65738D; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #f8fafc; +} +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: #3C4962; + color: #E5E8EC; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #83E293; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #83E293; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #83E293; +} +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: rgba(94, 197, 121, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #5EC579; +} +body .ui-datatable tfoot td { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + 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: #3C4962; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #344057; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-columntoggler { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + background: #3C4962; + border: 1px solid #65738D; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #E5E8EC; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #65738D; + } + 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 #65738D; + } + 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: #3C4962; + color: #CDD2DB; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #65738D; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #65738D; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #65738D; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(94, 197, 121, 0.7); +} +body .fc th { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #65738D; +} +body .fc td.fc-widget-content { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; +} +body .fc td.fc-head-container { + border: 1px solid #65738D; +} +body .fc .fc-row { + border-right: 1px solid #65738D; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #30A059; + border: 1px solid #30A059; + color: #f8fafc; +} +body .fc .fc-divider { + background: #3C4962; + border: 1px solid #65738D; +} +body .fc .fc-toolbar .fc-button { + background: #5EC579; + color: #f8fafc; + border: 1px solid #5EC579; + 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: #30A059; + border-color: #30A059; + color: #f8fafc; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #83E293; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #238952; + border-color: #238952; + color: #f8fafc; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(62, 171, 90, 0.7); +} +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: #3C4962; + border: solid #65738D; + 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: #CDD2DB; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #83E293; +} +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: #CDD2DB; +} +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: #CDD2DB; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(94, 197, 121, 0.7); + color: #f8fafc; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #83E293; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #CDD2DB; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(62, 171, 90, 0.7); +} +@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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-tagcloud a { + color: #E5E8EC; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; +} + +body .timeline-frame { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #83E293; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; +} +body .vis-timeline { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .vis-timeline .vis-item { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .vis-timeline .vis-item .vis-item-content { + color: #E5E8EC; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(94, 197, 121, 0.7); + border-color: rgba(94, 197, 121, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #f8fafc; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #E5E8EC; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #83E293; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; +} +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: #E5E8EC; +} +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-tree-droppoint.ui-state-hover { + background: rgba(94, 197, 121, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #83E293; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; +} +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: #E5E8EC; +} +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: #3C4962; +} +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: #CDD2DB; +} +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 rgba(94, 197, 121, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #3C4962; + color: #CDD2DB; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + 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: #3C4962; + color: #E5E8EC; + padding: 1rem 1rem; + border: 1px solid #65738D; + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #5EC579; + 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 #83E293; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-treetable thead th.ui-state-active { + background: #3C4962; + color: #5EC579; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #5EC579; +} +body .ui-treetable .ui-treetable-data > tr { + background: #3C4962; + color: #E5E8EC; + 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 #65738D; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #83E293; +} +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: #E5E8EC; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #83E293; +} +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: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #f8fafc; +} +body .ui-treetable tfoot td { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + 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: #3C4962; +} +body .ui-treetable .ui-column-resizer-helper { + background: #5EC579; +} +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 #65738D; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #65738D; + color: #E5E8EC; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #E5E8EC; + -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: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + 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: #E5E8EC; + 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; +} +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: rgba(94, 197, 121, 0.7); + color: #f8fafc; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; +} +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: #2B364C; + border: 1px solid #65738D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #5EC579; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #5EC579; + outline: 0 none; + box-shadow: 0 0 0 1px #83E293; +} +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: #CDD2DB; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #CDD2DB; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + 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 #83E293; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #f8fafc; + background: rgba(94, 197, 121, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #E5E8EC; + background: rgba(73, 87, 113, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #65738D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #65738D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #65738D; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #65738D; + border-width: 2px; + background: #2B364C; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #5EC579; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 2px #83E293; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #5EC579; + background: #5EC579; + color: #f8fafc; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #30A059; +} +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: #65738D; +} +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: #65738D; +} +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: #5EC579; +} +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: #30A059; +} + +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: #65738D; + color: #E5E8EC; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #E5E8EC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #3C4962; + color: #E5E8EC; + font-weight: 600; + border: solid #65738D; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #83E293; +} +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 { + padding: 0; + color: #E5E8EC; + 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:hover { + background: rgba(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #83E293; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #5EC579; + font-weight: 600; + 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(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + background: #2B364C; + padding: 0.5rem 0.5rem; + border: 1px solid #65738D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #5EC579; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #5EC579; + outline: 0 none; + box-shadow: 0 0 0 1px #83E293; +} +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: 3px; + 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 #65738D; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #E5E8EC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #83E293; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #83E293; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #83E293; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + 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: #5EC579; + outline: 0 none; + box-shadow: 0 0 0 1px #83E293; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #CDD2DB; +} +body :-moz-placeholder { + color: #CDD2DB; + opacity: 1; +} +body ::-moz-placeholder { + color: #CDD2DB; + opacity: 1; +} +body :-ms-input-placeholder { + color: #CDD2DB; +} +body .p-field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #CDD2DB; +} +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: #E5E8EC; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #E5E8EC; +} +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: #CDD2DB; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #CDD2DB; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #E5E8EC; + background: #2B364C; + padding: 0.5rem 0.5rem; + border: 1px solid #65738D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #5EC579; +} +body .ui-inputfield.ui-state-focus { + border-color: #5EC579; + outline: 0 none; + box-shadow: 0 0 0 1px #83E293; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #65738D; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #65738D; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #65738D; +} +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: #65738D; + background: #3C4962; + color: #CDD2DB; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #65738D; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #3C4962; + border-radius: 50%; + border: 2px solid #65738D; + 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: #5EC579; + outline: 0 none; + box-shadow: 0 0 0 1px #83E293; +} +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: #5EC579; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #E5E8EC; + border-color: #238952; + margin-left: 2px; +} + +body .keypad-popup { + background: #3C4962; + color: #E5E8EC; + padding: 0; + border: 1px solid #65738D; + margin: 0; + width: auto; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .keypad-popup button { + background: #3C4962; + border: 1px solid #65738D; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + border-color: #65738D; + color: #E5E8EC; +} +body .keypad-popup button.ui-state-active { + background: #2B364C; + border-color: #65738D; + color: #E5E8EC; +} +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: #5EC579; + color: #f8fafc; + border: 1px solid #5EC579; +} +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: #30A059; + border-color: #30A059; + color: #f8fafc; +} +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 #83E293; +} +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: #238952; + border-color: #238952; + color: #f8fafc; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #65738D; + 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: #3C4962; + color: #E5E8EC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #3C4962; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; +} + +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: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #65738D; + border-width: 2px; + background: #2B364C; + 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: #5EC579; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 2px #83E293; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #5EC579; + background: #5EC579; + color: #f8fafc; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #30A059; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #f8fafc; +} +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: #65738D; +} +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: #65738D; +} +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: #5EC579; +} +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: #30A059; +} + +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 #83E293; +} +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 #83E293; +} +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: #E5E8EC; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #30A059; +} +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: #5EC579; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #f8fafc; +} + +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 #65738D; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2B364C; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #CDD2DB; + 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: #5EC579; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #5EC579; + outline: 0 none; + box-shadow: 0 0 0 1px #83E293; +} +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: #65738D; + color: #E5E8EC; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #65738D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #65738D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #65738D; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #3C4962; + color: #E5E8EC; + 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: #CDD2DB; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #83E293; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; +} +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-group { + background: #3C4962; + margin: 0; + padding: 0.75rem 1rem; + color: #E5E8EC; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #65738D; + border-radius: 3px; + background: #3C4962; +} +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: #3C4962; + color: #E5E8EC; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #CDD2DB; +} +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: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +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: rgba(94, 197, 121, 0.7); + color: #f8fafc; +} +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 #83E293; +} +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: #3C4962; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #65738D; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2B364C; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #CDD2DB; + 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: #5EC579; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #5EC579; + outline: 0 none; + box-shadow: 0 0 0 1px #83E293; +} +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: #65738D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #65738D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #65738D; +} +body .ui-selectonemenu-panel { + background: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #3C4962; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #E5E8EC; + 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #3C4962; + margin: 0; + padding: 0.75rem 1rem; + color: #E5E8EC; +} + +body .ui-slider { + background: #65738D; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #65738D; + border: 2px solid #5EC579; + 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: #5EC579; + background: #5EC579; +} +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: #5EC579; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #65738D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #3C4962; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #83E293; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #5EC579; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #E5E8EC; +} + +body .ui-breadcrumb { + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #83E293; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: #E5E8EC; +} +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: #E5E8EC; +} +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: #CDD2DB; + 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: #E5E8EC; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: 3px; + 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 #83E293; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: #E5E8EC; +} +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: #E5E8EC; +} +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: #CDD2DB; + 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: #E5E8EC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; +} +body .ui-menu.ui-shadow { + border: 1px solid #65738D; + box-shadow: 0 2px 4px -1px rgba(0, 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: #3C4962; + color: #E5E8EC; + 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: #E5E8EC; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #E5E8EC; +} +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(73, 87, 113, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #CDD2DB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #CDD2DB; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(73, 87, 113, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +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: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #3C4962; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 1px solid #65738D; + box-shadow: 0 2px 4px -1px rgba(0, 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 #65738D; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #3C4962; + border-radius: 3px; +} +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: 3px; +} +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: #E5E8EC; + width: 100%; + border: 0 none; + background: #3C4962; + 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: #3C4962; + color: #E5E8EC; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #3C4962; + 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 #65738D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #65738D; + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #3C4962; + border: 1px solid #65738D; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #E5E8EC; + 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(73, 87, 113, 0.7); +} +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: #E5E8EC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #E5E8EC; + background: #3C4962; + border: 1px solid #65738D; + 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: #E5E8EC; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; + border-color: rgba(94, 197, 121, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #E5E8EC; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #65738D; + 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: #3C4962; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #65738D; + 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: #3C4962; + color: #CDD2DB; + top: 0; + margin: 0; + border-bottom: 2px solid #65738D; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #CDD2DB; + 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: #3C4962; + border-color: #5EC579; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #E5E8EC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #E5E8EC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #3C4962; + border-color: #5EC579; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #5EC579; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #5EC579; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #83E293; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + color: #2B7AA4; + 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: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #F8D895; + border: 1px solid #A76927; + color: #A76927; + 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: #A76927; +} +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: #A76927; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + color: #AD342B; + 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: #AD342B; +} +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: #AD342B; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 3px; + color: #2B7AA4; +} +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: #2B7AA4; + 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: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 3px; + color: #A76927; +} +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: #A76927; + 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: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 3px; + color: #AD342B; +} +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: #AD342B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #83E293; +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 6px; + color: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #9BF2F7; + color: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #83eff5; +} +body .ui-messages .ui-messages-warn { + background: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 6px; + color: #A76927; +} +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: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #F8D895; + color: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #f6cf7d; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 6px; + color: #AD342B; +} +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: #AD342B; +} +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: #FABD9A; + color: #AD342B; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #f9ad82; +} + +body .ui-avatar { + background-color: #65738D; + border-radius: 3px; +} +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 #3C4962; +} + +body .ui-badge { + background: #5EC579; + color: #f8fafc; + 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: #65738D; + color: #E5E8EC; + 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: 3px; + 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 #83E293; +} + +body .ui-clock { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: 3px; + 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: #65738D; + 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: #5EC579; + color: #f8fafc; +} +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: rgba(94, 197, 121, 0.7); + color: #f8fafc; +} +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 #83E293; +} +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 #83E293; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #65738D; + border-radius: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #3C4962; + color: #E5E8EC; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #83E293; +} +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: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #65738D; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #5EC579; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #E5E8EC; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(94, 197, 121, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(94, 197, 121, 0.772); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #f8fafc; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 3px; +} +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: #5EC579; + color: #f8fafc; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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(60, 73, 98, 0); + border-bottom-color: #3C4962; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(101, 115, 141, 0); + border-bottom-color: #65738D; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #3C4962; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #65738D; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #65738D; + border-radius: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #3C4962; + color: #E5E8EC; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #83E293; +} +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: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #E5E8EC; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #83E293; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #3C4962; + color: #E5E8EC; + padding: 0; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +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: #5EC579; + color: #f8fafc; + 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: #30A059; + color: #f8fafc; +} +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: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #83E293; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} + +body .ui-tooltip .ui-tooltip-text { + background: #65738D; + color: #E5E8EC; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #65738D; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #65738D; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #65738D; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #65738D; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #65738D; + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + 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 #65738D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #3C4962; + border-color: #65738D; + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #83E293; +} +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-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #3C4962; + color: #E5E8EC; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #CDD2DB; +} +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: rgba(94, 197, 121, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #3C4962; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #65738D; +} +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 #65738D; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #83E293; +} + +body .ui-notificationbar { + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #83E293; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #2B364C; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #65738D; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #65738D; +} + +body .ui-splitter { + border: 1px solid #65738D; + background: #3C4962; + border-radius: 3px; + color: #E5E8EC; +} +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: #65738D; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #65738D; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #3C4962; + 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: #3C4962; + color: #CDD2DB; + 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: #CDD2DB; + 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: #3C4962; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #E5E8EC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #3C4962; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #5EC579; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #5EC579; +} +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 #83E293; +} +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: #3C4962; + color: #E5E8EC; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #65738D; + 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 #65738D; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #5EC579; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #5EC579; +} +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 #65738D; + 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 #65738D; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #5EC579; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #5EC579; +} +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 #65738D; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #65738D; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #5EC579; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #5EC579; +} +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 #65738D; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #5EC579; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #5EC579; +} +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: #3C4962; + color: #CDD2DB; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} + +body .ui-toolbar { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #65738D; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(94, 197, 121, 0.7); + color: #f8fafc; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-sea-green-dim/theme.scss b/src/main/webapp/resources/primefaces-poseidon-sea-green-dim/theme.scss new file mode 100644 index 0000000..a48f5ad --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-sea-green-dim/theme.scss @@ -0,0 +1,7 @@ +$primaryLightColor: #83E293 !default; +$primaryColor: #5EC579 !default; +$primaryDarkColor: #30A059 !default; +$primaryDarkerColor: #238952 !default; +$primaryTextColor: #f8fafc !default; + +@import '../sass/theme/_theme_dim'; \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-sea-green-light/theme.css b/src/main/webapp/resources/primefaces-poseidon-sea-green-light/theme.css new file mode 100644 index 0000000..723fed8 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-sea-green-light/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#FDFEFF; + --surface-b:#F6F9FE; + --surface-c:rgba(232, 241, 248, 0.7); + --surface-d:#E4E5E5; + --surface-e:#FDFEFF; + --surface-f:#FDFEFF; + --text-color:#515C66; + --text-color-secondary:#657380; + --primary-color:#30A059; + --primary-color-text:#f8fafc; + --font-family:Open Sans; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F5F5F5; + --surface-200: #EEEEEE; + --surface-300: #E0E0E0; + --surface-400: #BDBDBD; + --surface-500: #9E9E9E; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#f8f9fa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: #e9ecef; + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem #5EC579; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#f5faf7; + --primary-100:#cde8d7; + --primary-200:#a6d6b8; + --primary-300:#7fc498; + --primary-400:#57b279; + --primary-500:#30a059; + --primary-600:#29884c; + --primary-700:#22703e; + --primary-800:#1a5831; + --primary-900:#134024; +} + +body .ui-button { + background: #30A059; + color: #f8fafc; + border: 1px solid #30A059; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #238952; + border-color: #238952; + color: #f8fafc; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #5EC579; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #18734B; + border-color: #18734B; + color: #f8fafc; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #30A059; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(48, 160, 89, 0.04); + color: #30A059; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(48, 160, 89, 0.16); + color: #30A059; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #657380; + border-color: #657380; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #657380; +} +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: #E4E5E5; + color: #657380; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #30A059; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(48, 160, 89, 0.04); + color: #30A059; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(48, 160, 89, 0.16); + color: #30A059; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #657380; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #657380; +} +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: #E4E5E5; + color: #657380; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #FDFEFF; + color: #515C66; + border: 1px solid #D7D8D9; + 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: #657380; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + border-color: #D7D8D9; + color: #515C66; +} +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: #657380; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #30A059; + border-color: #30A059; + color: #f8fafc; +} +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: #f8fafc; +} +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: #238952; + border-color: #238952; + color: #f8fafc; +} +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: #f8fafc; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #537f2d; + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #30A059; + 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: #238952; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #18734B; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #F6F9FE; + color: #515C66; +} +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: #657380; +} +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: #515C66; + color: #fff; +} +body .ui-speeddial-action:hover { + background: #3B475F; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #5EC579; +} +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(232, 241, 248, 0.7); + 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: #E4E5E5; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #30A059; + color: #f8fafc; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #30A059; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #FDFEFF; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #E4E5E5; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #30A059; + 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 #5EC579; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable thead th.ui-state-active { + background: #F6F9FE; + color: #30A059; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #30A059; +} +body .ui-datatable .ui-datatable-data > tr { + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(48, 160, 89, 0.7); + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #f8fafc; +} +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: #FDFEFF; + color: #515C66; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #5EC579; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #5EC579; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #5EC579; +} +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: rgba(48, 160, 89, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #30A059; +} +body .ui-datatable tfoot td { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + 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: #F6F9FE; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #fbfcfc; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(48, 160, 89, 0.7); + color: #f8fafc; +} +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-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: #FDFEFF; + border: 1px solid #D7D8D9; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #515C66; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #FDFEFF; + color: #515C66; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #E4E5E5; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(48, 160, 89, 0.7); +} +body .fc th { + background: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #E4E5E5; +} +body .fc td.fc-widget-content { + background: #FDFEFF; + border: 1px solid #E4E5E5; + color: #515C66; +} +body .fc td.fc-head-container { + border: 1px solid #E4E5E5; +} +body .fc .fc-row { + border-right: 1px solid #E4E5E5; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #238952; + border: 1px solid #238952; + color: #f8fafc; +} +body .fc .fc-divider { + background: #F6F9FE; + border: 1px solid #E4E5E5; +} +body .fc .fc-toolbar .fc-button { + background: #30A059; + color: #f8fafc; + border: 1px solid #30A059; + 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: #238952; + border-color: #238952; + color: #f8fafc; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #5EC579; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #18734B; + border-color: #18734B; + color: #f8fafc; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(48, 160, 89, 0.7); + color: #f8fafc; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(38, 128, 71, 0.7); +} +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: #FDFEFF; + border: solid rgba(232, 241, 248, 0.7); + 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: #657380; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(232, 241, 248, 0.7); + color: #515C66; + 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 #5EC579; +} +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: #657380; +} +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: #657380; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(48, 160, 89, 0.7); + color: #f8fafc; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + 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 #5EC579; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #657380; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(48, 160, 89, 0.7); + color: #f8fafc; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(38, 128, 71, 0.7); +} +@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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-tagcloud a { + color: #515C66; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(48, 160, 89, 0.7); + color: #f8fafc; +} + +body .timeline-frame { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #5EC579; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(48, 160, 89, 0.7); + color: #f8fafc; +} +body .vis-timeline { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .vis-timeline .vis-item { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .vis-timeline .vis-item .vis-item-content { + color: #515C66; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(48, 160, 89, 0.7); + border-color: rgba(48, 160, 89, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #f8fafc; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #515C66; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #5EC579; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(48, 160, 89, 0.7); + color: #f8fafc; +} +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: #515C66; +} +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-tree-droppoint.ui-state-hover { + background: rgba(48, 160, 89, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #5EC579; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(48, 160, 89, 0.7); + color: #f8fafc; +} +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: #515C66; +} +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: #FDFEFF; +} +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: #657380; +} +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 rgba(48, 160, 89, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #30A059; + 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 #5EC579; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-treetable thead th.ui-state-active { + background: #F6F9FE; + color: #30A059; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #30A059; +} +body .ui-treetable .ui-treetable-data > tr { + background: #FDFEFF; + color: #515C66; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #5EC579; +} +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: #515C66; +} +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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(48, 160, 89, 0.7); + color: #f8fafc; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #5EC579; +} +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: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #f8fafc; +} +body .ui-treetable tfoot td { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + 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: #F6F9FE; +} +body .ui-treetable .ui-column-resizer-helper { + background: #30A059; +} +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(232, 241, 248, 0.7); +} +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 #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #E4E5E5; + color: #515C66; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #515C66; + -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: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 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: #515C66; + 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: #515C66; + 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: #FDFEFF; + color: #515C66; + 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: rgba(48, 160, 89, 0.7); + color: #f8fafc; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(48, 160, 89, 0.7); + color: #f8fafc; +} +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: #FDFEFF; + border: 1px solid #D7D8D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #30A059; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #30A059; + outline: 0 none; + box-shadow: 0 0 0 0.2em #5EC579; +} +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: #657380; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #657380; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #FDFEFF; + border: 0 none; + border-radius: 3px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +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: #515C66; + 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 #5EC579; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #f8fafc; + background: rgba(48, 160, 89, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #515C66; + background: rgba(232, 241, 248, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #F6F9FE; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #F6F9FE; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #D7D8D9; + border-width: 2px; + background: #FDFEFF; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #30A059; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 0.2em #5EC579; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #30A059; + background: #30A059; + color: #f8fafc; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #238952; +} +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: #F6F9FE; +} +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: #F6F9FE; +} +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: #30A059; +} +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: #238952; +} + +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: #E4E5E5; + color: #515C66; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #515C66; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #FDFEFF; + border: 1px solid #D7D8D9; + color: #515C66; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #FDFEFF; + color: #515C66; + font-weight: 600; + border: solid #E4E5E5; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #5EC579; +} +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 { + padding: 0; + color: #515C66; + 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:hover { + background: rgba(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #5EC579; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(48, 160, 89, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #18734B; + font-weight: 600; + 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(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(48, 160, 89, 0.7); + color: #f8fafc; + 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: #515C66; + background: #FDFEFF; + padding: 0.5rem 0.5rem; + border: 1px solid #D7D8D9; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #30A059; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #30A059; + outline: 0 none; + box-shadow: 0 0 0 0.2em #5EC579; +} +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: 3px; + 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 #E4E5E5; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #515C66; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #5EC579; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(48, 160, 89, 0.7); + color: #f8fafc; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #5EC579; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #5EC579; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + 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: #30A059; + outline: 0 none; + box-shadow: 0 0 0 0.2em #5EC579; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #657380; +} +body :-moz-placeholder { + color: #657380; + opacity: 1; +} +body ::-moz-placeholder { + color: #657380; + opacity: 1; +} +body :-ms-input-placeholder { + color: #657380; +} +body .p-field small.ui-state-error { + color: #f44336; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #657380; +} +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: #515C66; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #515C66; +} +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: #657380; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #657380; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #515C66; + background: #FDFEFF; + padding: 0.5rem 0.5rem; + border: 1px solid #D7D8D9; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #30A059; +} +body .ui-inputfield.ui-state-focus { + border-color: #30A059; + outline: 0 none; + box-shadow: 0 0 0 0.2em #5EC579; +} +body .ui-inputfield.ui-state-error { + border-color: #f44336; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #F6F9FE; +} +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: #D7D8D9; + background: rgba(232, 241, 248, 0.7); + color: #657380; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #E4E5E5; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #FDFEFF; + border-radius: 50%; + border: 2px solid #E4E5E5; + 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: #30A059; + outline: 0 none; + box-shadow: 0 0 0 0.2em #5EC579; +} +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: #30A059; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #FDFEFF; + border-color: #18734B; + margin-left: 2px; +} + +body .keypad-popup { + background: #FDFEFF; + color: #515C66; + 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: #FDFEFF; + border: 1px solid #D7D8D9; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #515C66; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: #ebebef; + border-color: #D7D8D9; + color: #515C66; +} +body .keypad-popup button.ui-state-active { + background: #18734B; + border-color: #18734B; + color: #FDFEFF; +} +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: #30A059; + color: #f8fafc; + border: 1px solid #30A059; +} +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: #238952; + border-color: #238952; + color: #f8fafc; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #5EC579; +} +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: #18734B; + border-color: #18734B; + color: #f8fafc; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #D7D8D9; + 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: #F6F9FE; + color: #515C66; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #FDFEFF; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(48, 160, 89, 0.7); + color: #f8fafc; +} + +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: #FDFEFF; + color: #515C66; + 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: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #D7D8D9; + border-width: 2px; + background: #FDFEFF; + 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: #30A059; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 0.2em #5EC579; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #30A059; + background: #30A059; + color: #f8fafc; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #238952; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #f8fafc; +} +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: #F6F9FE; +} +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: #F6F9FE; +} +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: #30A059; +} +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: #238952; +} + +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 #5EC579; +} +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 #5EC579; +} +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: #515C66; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #238952; +} +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: #30A059; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #f8fafc; +} + +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 #D7D8D9; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #FDFEFF; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #657380; + 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: #30A059; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #30A059; + outline: 0 none; + box-shadow: 0 0 0 0.2em #5EC579; +} +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: #E4E5E5; + color: #515C66; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #F6F9FE; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #F6F9FE; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #F6F9FE; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #F6F9FE; + color: #515C66; + 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: #657380; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #5EC579; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(48, 160, 89, 0.7); + color: #f8fafc; +} +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-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #515C66; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #D7D8D9; + border-radius: 3px; + background: #FDFEFF; +} +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: #F6F9FE; + color: #515C66; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #657380; +} +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: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +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: rgba(48, 160, 89, 0.7); + color: #f8fafc; +} +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 #5EC579; +} +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: #FDFEFF; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #D7D8D9; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #FDFEFF; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #657380; + 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: #30A059; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #30A059; + outline: 0 none; + box-shadow: 0 0 0 0.2em #5EC579; +} +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: #F6F9FE; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #F6F9FE; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #F6F9FE; +} +body .ui-selectonemenu-panel { + background: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #F6F9FE; + color: #515C66; +} +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: #657380; +} +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: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + color: #515C66; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #515C66; + 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: #FDFEFF; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(48, 160, 89, 0.7); + color: #f8fafc; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #515C66; +} + +body .ui-slider { + background: #E4E5E5; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #FDFEFF; + border: 2px solid #30A059; + 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: #30A059; + background: #30A059; +} +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: #30A059; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #E4E5E5; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #FDFEFF; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #5EC579; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #30A059; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #FDFEFF; +} + +body .ui-breadcrumb { + background: #FDFEFF; + border: 1px solid #E4E5E5; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #5EC579; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: #515C66; +} +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: #515C66; +} +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: #657380; + 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: #515C66; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: 3px; + 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 #5EC579; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: #515C66; +} +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: #515C66; +} +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: #657380; + 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: #515C66; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #FDFEFF; + border: 1px solid #E4E5E5; + border-radius: 3px; +} +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: #515C66; + 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: #515C66; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #515C66; +} +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(232, 241, 248, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #657380; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #515C66; +} +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: #657380; +} +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: #657380; +} +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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(232, 241, 248, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +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: #515C66; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #FDFEFF; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 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 #E4E5E5; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #F6F9FE; + border-radius: 3px; +} +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: 3px; +} +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: #515C66; + 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: #515C66; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #F6F9FE; + 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 #E4E5E5; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #E4E5E5; + border-top: 0 none; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #E4E5E5; + background: #F6F9FE; + color: #515C66; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #FDFEFF; + border: 1px solid #E4E5E5; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #515C66; + 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(232, 241, 248, 0.7); +} +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: #515C66; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #515C66; +} +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: #657380; +} +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: #515C66; + background: #FDFEFF; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: #657380; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(48, 160, 89, 0.7); + color: #f8fafc; + border-color: rgba(48, 160, 89, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #515C66; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #E4E5E5; + 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: #FDFEFF; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #E4E5E5; + 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: #FDFEFF; + color: #657380; + top: 0; + margin: 0; + border-bottom: 2px solid #E4E5E5; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #657380; + 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: #FDFEFF; + border-color: #515C66; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #657380; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #657380; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #FDFEFF; + border-color: #30A059; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #30A059; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #30A059; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #5EC579; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +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 #03A9F4; + color: #01579B; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #FFC107; + color: #7f6003; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + color: #B71C1C; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #03A9F4; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #FFC107; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #5EC579; +} +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 #03A9F4; + border-width: 0 0 0 6px; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #FFC107; + border-width: 0 0 0 6px; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + border-width: 0 0 0 6px; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +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: #E4E5E5; + border-radius: 3px; +} +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 #FDFEFF; +} + +body .ui-badge { + background: #30A059; + color: #f8fafc; + 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: #E4E5E5; + color: #515C66; + 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: 3px; + 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 #5EC579; +} + +body .ui-clock { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: #F6F9FE; + 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: #F6F9FE; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #F6F9FE; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 3px; + 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: #F6F9FE; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #F6F9FE; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(232, 241, 248, 0.7); + 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: #E4E5E5; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #30A059; + color: #f8fafc; +} +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: rgba(48, 160, 89, 0.7); + color: #f8fafc; +} +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: #F6F9FE; + 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: #F6F9FE; +} +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 #5EC579; +} +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 #5EC579; +} + +.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: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #FDFEFF; + color: #515C66; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #5EC579; +} +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: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #efefef; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #30A059; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #515C66; + 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: #F6F9FE; +} + +body .ui-skeleton { + background-color: rgba(232, 241, 248, 0.7); + border-radius: 3px; +} +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: #30A059; + color: #f8fafc; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #FDFEFF; + color: #515C66; + border: 1px solid #E4E5E5; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #FDFEFF; + color: #515C66; + border: 0 none; + border-radius: 3px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +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(253, 254, 255, 0); + border-bottom-color: #FDFEFF; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(253, 254, 255, 0); + border-bottom-color: #FDFEFF; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #FDFEFF; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #FDFEFF; +} +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: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #FDFEFF; + color: #515C66; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #5EC579; +} +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: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #FDFEFF; + color: #515C66; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #515C66; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #5EC579; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #FDFEFF; + color: #515C66; + 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: 3px; +} +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: #30A059; + color: #f8fafc; + 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: #238952; + color: #f8fafc; +} +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: #FDFEFF; + color: #515C66; + padding: 1rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #5EC579; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #252529; + color: #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: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #252529; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #252529; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #252529; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #252529; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #E4E5E5; + border-top: 0 none; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + 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 #E4E5E5; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #F6F9FE; + border-color: #E4E5E5; + color: #515C66; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #5EC579; +} +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-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #FDFEFF; + color: #515C66; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #657380; +} +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: rgba(48, 160, 89, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #FDFEFF; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #E4E5E5; +} +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 #E4E5E5; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #515C66; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #5EC579; +} + +body .ui-notificationbar { + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border: 1px solid #E4E5E5; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #5EC579; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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 #E4E5E5; + background: #FDFEFF; + border-radius: 3px; + color: #515C66; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #F6F9FE; +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #E4E5E5; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #E4E5E5; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #FDFEFF; + 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: #FDFEFF; + color: #657380; + 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: #657380; + 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: #FDFEFF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #657380; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #657380; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #FDFEFF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #30A059; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #30A059; +} +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 #5EC579; +} +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: #FDFEFF; + color: #515C66; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #E4E5E5; + 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 #E4E5E5; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #30A059; +} +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 #E4E5E5; + 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 #E4E5E5; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #30A059; +} +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 #E4E5E5; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #E4E5E5; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #30A059; +} +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 #E4E5E5; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #30A059; +} +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: #FDFEFF; + color: #657380; + 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(232, 241, 248, 0.7); + color: #515C66; +} + +body .ui-toolbar { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #E4E5E5; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(48, 160, 89, 0.7); + color: #f8fafc; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-sea-green-light/theme.scss b/src/main/webapp/resources/primefaces-poseidon-sea-green-light/theme.scss new file mode 100644 index 0000000..da46f78 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-sea-green-light/theme.scss @@ -0,0 +1,7 @@ +$primaryLightColor: #5EC579 !default; +$primaryColor: #30A059 !default; +$primaryDarkColor: #238952 !default; +$primaryDarkerColor: #18734B !default; +$primaryTextColor: #f8fafc !default; + +@import '../sass/theme/_theme_light'; \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-tapestry-dark/theme.css b/src/main/webapp/resources/primefaces-poseidon-tapestry-dark/theme.css new file mode 100644 index 0000000..d3a00f7 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-tapestry-dark/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#434B54; + --surface-b:#2F363E; + --surface-c:rgba(78, 86, 95, 0.7); + --surface-d:#5B646D; + --surface-e:#434B54; + --surface-f:#434B54; + --text-color:#E6E8EB; + --text-color-secondary:#D0D3D7; + --primary-color:#CA73B2; + --primary-color-text:#f8fafc; + --font-family:Open Sans; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50:#e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#1e1e1e; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #E496C7; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#fcf8fb; + --primary-100:#f2dded; + --primary-200:#e8c3de; + --primary-300:#dea8cf; + --primary-400:#d48ec1; + --primary-500:#ca73b2; + --primary-600:#ac6297; + --primary-700:#8d517d; + --primary-800:#6f3f62; + --primary-900:#512e47; +} + +body .ui-button { + background: #CA73B2; + color: #f8fafc; + border: 1px solid #CA73B2; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #A74896; + border-color: #A74896; + color: #f8fafc; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E496C7; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #8F3487; + border-color: #8F3487; + color: #f8fafc; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #CA73B2; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(202, 115, 178, 0.04); + color: #CA73B2; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(202, 115, 178, 0.16); + color: #CA73B2; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #D0D3D7; + border-color: #D0D3D7; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #D0D3D7; +} +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: #D0D3D7; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #CA73B2; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(202, 115, 178, 0.04); + color: #CA73B2; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(202, 115, 178, 0.16); + color: #CA73B2; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #D0D3D7; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #D0D3D7; +} +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: #D0D3D7; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + 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: #D0D3D7; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + border-color: #5B646D; + color: #E6E8EB; +} +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: #D0D3D7; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #CA73B2; + border-color: #CA73B2; + color: #f8fafc; +} +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: #f8fafc; +} +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: #A74896; + border-color: #A74896; + color: #f8fafc; +} +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: #f8fafc; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #CA73B2; + 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: #A74896; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #8F3487; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #434B54; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #E6E8EB; + color: #2F363E; +} +body .ui-speeddial-action:hover { + background: #D0D3D7; + color: #2F363E; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E496C7; +} +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: #5B646D; + 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(78, 86, 95, 0.7); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #CA73B2; + color: #f8fafc; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #CA73B2; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #434B54; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #5B646D; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #D0D3D7; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #434B54; + color: #E6E8EB; + padding: 1rem 1rem; + border: 1px solid #5B646D; + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #CA73B2; + 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 #E496C7; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable thead th.ui-state-active { + background: #434B54; + color: #CA73B2; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #CA73B2; +} +body .ui-datatable .ui-datatable-data > tr { + background: #434B54; + color: #E6E8EB; + 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 #5B646D; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #f8fafc; +} +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: #434B54; + color: #E6E8EB; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E496C7; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E496C7; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E496C7; +} +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: rgba(202, 115, 178, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #CA73B2; +} +body .ui-datatable tfoot td { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + 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: #434B54; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #394149; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-columntoggler { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + background: #434B54; + border: 1px solid #5B646D; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #E6E8EB; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #5B646D; + } + 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 #5B646D; + } + 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: #434B54; + color: #D0D3D7; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #5B646D; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #5B646D; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(202, 115, 178, 0.7); +} +body .fc th { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #5B646D; +} +body .fc td.fc-widget-content { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; +} +body .fc td.fc-head-container { + border: 1px solid #5B646D; +} +body .fc .fc-row { + border-right: 1px solid #5B646D; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #A74896; + border: 1px solid #A74896; + color: #f8fafc; +} +body .fc .fc-divider { + background: #434B54; + border: 1px solid #5B646D; +} +body .fc .fc-toolbar .fc-button { + background: #CA73B2; + color: #f8fafc; + border: 1px solid #CA73B2; + 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: #A74896; + border-color: #A74896; + color: #f8fafc; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E496C7; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #8F3487; + border-color: #8F3487; + color: #f8fafc; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(184, 70, 152, 0.7); +} +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: #434B54; + border: solid #5B646D; + 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: #D0D3D7; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E496C7; +} +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: #D0D3D7; +} +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: #D0D3D7; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(202, 115, 178, 0.7); + color: #f8fafc; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E496C7; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #D0D3D7; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(184, 70, 152, 0.7); +} +@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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-tagcloud a { + color: #E6E8EB; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; +} + +body .timeline-frame { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E496C7; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; +} +body .vis-timeline { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .vis-timeline .vis-item { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .vis-timeline .vis-item .vis-item-content { + color: #E6E8EB; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(202, 115, 178, 0.7); + border-color: rgba(202, 115, 178, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #f8fafc; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #E6E8EB; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E496C7; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; +} +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: #E6E8EB; +} +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-tree-droppoint.ui-state-hover { + background: rgba(202, 115, 178, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #E496C7; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; +} +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: #E6E8EB; +} +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: #434B54; +} +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: #D0D3D7; +} +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 rgba(202, 115, 178, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #434B54; + color: #D0D3D7; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + 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: #434B54; + color: #E6E8EB; + padding: 1rem 1rem; + border: 1px solid #5B646D; + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #CA73B2; + 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 #E496C7; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-treetable thead th.ui-state-active { + background: #434B54; + color: #CA73B2; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #CA73B2; +} +body .ui-treetable .ui-treetable-data > tr { + background: #434B54; + color: #E6E8EB; + 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 #5B646D; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E496C7; +} +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: #E6E8EB; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E496C7; +} +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: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #f8fafc; +} +body .ui-treetable tfoot td { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + 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: #434B54; +} +body .ui-treetable .ui-column-resizer-helper { + background: #CA73B2; +} +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 #5B646D; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #5B646D; + color: #E6E8EB; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #E6E8EB; + -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: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + 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: #E6E8EB; + 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; +} +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: rgba(202, 115, 178, 0.7); + color: #f8fafc; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; +} +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: #2F363E; + border: 1px solid #5B646D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #CA73B2; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #CA73B2; + outline: 0 none; + box-shadow: 0 0 0 1px #E496C7; +} +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: #D0D3D7; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #D0D3D7; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + 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 #E496C7; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #f8fafc; + background: rgba(202, 115, 178, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #E6E8EB; + background: rgba(78, 86, 95, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #5B646D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #5B646D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #5B646D; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #5B646D; + border-width: 2px; + background: #2F363E; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #CA73B2; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 2px #E496C7; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #CA73B2; + background: #CA73B2; + color: #f8fafc; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #A74896; +} +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: #5B646D; +} +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: #5B646D; +} +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: #CA73B2; +} +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: #A74896; +} + +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: #5B646D; + color: #E6E8EB; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #E6E8EB; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #434B54; + color: #E6E8EB; + font-weight: 600; + border: solid #5B646D; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E496C7; +} +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 { + padding: 0; + color: #E6E8EB; + 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:hover { + background: rgba(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E496C7; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #CA73B2; + font-weight: 600; + 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(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + background: #2F363E; + padding: 0.5rem 0.5rem; + border: 1px solid #5B646D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #CA73B2; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #CA73B2; + outline: 0 none; + box-shadow: 0 0 0 1px #E496C7; +} +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: 3px; + 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 #5B646D; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #E6E8EB; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E496C7; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E496C7; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E496C7; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + 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: #CA73B2; + outline: 0 none; + box-shadow: 0 0 0 1px #E496C7; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #D0D3D7; +} +body :-moz-placeholder { + color: #D0D3D7; + opacity: 1; +} +body ::-moz-placeholder { + color: #D0D3D7; + opacity: 1; +} +body :-ms-input-placeholder { + color: #D0D3D7; +} +body .p-field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #D0D3D7; +} +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: #E6E8EB; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #E6E8EB; +} +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: #D0D3D7; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #D0D3D7; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #E6E8EB; + background: #2F363E; + padding: 0.5rem 0.5rem; + border: 1px solid #5B646D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #CA73B2; +} +body .ui-inputfield.ui-state-focus { + border-color: #CA73B2; + outline: 0 none; + box-shadow: 0 0 0 1px #E496C7; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #5B646D; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #5B646D; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #5B646D; +} +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: #5B646D; + background: #434B54; + color: #D0D3D7; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #5B646D; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #434B54; + border-radius: 50%; + border: 2px solid #5B646D; + 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: #CA73B2; + outline: 0 none; + box-shadow: 0 0 0 1px #E496C7; +} +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: #CA73B2; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #E6E8EB; + border-color: #8F3487; + margin-left: 2px; +} + +body .keypad-popup { + background: #434B54; + color: #E6E8EB; + padding: 0; + border: 1px solid #5B646D; + margin: 0; + width: auto; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .keypad-popup button { + background: #434B54; + border: 1px solid #5B646D; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + border-color: #5B646D; + color: #E6E8EB; +} +body .keypad-popup button.ui-state-active { + background: #2F363E; + border-color: #5B646D; + color: #E6E8EB; +} +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: #CA73B2; + color: #f8fafc; + border: 1px solid #CA73B2; +} +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: #A74896; + border-color: #A74896; + color: #f8fafc; +} +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 #E496C7; +} +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: #8F3487; + border-color: #8F3487; + color: #f8fafc; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #5B646D; + 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: #434B54; + color: #E6E8EB; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #434B54; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; +} + +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: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #5B646D; + border-width: 2px; + background: #2F363E; + 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: #CA73B2; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 2px #E496C7; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #CA73B2; + background: #CA73B2; + color: #f8fafc; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #A74896; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #f8fafc; +} +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: #5B646D; +} +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: #5B646D; +} +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: #CA73B2; +} +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: #A74896; +} + +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 #E496C7; +} +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 #E496C7; +} +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: #E6E8EB; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #A74896; +} +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: #CA73B2; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #f8fafc; +} + +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 #5B646D; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2F363E; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #D0D3D7; + 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: #CA73B2; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #CA73B2; + outline: 0 none; + box-shadow: 0 0 0 1px #E496C7; +} +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: #5B646D; + color: #E6E8EB; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #5B646D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #5B646D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #5B646D; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #434B54; + color: #E6E8EB; + 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: #D0D3D7; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E496C7; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; +} +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-group { + background: #434B54; + margin: 0; + padding: 0.75rem 1rem; + color: #E6E8EB; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #5B646D; + border-radius: 3px; + background: #434B54; +} +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: #434B54; + color: #E6E8EB; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #D0D3D7; +} +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: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +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: rgba(202, 115, 178, 0.7); + color: #f8fafc; +} +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 #E496C7; +} +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: #434B54; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #5B646D; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2F363E; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #D0D3D7; + 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: #CA73B2; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #CA73B2; + outline: 0 none; + box-shadow: 0 0 0 1px #E496C7; +} +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: #5B646D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #5B646D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #5B646D; +} +body .ui-selectonemenu-panel { + background: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #434B54; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #E6E8EB; + 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #434B54; + margin: 0; + padding: 0.75rem 1rem; + color: #E6E8EB; +} + +body .ui-slider { + background: #5B646D; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #5B646D; + border: 2px solid #CA73B2; + 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: #CA73B2; + background: #CA73B2; +} +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: #CA73B2; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #5B646D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #434B54; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #E496C7; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #CA73B2; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #E6E8EB; +} + +body .ui-breadcrumb { + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E496C7; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: #E6E8EB; +} +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: #E6E8EB; +} +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: #D0D3D7; + 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: #E6E8EB; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: 3px; + 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 #E496C7; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: #E6E8EB; +} +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: #E6E8EB; +} +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: #D0D3D7; + 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: #E6E8EB; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; +} +body .ui-menu.ui-shadow { + border: 1px solid #5B646D; + box-shadow: 0 2px 4px -1px rgba(0, 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: #434B54; + color: #E6E8EB; + 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: #E6E8EB; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #E6E8EB; +} +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(78, 86, 95, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #D0D3D7; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #D0D3D7; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(78, 86, 95, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +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: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #434B54; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 1px solid #5B646D; + box-shadow: 0 2px 4px -1px rgba(0, 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 #5B646D; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #434B54; + border-radius: 3px; +} +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: 3px; +} +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: #E6E8EB; + width: 100%; + border: 0 none; + background: #434B54; + 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: #434B54; + color: #E6E8EB; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #434B54; + 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 #5B646D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #5B646D; + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #434B54; + border: 1px solid #5B646D; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #E6E8EB; + 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(78, 86, 95, 0.7); +} +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: #E6E8EB; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #E6E8EB; + background: #434B54; + border: 1px solid #5B646D; + 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: #E6E8EB; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; + border-color: rgba(202, 115, 178, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #E6E8EB; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #5B646D; + 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: #434B54; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #5B646D; + 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: #434B54; + color: #D0D3D7; + top: 0; + margin: 0; + border-bottom: 2px solid #5B646D; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #D0D3D7; + 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: #434B54; + border-color: #CA73B2; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #E6E8EB; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #E6E8EB; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #434B54; + border-color: #CA73B2; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #CA73B2; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #CA73B2; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E496C7; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + color: #2B7AA4; + 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: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #F8D895; + border: 1px solid #A76927; + color: #A76927; + 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: #A76927; +} +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: #A76927; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + color: #AD342B; + 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: #AD342B; +} +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: #AD342B; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 3px; + color: #2B7AA4; +} +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: #2B7AA4; + 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: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 3px; + color: #A76927; +} +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: #A76927; + 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: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 3px; + color: #AD342B; +} +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: #AD342B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E496C7; +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 6px; + color: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #9BF2F7; + color: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #83eff5; +} +body .ui-messages .ui-messages-warn { + background: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 6px; + color: #A76927; +} +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: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #F8D895; + color: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #f6cf7d; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 6px; + color: #AD342B; +} +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: #AD342B; +} +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: #FABD9A; + color: #AD342B; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #f9ad82; +} + +body .ui-avatar { + background-color: #5B646D; + border-radius: 3px; +} +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 #434B54; +} + +body .ui-badge { + background: #CA73B2; + color: #f8fafc; + 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: #5B646D; + color: #E6E8EB; + 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: 3px; + 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 #E496C7; +} + +body .ui-clock { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: 3px; + 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: #5B646D; + 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: #CA73B2; + color: #f8fafc; +} +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: rgba(202, 115, 178, 0.7); + color: #f8fafc; +} +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 #E496C7; +} +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 #E496C7; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #5B646D; + border-radius: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #434B54; + color: #E6E8EB; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E496C7; +} +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: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #5B646D; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #CA73B2; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #E6E8EB; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(202, 115, 178, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(202, 115, 178, 0.772); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #f8fafc; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 3px; +} +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: #CA73B2; + color: #f8fafc; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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(67, 75, 84, 0); + border-bottom-color: #434B54; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(91, 100, 109, 0); + border-bottom-color: #5B646D; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #434B54; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #5B646D; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #5B646D; + border-radius: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #434B54; + color: #E6E8EB; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E496C7; +} +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: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #E6E8EB; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E496C7; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #434B54; + color: #E6E8EB; + padding: 0; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +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: #CA73B2; + color: #f8fafc; + 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: #A74896; + color: #f8fafc; +} +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: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E496C7; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} + +body .ui-tooltip .ui-tooltip-text { + background: #5B646D; + color: #E6E8EB; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #5B646D; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #5B646D; + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + 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 #5B646D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #434B54; + border-color: #5B646D; + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E496C7; +} +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-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #434B54; + color: #E6E8EB; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #D0D3D7; +} +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: rgba(202, 115, 178, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #434B54; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #5B646D; +} +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 #5B646D; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E496C7; +} + +body .ui-notificationbar { + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #E496C7; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #2F363E; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #5B646D; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #5B646D; +} + +body .ui-splitter { + border: 1px solid #5B646D; + background: #434B54; + border-radius: 3px; + color: #E6E8EB; +} +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: #5B646D; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #5B646D; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #434B54; + 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: #434B54; + color: #D0D3D7; + 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: #D0D3D7; + 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: #434B54; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #E6E8EB; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #434B54; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #CA73B2; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #CA73B2; +} +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 #E496C7; +} +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: #434B54; + color: #E6E8EB; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #5B646D; + 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 #5B646D; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #CA73B2; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #CA73B2; +} +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 #5B646D; + 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 #5B646D; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #CA73B2; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #CA73B2; +} +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 #5B646D; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #5B646D; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #CA73B2; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #CA73B2; +} +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 #5B646D; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #CA73B2; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #CA73B2; +} +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: #434B54; + color: #D0D3D7; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} + +body .ui-toolbar { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #5B646D; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-tapestry-dark/theme.scss b/src/main/webapp/resources/primefaces-poseidon-tapestry-dark/theme.scss new file mode 100644 index 0000000..4c1a48f --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-tapestry-dark/theme.scss @@ -0,0 +1,7 @@ +$primaryLightColor: #E496C7 !default; +$primaryColor: #CA73B2 !default; +$primaryDarkColor: #A74896 !default; +$primaryDarkerColor: #8F3487 !default; +$primaryTextColor: #f8fafc !default; + +@import '../sass/theme/_theme_dark'; \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-tapestry-dim/theme.css b/src/main/webapp/resources/primefaces-poseidon-tapestry-dim/theme.css new file mode 100644 index 0000000..1dc6a36 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-tapestry-dim/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#3C4962; + --surface-b:#2B364C; + --surface-c:rgba(73, 87, 113, 0.7); + --surface-d:#65738D; + --surface-e:#3C4962; + --surface-f:#3C4962; + --text-color:#E5E8EC; + --text-color-secondary:#CDD2DB; + --primary-color:#CA73B2; + --primary-color-text:#f8fafc; + --font-family:Open Sans; + --surface-0: #17212f; + --surface-50: #2e3744; + --surface-100: #454d59; + --surface-200: #5d646d; + --surface-300: #747a82; + --surface-400: #8b9097; + --surface-500: #a2a6ac; + --surface-600: #b9bcc1; + --surface-700: #d1d3d5; + --surface-800: #e8e9ea; + --surface-900: #ffffff; + --gray-50:#e8e9ea; + --gray-100: #d1d3d5; + --gray-200: #b9bcc1; + --gray-300: #a2a6ac; + --gray-400: #8b9097; + --gray-500: #747a82; + --gray-600: #5d646d; + --gray-700: #454d59; + --gray-800: #2e3744; + --gray-900: #17212f; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#17212f; + --surface-section:#17212f; + --surface-card:#1f2d40; + --surface-overlay:#1f2d40; + --surface-border:#304562; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #E496C7; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#fcf8fb; + --primary-100:#f2dded; + --primary-200:#e8c3de; + --primary-300:#dea8cf; + --primary-400:#d48ec1; + --primary-500:#ca73b2; + --primary-600:#ac6297; + --primary-700:#8d517d; + --primary-800:#6f3f62; + --primary-900:#512e47; +} + +body .ui-button { + background: #CA73B2; + color: #f8fafc; + border: 1px solid #CA73B2; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #A74896; + border-color: #A74896; + color: #f8fafc; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E496C7; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #8F3487; + border-color: #8F3487; + color: #f8fafc; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #CA73B2; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(202, 115, 178, 0.04); + color: #CA73B2; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(202, 115, 178, 0.16); + color: #CA73B2; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #CDD2DB; + border-color: #CDD2DB; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #CDD2DB; +} +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: #CDD2DB; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #CA73B2; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(202, 115, 178, 0.04); + color: #CA73B2; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(202, 115, 178, 0.16); + color: #CA73B2; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #CDD2DB; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #CDD2DB; +} +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: #CDD2DB; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + 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: #CDD2DB; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + border-color: #65738D; + color: #E5E8EC; +} +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: #CDD2DB; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #CA73B2; + border-color: #CA73B2; + color: #f8fafc; +} +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: #f8fafc; +} +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: #A74896; + border-color: #A74896; + color: #f8fafc; +} +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: #f8fafc; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #CA73B2; + 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: #A74896; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #8F3487; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #E5E8EC; + color: #2B364C; +} +body .ui-speeddial-action:hover { + background: #CDD2DB; + color: #2B364C; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E496C7; +} +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: #65738D; + 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(73, 87, 113, 0.7); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #CA73B2; + color: #f8fafc; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #CA73B2; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #3C4962; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #65738D; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #CDD2DB; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; + padding: 1rem 1rem; + border: 1px solid #65738D; + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #CA73B2; + 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 #E496C7; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable thead th.ui-state-active { + background: #3C4962; + color: #CA73B2; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #CA73B2; +} +body .ui-datatable .ui-datatable-data > tr { + background: #3C4962; + color: #E5E8EC; + 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 #65738D; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #f8fafc; +} +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: #3C4962; + color: #E5E8EC; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E496C7; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E496C7; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E496C7; +} +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: rgba(202, 115, 178, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #CA73B2; +} +body .ui-datatable tfoot td { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + 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: #3C4962; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #344057; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-columntoggler { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + background: #3C4962; + border: 1px solid #65738D; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #E5E8EC; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #65738D; + } + 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 #65738D; + } + 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: #3C4962; + color: #CDD2DB; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #65738D; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #65738D; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #65738D; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(202, 115, 178, 0.7); +} +body .fc th { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #65738D; +} +body .fc td.fc-widget-content { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; +} +body .fc td.fc-head-container { + border: 1px solid #65738D; +} +body .fc .fc-row { + border-right: 1px solid #65738D; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #A74896; + border: 1px solid #A74896; + color: #f8fafc; +} +body .fc .fc-divider { + background: #3C4962; + border: 1px solid #65738D; +} +body .fc .fc-toolbar .fc-button { + background: #CA73B2; + color: #f8fafc; + border: 1px solid #CA73B2; + 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: #A74896; + border-color: #A74896; + color: #f8fafc; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E496C7; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #8F3487; + border-color: #8F3487; + color: #f8fafc; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(184, 70, 152, 0.7); +} +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: #3C4962; + border: solid #65738D; + 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: #CDD2DB; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E496C7; +} +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: #CDD2DB; +} +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: #CDD2DB; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(202, 115, 178, 0.7); + color: #f8fafc; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E496C7; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #CDD2DB; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(184, 70, 152, 0.7); +} +@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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-tagcloud a { + color: #E5E8EC; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; +} + +body .timeline-frame { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E496C7; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; +} +body .vis-timeline { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .vis-timeline .vis-item { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .vis-timeline .vis-item .vis-item-content { + color: #E5E8EC; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(202, 115, 178, 0.7); + border-color: rgba(202, 115, 178, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #f8fafc; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #E5E8EC; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E496C7; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; +} +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: #E5E8EC; +} +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-tree-droppoint.ui-state-hover { + background: rgba(202, 115, 178, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #E496C7; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; +} +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: #E5E8EC; +} +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: #3C4962; +} +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: #CDD2DB; +} +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 rgba(202, 115, 178, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #3C4962; + color: #CDD2DB; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + 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: #3C4962; + color: #E5E8EC; + padding: 1rem 1rem; + border: 1px solid #65738D; + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #CA73B2; + 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 #E496C7; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-treetable thead th.ui-state-active { + background: #3C4962; + color: #CA73B2; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #CA73B2; +} +body .ui-treetable .ui-treetable-data > tr { + background: #3C4962; + color: #E5E8EC; + 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 #65738D; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E496C7; +} +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: #E5E8EC; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E496C7; +} +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: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #f8fafc; +} +body .ui-treetable tfoot td { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + 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: #3C4962; +} +body .ui-treetable .ui-column-resizer-helper { + background: #CA73B2; +} +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 #65738D; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #65738D; + color: #E5E8EC; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #E5E8EC; + -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: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + 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: #E5E8EC; + 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; +} +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: rgba(202, 115, 178, 0.7); + color: #f8fafc; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; +} +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: #2B364C; + border: 1px solid #65738D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #CA73B2; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #CA73B2; + outline: 0 none; + box-shadow: 0 0 0 1px #E496C7; +} +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: #CDD2DB; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #CDD2DB; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + 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 #E496C7; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #f8fafc; + background: rgba(202, 115, 178, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #E5E8EC; + background: rgba(73, 87, 113, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #65738D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #65738D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #65738D; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #65738D; + border-width: 2px; + background: #2B364C; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #CA73B2; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 2px #E496C7; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #CA73B2; + background: #CA73B2; + color: #f8fafc; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #A74896; +} +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: #65738D; +} +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: #65738D; +} +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: #CA73B2; +} +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: #A74896; +} + +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: #65738D; + color: #E5E8EC; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #E5E8EC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #3C4962; + color: #E5E8EC; + font-weight: 600; + border: solid #65738D; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E496C7; +} +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 { + padding: 0; + color: #E5E8EC; + 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:hover { + background: rgba(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E496C7; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #CA73B2; + font-weight: 600; + 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(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + background: #2B364C; + padding: 0.5rem 0.5rem; + border: 1px solid #65738D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #CA73B2; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #CA73B2; + outline: 0 none; + box-shadow: 0 0 0 1px #E496C7; +} +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: 3px; + 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 #65738D; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #E5E8EC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E496C7; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E496C7; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E496C7; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + 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: #CA73B2; + outline: 0 none; + box-shadow: 0 0 0 1px #E496C7; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #CDD2DB; +} +body :-moz-placeholder { + color: #CDD2DB; + opacity: 1; +} +body ::-moz-placeholder { + color: #CDD2DB; + opacity: 1; +} +body :-ms-input-placeholder { + color: #CDD2DB; +} +body .p-field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #CDD2DB; +} +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: #E5E8EC; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #E5E8EC; +} +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: #CDD2DB; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #CDD2DB; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #E5E8EC; + background: #2B364C; + padding: 0.5rem 0.5rem; + border: 1px solid #65738D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #CA73B2; +} +body .ui-inputfield.ui-state-focus { + border-color: #CA73B2; + outline: 0 none; + box-shadow: 0 0 0 1px #E496C7; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #65738D; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #65738D; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #65738D; +} +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: #65738D; + background: #3C4962; + color: #CDD2DB; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #65738D; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #3C4962; + border-radius: 50%; + border: 2px solid #65738D; + 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: #CA73B2; + outline: 0 none; + box-shadow: 0 0 0 1px #E496C7; +} +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: #CA73B2; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #E5E8EC; + border-color: #8F3487; + margin-left: 2px; +} + +body .keypad-popup { + background: #3C4962; + color: #E5E8EC; + padding: 0; + border: 1px solid #65738D; + margin: 0; + width: auto; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .keypad-popup button { + background: #3C4962; + border: 1px solid #65738D; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + border-color: #65738D; + color: #E5E8EC; +} +body .keypad-popup button.ui-state-active { + background: #2B364C; + border-color: #65738D; + color: #E5E8EC; +} +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: #CA73B2; + color: #f8fafc; + border: 1px solid #CA73B2; +} +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: #A74896; + border-color: #A74896; + color: #f8fafc; +} +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 #E496C7; +} +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: #8F3487; + border-color: #8F3487; + color: #f8fafc; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #65738D; + 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: #3C4962; + color: #E5E8EC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #3C4962; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; +} + +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: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #65738D; + border-width: 2px; + background: #2B364C; + 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: #CA73B2; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 2px #E496C7; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #CA73B2; + background: #CA73B2; + color: #f8fafc; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #A74896; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #f8fafc; +} +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: #65738D; +} +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: #65738D; +} +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: #CA73B2; +} +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: #A74896; +} + +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 #E496C7; +} +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 #E496C7; +} +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: #E5E8EC; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #A74896; +} +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: #CA73B2; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #f8fafc; +} + +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 #65738D; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2B364C; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #CDD2DB; + 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: #CA73B2; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #CA73B2; + outline: 0 none; + box-shadow: 0 0 0 1px #E496C7; +} +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: #65738D; + color: #E5E8EC; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #65738D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #65738D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #65738D; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #3C4962; + color: #E5E8EC; + 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: #CDD2DB; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E496C7; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; +} +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-group { + background: #3C4962; + margin: 0; + padding: 0.75rem 1rem; + color: #E5E8EC; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #65738D; + border-radius: 3px; + background: #3C4962; +} +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: #3C4962; + color: #E5E8EC; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #CDD2DB; +} +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: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +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: rgba(202, 115, 178, 0.7); + color: #f8fafc; +} +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 #E496C7; +} +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: #3C4962; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #65738D; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2B364C; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #CDD2DB; + 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: #CA73B2; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #CA73B2; + outline: 0 none; + box-shadow: 0 0 0 1px #E496C7; +} +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: #65738D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #65738D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #65738D; +} +body .ui-selectonemenu-panel { + background: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #3C4962; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #E5E8EC; + 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #3C4962; + margin: 0; + padding: 0.75rem 1rem; + color: #E5E8EC; +} + +body .ui-slider { + background: #65738D; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #65738D; + border: 2px solid #CA73B2; + 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: #CA73B2; + background: #CA73B2; +} +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: #CA73B2; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #65738D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #3C4962; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #E496C7; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #CA73B2; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #E5E8EC; +} + +body .ui-breadcrumb { + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E496C7; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: #E5E8EC; +} +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: #E5E8EC; +} +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: #CDD2DB; + 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: #E5E8EC; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: 3px; + 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 #E496C7; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: #E5E8EC; +} +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: #E5E8EC; +} +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: #CDD2DB; + 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: #E5E8EC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; +} +body .ui-menu.ui-shadow { + border: 1px solid #65738D; + box-shadow: 0 2px 4px -1px rgba(0, 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: #3C4962; + color: #E5E8EC; + 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: #E5E8EC; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #E5E8EC; +} +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(73, 87, 113, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #CDD2DB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #CDD2DB; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(73, 87, 113, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +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: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #3C4962; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 1px solid #65738D; + box-shadow: 0 2px 4px -1px rgba(0, 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 #65738D; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #3C4962; + border-radius: 3px; +} +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: 3px; +} +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: #E5E8EC; + width: 100%; + border: 0 none; + background: #3C4962; + 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: #3C4962; + color: #E5E8EC; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #3C4962; + 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 #65738D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #65738D; + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #3C4962; + border: 1px solid #65738D; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #E5E8EC; + 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(73, 87, 113, 0.7); +} +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: #E5E8EC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #E5E8EC; + background: #3C4962; + border: 1px solid #65738D; + 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: #E5E8EC; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; + border-color: rgba(202, 115, 178, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #E5E8EC; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #65738D; + 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: #3C4962; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #65738D; + 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: #3C4962; + color: #CDD2DB; + top: 0; + margin: 0; + border-bottom: 2px solid #65738D; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #CDD2DB; + 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: #3C4962; + border-color: #CA73B2; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #E5E8EC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #E5E8EC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #3C4962; + border-color: #CA73B2; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #CA73B2; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #CA73B2; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E496C7; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + color: #2B7AA4; + 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: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #F8D895; + border: 1px solid #A76927; + color: #A76927; + 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: #A76927; +} +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: #A76927; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + color: #AD342B; + 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: #AD342B; +} +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: #AD342B; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 3px; + color: #2B7AA4; +} +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: #2B7AA4; + 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: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 3px; + color: #A76927; +} +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: #A76927; + 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: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 3px; + color: #AD342B; +} +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: #AD342B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E496C7; +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 6px; + color: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #9BF2F7; + color: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #83eff5; +} +body .ui-messages .ui-messages-warn { + background: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 6px; + color: #A76927; +} +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: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #F8D895; + color: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #f6cf7d; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 6px; + color: #AD342B; +} +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: #AD342B; +} +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: #FABD9A; + color: #AD342B; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #f9ad82; +} + +body .ui-avatar { + background-color: #65738D; + border-radius: 3px; +} +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 #3C4962; +} + +body .ui-badge { + background: #CA73B2; + color: #f8fafc; + 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: #65738D; + color: #E5E8EC; + 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: 3px; + 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 #E496C7; +} + +body .ui-clock { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: 3px; + 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: #65738D; + 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: #CA73B2; + color: #f8fafc; +} +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: rgba(202, 115, 178, 0.7); + color: #f8fafc; +} +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 #E496C7; +} +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 #E496C7; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #65738D; + border-radius: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #3C4962; + color: #E5E8EC; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E496C7; +} +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: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #65738D; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #CA73B2; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #E5E8EC; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(202, 115, 178, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(202, 115, 178, 0.772); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #f8fafc; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 3px; +} +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: #CA73B2; + color: #f8fafc; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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(60, 73, 98, 0); + border-bottom-color: #3C4962; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(101, 115, 141, 0); + border-bottom-color: #65738D; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #3C4962; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #65738D; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #65738D; + border-radius: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #3C4962; + color: #E5E8EC; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E496C7; +} +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: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #E5E8EC; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E496C7; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #3C4962; + color: #E5E8EC; + padding: 0; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +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: #CA73B2; + color: #f8fafc; + 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: #A74896; + color: #f8fafc; +} +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: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E496C7; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} + +body .ui-tooltip .ui-tooltip-text { + background: #65738D; + color: #E5E8EC; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #65738D; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #65738D; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #65738D; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #65738D; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #65738D; + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + 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 #65738D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #3C4962; + border-color: #65738D; + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E496C7; +} +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-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #3C4962; + color: #E5E8EC; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #CDD2DB; +} +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: rgba(202, 115, 178, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #3C4962; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #65738D; +} +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 #65738D; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #E496C7; +} + +body .ui-notificationbar { + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #E496C7; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #2B364C; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #65738D; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #65738D; +} + +body .ui-splitter { + border: 1px solid #65738D; + background: #3C4962; + border-radius: 3px; + color: #E5E8EC; +} +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: #65738D; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #65738D; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #3C4962; + 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: #3C4962; + color: #CDD2DB; + 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: #CDD2DB; + 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: #3C4962; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #E5E8EC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #3C4962; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #CA73B2; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #CA73B2; +} +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 #E496C7; +} +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: #3C4962; + color: #E5E8EC; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #65738D; + 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 #65738D; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #CA73B2; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #CA73B2; +} +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 #65738D; + 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 #65738D; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #CA73B2; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #CA73B2; +} +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 #65738D; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #65738D; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #CA73B2; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #CA73B2; +} +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 #65738D; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #CA73B2; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #CA73B2; +} +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: #3C4962; + color: #CDD2DB; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} + +body .ui-toolbar { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #65738D; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(202, 115, 178, 0.7); + color: #f8fafc; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-tapestry-dim/theme.scss b/src/main/webapp/resources/primefaces-poseidon-tapestry-dim/theme.scss new file mode 100644 index 0000000..eaa2b27 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-tapestry-dim/theme.scss @@ -0,0 +1,7 @@ +$primaryLightColor: #E496C7 !default; +$primaryColor: #CA73B2 !default; +$primaryDarkColor: #A74896 !default; +$primaryDarkerColor: #8F3487 !default; +$primaryTextColor: #f8fafc !default; + +@import '../sass/theme/_theme_dim'; \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-tapestry-light/theme.css b/src/main/webapp/resources/primefaces-poseidon-tapestry-light/theme.css new file mode 100644 index 0000000..960a4a2 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-tapestry-light/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#FDFEFF; + --surface-b:#F6F9FE; + --surface-c:rgba(232, 241, 248, 0.7); + --surface-d:#E4E5E5; + --surface-e:#FDFEFF; + --surface-f:#FDFEFF; + --text-color:#515C66; + --text-color-secondary:#657380; + --primary-color:#A74896; + --primary-color-text:#f8fafc; + --font-family:Open Sans; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F5F5F5; + --surface-200: #EEEEEE; + --surface-300: #E0E0E0; + --surface-400: #BDBDBD; + --surface-500: #9E9E9E; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#f8f9fa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: #e9ecef; + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem #CA73B2; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#fbf6fa; + --primary-100:#ead3e6; + --primary-200:#d9b0d2; + --primary-300:#c88ebe; + --primary-400:#b86baa; + --primary-500:#a74896; + --primary-600:#8e3d80; + --primary-700:#753269; + --primary-800:#5c2853; + --primary-900:#431d3c; +} + +body .ui-button { + background: #A74896; + color: #f8fafc; + border: 1px solid #A74896; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #8F3487; + border-color: #8F3487; + color: #f8fafc; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #CA73B2; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #772478; + border-color: #772478; + color: #f8fafc; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #A74896; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(167, 72, 150, 0.04); + color: #A74896; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(167, 72, 150, 0.16); + color: #A74896; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #657380; + border-color: #657380; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #657380; +} +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: #E4E5E5; + color: #657380; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #A74896; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(167, 72, 150, 0.04); + color: #A74896; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(167, 72, 150, 0.16); + color: #A74896; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #657380; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #657380; +} +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: #E4E5E5; + color: #657380; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #FDFEFF; + color: #515C66; + border: 1px solid #D7D8D9; + 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: #657380; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + border-color: #D7D8D9; + color: #515C66; +} +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: #657380; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #A74896; + border-color: #A74896; + color: #f8fafc; +} +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: #f8fafc; +} +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: #8F3487; + border-color: #8F3487; + color: #f8fafc; +} +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: #f8fafc; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #537f2d; + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #A74896; + 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: #8F3487; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #772478; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #F6F9FE; + color: #515C66; +} +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: #657380; +} +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: #515C66; + color: #fff; +} +body .ui-speeddial-action:hover { + background: #3B475F; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #CA73B2; +} +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(232, 241, 248, 0.7); + 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: #E4E5E5; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #A74896; + color: #f8fafc; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #A74896; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #FDFEFF; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #E4E5E5; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #A74896; + 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 #CA73B2; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable thead th.ui-state-active { + background: #F6F9FE; + color: #A74896; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #A74896; +} +body .ui-datatable .ui-datatable-data > tr { + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(167, 72, 150, 0.7); + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #f8fafc; +} +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: #FDFEFF; + color: #515C66; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #CA73B2; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #CA73B2; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #CA73B2; +} +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: rgba(167, 72, 150, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #A74896; +} +body .ui-datatable tfoot td { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + 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: #F6F9FE; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #fbfcfc; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(167, 72, 150, 0.7); + color: #f8fafc; +} +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-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: #FDFEFF; + border: 1px solid #D7D8D9; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #515C66; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #FDFEFF; + color: #515C66; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #E4E5E5; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(167, 72, 150, 0.7); +} +body .fc th { + background: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #E4E5E5; +} +body .fc td.fc-widget-content { + background: #FDFEFF; + border: 1px solid #E4E5E5; + color: #515C66; +} +body .fc td.fc-head-container { + border: 1px solid #E4E5E5; +} +body .fc .fc-row { + border-right: 1px solid #E4E5E5; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #8F3487; + border: 1px solid #8F3487; + color: #f8fafc; +} +body .fc .fc-divider { + background: #F6F9FE; + border: 1px solid #E4E5E5; +} +body .fc .fc-toolbar .fc-button { + background: #A74896; + color: #f8fafc; + border: 1px solid #A74896; + 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: #8F3487; + border-color: #8F3487; + color: #f8fafc; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #CA73B2; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #772478; + border-color: #772478; + color: #f8fafc; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(167, 72, 150, 0.7); + color: #f8fafc; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(134, 58, 120, 0.7); +} +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: #FDFEFF; + border: solid rgba(232, 241, 248, 0.7); + 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: #657380; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(232, 241, 248, 0.7); + color: #515C66; + 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 #CA73B2; +} +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: #657380; +} +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: #657380; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(167, 72, 150, 0.7); + color: #f8fafc; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + 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 #CA73B2; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #657380; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(167, 72, 150, 0.7); + color: #f8fafc; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(134, 58, 120, 0.7); +} +@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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-tagcloud a { + color: #515C66; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(167, 72, 150, 0.7); + color: #f8fafc; +} + +body .timeline-frame { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CA73B2; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(167, 72, 150, 0.7); + color: #f8fafc; +} +body .vis-timeline { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .vis-timeline .vis-item { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .vis-timeline .vis-item .vis-item-content { + color: #515C66; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(167, 72, 150, 0.7); + border-color: rgba(167, 72, 150, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #f8fafc; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #515C66; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #CA73B2; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(167, 72, 150, 0.7); + color: #f8fafc; +} +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: #515C66; +} +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-tree-droppoint.ui-state-hover { + background: rgba(167, 72, 150, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #CA73B2; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(167, 72, 150, 0.7); + color: #f8fafc; +} +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: #515C66; +} +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: #FDFEFF; +} +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: #657380; +} +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 rgba(167, 72, 150, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #A74896; + 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 #CA73B2; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-treetable thead th.ui-state-active { + background: #F6F9FE; + color: #A74896; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #A74896; +} +body .ui-treetable .ui-treetable-data > tr { + background: #FDFEFF; + color: #515C66; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #CA73B2; +} +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: #515C66; +} +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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(167, 72, 150, 0.7); + color: #f8fafc; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #CA73B2; +} +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: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #f8fafc; +} +body .ui-treetable tfoot td { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + 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: #F6F9FE; +} +body .ui-treetable .ui-column-resizer-helper { + background: #A74896; +} +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(232, 241, 248, 0.7); +} +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 #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #E4E5E5; + color: #515C66; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #515C66; + -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: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 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: #515C66; + 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: #515C66; + 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: #FDFEFF; + color: #515C66; + 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: rgba(167, 72, 150, 0.7); + color: #f8fafc; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(167, 72, 150, 0.7); + color: #f8fafc; +} +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: #FDFEFF; + border: 1px solid #D7D8D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #A74896; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #A74896; + outline: 0 none; + box-shadow: 0 0 0 0.2em #CA73B2; +} +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: #657380; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #657380; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #FDFEFF; + border: 0 none; + border-radius: 3px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +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: #515C66; + 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 #CA73B2; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #f8fafc; + background: rgba(167, 72, 150, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #515C66; + background: rgba(232, 241, 248, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #F6F9FE; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #F6F9FE; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #D7D8D9; + border-width: 2px; + background: #FDFEFF; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #A74896; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 0.2em #CA73B2; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #A74896; + background: #A74896; + color: #f8fafc; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #8F3487; +} +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: #F6F9FE; +} +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: #F6F9FE; +} +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: #A74896; +} +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: #8F3487; +} + +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: #E4E5E5; + color: #515C66; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #515C66; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #FDFEFF; + border: 1px solid #D7D8D9; + color: #515C66; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #FDFEFF; + color: #515C66; + font-weight: 600; + border: solid #E4E5E5; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #CA73B2; +} +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 { + padding: 0; + color: #515C66; + 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:hover { + background: rgba(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CA73B2; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(167, 72, 150, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #772478; + font-weight: 600; + 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(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(167, 72, 150, 0.7); + color: #f8fafc; + 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: #515C66; + background: #FDFEFF; + padding: 0.5rem 0.5rem; + border: 1px solid #D7D8D9; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #A74896; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #A74896; + outline: 0 none; + box-shadow: 0 0 0 0.2em #CA73B2; +} +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: 3px; + 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 #E4E5E5; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #515C66; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CA73B2; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(167, 72, 150, 0.7); + color: #f8fafc; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CA73B2; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CA73B2; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + 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: #A74896; + outline: 0 none; + box-shadow: 0 0 0 0.2em #CA73B2; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #657380; +} +body :-moz-placeholder { + color: #657380; + opacity: 1; +} +body ::-moz-placeholder { + color: #657380; + opacity: 1; +} +body :-ms-input-placeholder { + color: #657380; +} +body .p-field small.ui-state-error { + color: #f44336; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #657380; +} +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: #515C66; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #515C66; +} +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: #657380; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #657380; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #515C66; + background: #FDFEFF; + padding: 0.5rem 0.5rem; + border: 1px solid #D7D8D9; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #A74896; +} +body .ui-inputfield.ui-state-focus { + border-color: #A74896; + outline: 0 none; + box-shadow: 0 0 0 0.2em #CA73B2; +} +body .ui-inputfield.ui-state-error { + border-color: #f44336; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #F6F9FE; +} +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: #D7D8D9; + background: rgba(232, 241, 248, 0.7); + color: #657380; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #E4E5E5; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #FDFEFF; + border-radius: 50%; + border: 2px solid #E4E5E5; + 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: #A74896; + outline: 0 none; + box-shadow: 0 0 0 0.2em #CA73B2; +} +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: #A74896; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #FDFEFF; + border-color: #772478; + margin-left: 2px; +} + +body .keypad-popup { + background: #FDFEFF; + color: #515C66; + 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: #FDFEFF; + border: 1px solid #D7D8D9; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #515C66; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: #ebebef; + border-color: #D7D8D9; + color: #515C66; +} +body .keypad-popup button.ui-state-active { + background: #772478; + border-color: #772478; + color: #FDFEFF; +} +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: #A74896; + color: #f8fafc; + border: 1px solid #A74896; +} +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: #8F3487; + border-color: #8F3487; + color: #f8fafc; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #CA73B2; +} +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: #772478; + border-color: #772478; + color: #f8fafc; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #D7D8D9; + 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: #F6F9FE; + color: #515C66; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #FDFEFF; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(167, 72, 150, 0.7); + color: #f8fafc; +} + +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: #FDFEFF; + color: #515C66; + 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: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #D7D8D9; + border-width: 2px; + background: #FDFEFF; + 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: #A74896; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 0.2em #CA73B2; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #A74896; + background: #A74896; + color: #f8fafc; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #8F3487; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #f8fafc; +} +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: #F6F9FE; +} +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: #F6F9FE; +} +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: #A74896; +} +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: #8F3487; +} + +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 #CA73B2; +} +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 #CA73B2; +} +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: #515C66; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #8F3487; +} +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: #A74896; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #f8fafc; +} + +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 #D7D8D9; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #FDFEFF; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #657380; + 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: #A74896; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #A74896; + outline: 0 none; + box-shadow: 0 0 0 0.2em #CA73B2; +} +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: #E4E5E5; + color: #515C66; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #F6F9FE; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #F6F9FE; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #F6F9FE; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #F6F9FE; + color: #515C66; + 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: #657380; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #CA73B2; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(167, 72, 150, 0.7); + color: #f8fafc; +} +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-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #515C66; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #D7D8D9; + border-radius: 3px; + background: #FDFEFF; +} +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: #F6F9FE; + color: #515C66; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #657380; +} +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: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +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: rgba(167, 72, 150, 0.7); + color: #f8fafc; +} +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 #CA73B2; +} +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: #FDFEFF; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #D7D8D9; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #FDFEFF; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #657380; + 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: #A74896; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #A74896; + outline: 0 none; + box-shadow: 0 0 0 0.2em #CA73B2; +} +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: #F6F9FE; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #F6F9FE; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #F6F9FE; +} +body .ui-selectonemenu-panel { + background: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #F6F9FE; + color: #515C66; +} +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: #657380; +} +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: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + color: #515C66; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #515C66; + 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: #FDFEFF; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(167, 72, 150, 0.7); + color: #f8fafc; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #515C66; +} + +body .ui-slider { + background: #E4E5E5; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #FDFEFF; + border: 2px solid #A74896; + 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: #A74896; + background: #A74896; +} +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: #A74896; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #E4E5E5; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #FDFEFF; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #CA73B2; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #A74896; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #FDFEFF; +} + +body .ui-breadcrumb { + background: #FDFEFF; + border: 1px solid #E4E5E5; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CA73B2; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: #515C66; +} +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: #515C66; +} +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: #657380; + 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: #515C66; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: 3px; + 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 #CA73B2; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: #515C66; +} +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: #515C66; +} +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: #657380; + 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: #515C66; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #FDFEFF; + border: 1px solid #E4E5E5; + border-radius: 3px; +} +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: #515C66; + 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: #515C66; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #515C66; +} +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(232, 241, 248, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #657380; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #515C66; +} +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: #657380; +} +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: #657380; +} +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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(232, 241, 248, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +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: #515C66; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #FDFEFF; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 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 #E4E5E5; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #F6F9FE; + border-radius: 3px; +} +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: 3px; +} +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: #515C66; + 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: #515C66; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #F6F9FE; + 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 #E4E5E5; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #E4E5E5; + border-top: 0 none; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #E4E5E5; + background: #F6F9FE; + color: #515C66; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #FDFEFF; + border: 1px solid #E4E5E5; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #515C66; + 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(232, 241, 248, 0.7); +} +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: #515C66; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #515C66; +} +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: #657380; +} +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: #515C66; + background: #FDFEFF; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: #657380; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(167, 72, 150, 0.7); + color: #f8fafc; + border-color: rgba(167, 72, 150, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #515C66; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #E4E5E5; + 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: #FDFEFF; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #E4E5E5; + 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: #FDFEFF; + color: #657380; + top: 0; + margin: 0; + border-bottom: 2px solid #E4E5E5; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #657380; + 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: #FDFEFF; + border-color: #515C66; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #657380; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #657380; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #FDFEFF; + border-color: #A74896; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #A74896; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #A74896; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CA73B2; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +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 #03A9F4; + color: #01579B; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #FFC107; + color: #7f6003; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + color: #B71C1C; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #03A9F4; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #FFC107; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CA73B2; +} +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 #03A9F4; + border-width: 0 0 0 6px; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #FFC107; + border-width: 0 0 0 6px; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + border-width: 0 0 0 6px; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +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: #E4E5E5; + border-radius: 3px; +} +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 #FDFEFF; +} + +body .ui-badge { + background: #A74896; + color: #f8fafc; + 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: #E4E5E5; + color: #515C66; + 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: 3px; + 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 #CA73B2; +} + +body .ui-clock { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: #F6F9FE; + 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: #F6F9FE; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #F6F9FE; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 3px; + 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: #F6F9FE; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #F6F9FE; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(232, 241, 248, 0.7); + 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: #E4E5E5; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #A74896; + color: #f8fafc; +} +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: rgba(167, 72, 150, 0.7); + color: #f8fafc; +} +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: #F6F9FE; + 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: #F6F9FE; +} +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 #CA73B2; +} +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 #CA73B2; +} + +.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: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #FDFEFF; + color: #515C66; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #CA73B2; +} +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: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #efefef; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #A74896; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #515C66; + 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: #F6F9FE; +} + +body .ui-skeleton { + background-color: rgba(232, 241, 248, 0.7); + border-radius: 3px; +} +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: #A74896; + color: #f8fafc; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #FDFEFF; + color: #515C66; + border: 1px solid #E4E5E5; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #FDFEFF; + color: #515C66; + border: 0 none; + border-radius: 3px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +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(253, 254, 255, 0); + border-bottom-color: #FDFEFF; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(253, 254, 255, 0); + border-bottom-color: #FDFEFF; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #FDFEFF; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #FDFEFF; +} +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: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #FDFEFF; + color: #515C66; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #CA73B2; +} +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: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #FDFEFF; + color: #515C66; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #515C66; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CA73B2; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #FDFEFF; + color: #515C66; + 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: 3px; +} +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: #A74896; + color: #f8fafc; + 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: #8F3487; + color: #f8fafc; +} +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: #FDFEFF; + color: #515C66; + padding: 1rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CA73B2; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #252529; + color: #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: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #252529; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #252529; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #252529; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #252529; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #E4E5E5; + border-top: 0 none; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + 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 #E4E5E5; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #F6F9FE; + border-color: #E4E5E5; + color: #515C66; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CA73B2; +} +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-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #FDFEFF; + color: #515C66; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #657380; +} +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: rgba(167, 72, 150, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #FDFEFF; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #E4E5E5; +} +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 #E4E5E5; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #515C66; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #CA73B2; +} + +body .ui-notificationbar { + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border: 1px solid #E4E5E5; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #CA73B2; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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 #E4E5E5; + background: #FDFEFF; + border-radius: 3px; + color: #515C66; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #F6F9FE; +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #E4E5E5; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #E4E5E5; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #FDFEFF; + 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: #FDFEFF; + color: #657380; + 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: #657380; + 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: #FDFEFF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #657380; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #657380; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #FDFEFF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #A74896; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #A74896; +} +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 #CA73B2; +} +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: #FDFEFF; + color: #515C66; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #E4E5E5; + 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 #E4E5E5; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #A74896; +} +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 #E4E5E5; + 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 #E4E5E5; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #A74896; +} +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 #E4E5E5; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #E4E5E5; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #A74896; +} +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 #E4E5E5; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #A74896; +} +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: #FDFEFF; + color: #657380; + 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(232, 241, 248, 0.7); + color: #515C66; +} + +body .ui-toolbar { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #E4E5E5; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(167, 72, 150, 0.7); + color: #f8fafc; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-tapestry-light/theme.scss b/src/main/webapp/resources/primefaces-poseidon-tapestry-light/theme.scss new file mode 100644 index 0000000..abb9502 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-tapestry-light/theme.scss @@ -0,0 +1,7 @@ +$primaryLightColor: #CA73B2 !default; +$primaryColor: #A74896 !default; +$primaryDarkColor: #8F3487 !default; +$primaryDarkerColor: #772478 !default; +$primaryTextColor: #f8fafc !default; + +@import '../sass/theme/_theme_light'; \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-wedgewood-dark/theme.css b/src/main/webapp/resources/primefaces-poseidon-wedgewood-dark/theme.css new file mode 100644 index 0000000..3af5281 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-wedgewood-dark/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#434B54; + --surface-b:#2F363E; + --surface-c:rgba(78, 86, 95, 0.7); + --surface-d:#5B646D; + --surface-e:#434B54; + --surface-f:#434B54; + --text-color:#E6E8EB; + --text-color-secondary:#D0D3D7; + --primary-color:#7FA7CC; + --primary-color-text:#f8fafc; + --font-family:Open Sans; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50:#e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#1e1e1e; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #A0C7E5; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#f9fbfc; + --primary-100:#e0eaf3; + --primary-200:#c8d9e9; + --primary-300:#b0c8df; + --primary-400:#97b8d6; + --primary-500:#7fa7cc; + --primary-600:#6c8ead; + --primary-700:#59758f; + --primary-800:#465c70; + --primary-900:#334352; +} + +body .ui-button { + background: #7FA7CC; + color: #f8fafc; + border: 1px solid #7FA7CC; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #557DAA; + border-color: #557DAA; + color: #f8fafc; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A0C7E5; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #3E6192; + border-color: #3E6192; + color: #f8fafc; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #7FA7CC; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(127, 167, 204, 0.04); + color: #7FA7CC; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(127, 167, 204, 0.16); + color: #7FA7CC; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #D0D3D7; + border-color: #D0D3D7; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #D0D3D7; +} +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: #D0D3D7; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #7FA7CC; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(127, 167, 204, 0.04); + color: #7FA7CC; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(127, 167, 204, 0.16); + color: #7FA7CC; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #D0D3D7; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #D0D3D7; +} +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: #D0D3D7; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + 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: #D0D3D7; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + border-color: #5B646D; + color: #E6E8EB; +} +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: #D0D3D7; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #7FA7CC; + border-color: #7FA7CC; + color: #f8fafc; +} +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: #f8fafc; +} +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: #557DAA; + border-color: #557DAA; + color: #f8fafc; +} +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: #f8fafc; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #7FA7CC; + 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: #557DAA; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #3E6192; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #434B54; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #E6E8EB; + color: #2F363E; +} +body .ui-speeddial-action:hover { + background: #D0D3D7; + color: #2F363E; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #A0C7E5; +} +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: #5B646D; + 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(78, 86, 95, 0.7); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #7FA7CC; + color: #f8fafc; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #7FA7CC; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #434B54; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #5B646D; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #D0D3D7; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #434B54; + color: #E6E8EB; + padding: 1rem 1rem; + border: 1px solid #5B646D; + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #7FA7CC; + 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 #A0C7E5; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable thead th.ui-state-active { + background: #434B54; + color: #7FA7CC; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #7FA7CC; +} +body .ui-datatable .ui-datatable-data > tr { + background: #434B54; + color: #E6E8EB; + 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 #5B646D; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #f8fafc; +} +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: #434B54; + color: #E6E8EB; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #A0C7E5; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #A0C7E5; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #A0C7E5; +} +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: rgba(127, 167, 204, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #7FA7CC; +} +body .ui-datatable tfoot td { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + 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: #434B54; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #394149; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-columntoggler { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + background: #434B54; + border: 1px solid #5B646D; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #E6E8EB; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #5B646D; + } + 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 #5B646D; + } + 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: #434B54; + color: #D0D3D7; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #5B646D; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #5B646D; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(127, 167, 204, 0.7); +} +body .fc th { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #5B646D; +} +body .fc td.fc-widget-content { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; +} +body .fc td.fc-head-container { + border: 1px solid #5B646D; +} +body .fc .fc-row { + border-right: 1px solid #5B646D; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #557DAA; + border: 1px solid #557DAA; + color: #f8fafc; +} +body .fc .fc-divider { + background: #434B54; + border: 1px solid #5B646D; +} +body .fc .fc-toolbar .fc-button { + background: #7FA7CC; + color: #f8fafc; + border: 1px solid #7FA7CC; + 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: #557DAA; + border-color: #557DAA; + color: #f8fafc; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A0C7E5; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #3E6192; + border-color: #3E6192; + color: #f8fafc; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(80, 134, 185, 0.7); +} +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: #434B54; + border: solid #5B646D; + 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: #D0D3D7; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #A0C7E5; +} +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: #D0D3D7; +} +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: #D0D3D7; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(127, 167, 204, 0.7); + color: #f8fafc; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #A0C7E5; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #D0D3D7; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(80, 134, 185, 0.7); +} +@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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-tagcloud a { + color: #E6E8EB; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; +} + +body .timeline-frame { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A0C7E5; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; +} +body .vis-timeline { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .vis-timeline .vis-item { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .vis-timeline .vis-item .vis-item-content { + color: #E6E8EB; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(127, 167, 204, 0.7); + border-color: rgba(127, 167, 204, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #f8fafc; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #E6E8EB; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #A0C7E5; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; +} +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: #E6E8EB; +} +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-tree-droppoint.ui-state-hover { + background: rgba(127, 167, 204, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #A0C7E5; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; +} +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: #E6E8EB; +} +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: #434B54; +} +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: #D0D3D7; +} +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 rgba(127, 167, 204, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #434B54; + color: #D0D3D7; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + 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: #434B54; + color: #E6E8EB; + padding: 1rem 1rem; + border: 1px solid #5B646D; + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #7FA7CC; + 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 #A0C7E5; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-treetable thead th.ui-state-active { + background: #434B54; + color: #7FA7CC; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #7FA7CC; +} +body .ui-treetable .ui-treetable-data > tr { + background: #434B54; + color: #E6E8EB; + 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 #5B646D; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #A0C7E5; +} +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: #E6E8EB; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #A0C7E5; +} +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: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #f8fafc; +} +body .ui-treetable tfoot td { + background: #434B54; + border: 1px solid #5B646D; + border-width: 0 0 1px 0; + color: #E6E8EB; + 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: #434B54; +} +body .ui-treetable .ui-column-resizer-helper { + background: #7FA7CC; +} +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 #5B646D; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #5B646D; + color: #E6E8EB; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #E6E8EB; + -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: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + 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: #E6E8EB; + 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; +} +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: rgba(127, 167, 204, 0.7); + color: #f8fafc; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; +} +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: #2F363E; + border: 1px solid #5B646D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #7FA7CC; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #7FA7CC; + outline: 0 none; + box-shadow: 0 0 0 1px #A0C7E5; +} +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: #D0D3D7; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #D0D3D7; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + 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 #A0C7E5; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #f8fafc; + background: rgba(127, 167, 204, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #E6E8EB; + background: rgba(78, 86, 95, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #5B646D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #5B646D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #5B646D; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #5B646D; + border-width: 2px; + background: #2F363E; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #7FA7CC; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 2px #A0C7E5; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #7FA7CC; + background: #7FA7CC; + color: #f8fafc; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #557DAA; +} +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: #5B646D; +} +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: #5B646D; +} +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: #7FA7CC; +} +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: #557DAA; +} + +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: #5B646D; + color: #E6E8EB; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #E6E8EB; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #434B54; + color: #E6E8EB; + font-weight: 600; + border: solid #5B646D; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #A0C7E5; +} +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 { + padding: 0; + color: #E6E8EB; + 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:hover { + background: rgba(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A0C7E5; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #7FA7CC; + font-weight: 600; + 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(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E6E8EB; + background: #2F363E; + padding: 0.5rem 0.5rem; + border: 1px solid #5B646D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #7FA7CC; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #7FA7CC; + outline: 0 none; + box-shadow: 0 0 0 1px #A0C7E5; +} +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: 3px; + 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 #5B646D; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #E6E8EB; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(78, 86, 95, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A0C7E5; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; + 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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A0C7E5; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A0C7E5; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + 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: #7FA7CC; + outline: 0 none; + box-shadow: 0 0 0 1px #A0C7E5; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #D0D3D7; +} +body :-moz-placeholder { + color: #D0D3D7; + opacity: 1; +} +body ::-moz-placeholder { + color: #D0D3D7; + opacity: 1; +} +body :-ms-input-placeholder { + color: #D0D3D7; +} +body .p-field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #D0D3D7; +} +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: #E6E8EB; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #E6E8EB; +} +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: #D0D3D7; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #D0D3D7; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #E6E8EB; + background: #2F363E; + padding: 0.5rem 0.5rem; + border: 1px solid #5B646D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #7FA7CC; +} +body .ui-inputfield.ui-state-focus { + border-color: #7FA7CC; + outline: 0 none; + box-shadow: 0 0 0 1px #A0C7E5; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #5B646D; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #5B646D; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #5B646D; +} +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: #5B646D; + background: #434B54; + color: #D0D3D7; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #5B646D; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #434B54; + border-radius: 50%; + border: 2px solid #5B646D; + 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: #7FA7CC; + outline: 0 none; + box-shadow: 0 0 0 1px #A0C7E5; +} +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: #7FA7CC; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #E6E8EB; + border-color: #3E6192; + margin-left: 2px; +} + +body .keypad-popup { + background: #434B54; + color: #E6E8EB; + padding: 0; + border: 1px solid #5B646D; + margin: 0; + width: auto; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .keypad-popup button { + background: #434B54; + border: 1px solid #5B646D; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + border-color: #5B646D; + color: #E6E8EB; +} +body .keypad-popup button.ui-state-active { + background: #2F363E; + border-color: #5B646D; + color: #E6E8EB; +} +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: #7FA7CC; + color: #f8fafc; + border: 1px solid #7FA7CC; +} +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: #557DAA; + border-color: #557DAA; + color: #f8fafc; +} +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 #A0C7E5; +} +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: #3E6192; + border-color: #3E6192; + color: #f8fafc; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #5B646D; + 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: #434B54; + color: #E6E8EB; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #434B54; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; +} + +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: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #5B646D; + border-width: 2px; + background: #2F363E; + 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: #7FA7CC; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 2px #A0C7E5; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #7FA7CC; + background: #7FA7CC; + color: #f8fafc; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #557DAA; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #f8fafc; +} +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: #5B646D; +} +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: #5B646D; +} +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: #7FA7CC; +} +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: #557DAA; +} + +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 #A0C7E5; +} +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 #A0C7E5; +} +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: #E6E8EB; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #557DAA; +} +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: #7FA7CC; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #f8fafc; +} + +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 #5B646D; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2F363E; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #D0D3D7; + 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: #7FA7CC; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #7FA7CC; + outline: 0 none; + box-shadow: 0 0 0 1px #A0C7E5; +} +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: #5B646D; + color: #E6E8EB; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #5B646D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #5B646D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #5B646D; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #434B54; + color: #E6E8EB; + 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: #D0D3D7; +} +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: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #A0C7E5; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; +} +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-group { + background: #434B54; + margin: 0; + padding: 0.75rem 1rem; + color: #E6E8EB; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #5B646D; + border-radius: 3px; + background: #434B54; +} +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: #434B54; + color: #E6E8EB; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #D0D3D7; +} +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: #E6E8EB; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} +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: rgba(127, 167, 204, 0.7); + color: #f8fafc; +} +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 #A0C7E5; +} +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: #434B54; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #5B646D; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2F363E; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #D0D3D7; + 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: #7FA7CC; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #7FA7CC; + outline: 0 none; + box-shadow: 0 0 0 1px #A0C7E5; +} +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: #5B646D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #5B646D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #5B646D; +} +body .ui-selectonemenu-panel { + background: #434B54; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #434B54; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #434B54; + border: 1px solid #5B646D; + color: #E6E8EB; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #E6E8EB; + 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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #434B54; + margin: 0; + padding: 0.75rem 1rem; + color: #E6E8EB; +} + +body .ui-slider { + background: #5B646D; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #5B646D; + border: 2px solid #7FA7CC; + 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: #7FA7CC; + background: #7FA7CC; +} +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: #7FA7CC; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #5B646D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #434B54; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #A0C7E5; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #7FA7CC; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #E6E8EB; +} + +body .ui-breadcrumb { + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A0C7E5; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: #E6E8EB; +} +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: #E6E8EB; +} +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: #D0D3D7; + 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: #E6E8EB; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: 3px; + 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 #A0C7E5; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} +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: #E6E8EB; +} +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: #E6E8EB; +} +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: #D0D3D7; + 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: #E6E8EB; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #D0D3D7; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #434B54; + border: 1px solid #5B646D; + border-radius: 3px; +} +body .ui-menu.ui-shadow { + border: 1px solid #5B646D; + box-shadow: 0 2px 4px -1px rgba(0, 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: #434B54; + color: #E6E8EB; + 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: #E6E8EB; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #E6E8EB; +} +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(78, 86, 95, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #D0D3D7; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #D0D3D7; +} +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(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(78, 86, 95, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #E6E8EB; +} +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: #E6E8EB; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #434B54; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 1px solid #5B646D; + box-shadow: 0 2px 4px -1px rgba(0, 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 #5B646D; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #434B54; + border-radius: 3px; +} +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: 3px; +} +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: #E6E8EB; + width: 100%; + border: 0 none; + background: #434B54; + 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: #434B54; + color: #E6E8EB; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #434B54; + 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 #5B646D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #5B646D; + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #5B646D; + background: #434B54; + color: #E6E8EB; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #434B54; + border: 1px solid #5B646D; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #E6E8EB; + 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(78, 86, 95, 0.7); +} +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: #E6E8EB; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E6E8EB; +} +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: #D0D3D7; +} +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: #E6E8EB; + background: #434B54; + border: 1px solid #5B646D; + 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: #E6E8EB; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; + border-color: rgba(127, 167, 204, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #E6E8EB; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #5B646D; + 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: #434B54; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #5B646D; + 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: #434B54; + color: #D0D3D7; + top: 0; + margin: 0; + border-bottom: 2px solid #5B646D; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #D0D3D7; + 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: #434B54; + border-color: #7FA7CC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #E6E8EB; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #E6E8EB; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #434B54; + border-color: #7FA7CC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #7FA7CC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #7FA7CC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A0C7E5; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + color: #2B7AA4; + 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: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #F8D895; + border: 1px solid #A76927; + color: #A76927; + 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: #A76927; +} +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: #A76927; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + color: #AD342B; + 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: #AD342B; +} +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: #AD342B; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 3px; + color: #2B7AA4; +} +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: #2B7AA4; + 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: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 3px; + color: #A76927; +} +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: #A76927; + 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: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 3px; + color: #AD342B; +} +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: #AD342B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A0C7E5; +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 6px; + color: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #9BF2F7; + color: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #83eff5; +} +body .ui-messages .ui-messages-warn { + background: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 6px; + color: #A76927; +} +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: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #F8D895; + color: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #f6cf7d; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 6px; + color: #AD342B; +} +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: #AD342B; +} +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: #FABD9A; + color: #AD342B; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #f9ad82; +} + +body .ui-avatar { + background-color: #5B646D; + border-radius: 3px; +} +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 #434B54; +} + +body .ui-badge { + background: #7FA7CC; + color: #f8fafc; + 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: #5B646D; + color: #E6E8EB; + 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: 3px; + 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 #A0C7E5; +} + +body .ui-clock { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: 3px; + 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: #5B646D; + 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: #7FA7CC; + color: #f8fafc; +} +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: rgba(127, 167, 204, 0.7); + color: #f8fafc; +} +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 #A0C7E5; +} +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 #A0C7E5; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #5B646D; + border-radius: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #434B54; + color: #E6E8EB; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #A0C7E5; +} +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: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #5B646D; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #7FA7CC; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #E6E8EB; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(127, 167, 204, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(127, 167, 204, 0.772); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #f8fafc; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 3px; +} +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: #7FA7CC; + color: #f8fafc; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #434B54; + color: #E6E8EB; + border: 1px solid #5B646D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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(67, 75, 84, 0); + border-bottom-color: #434B54; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(91, 100, 109, 0); + border-bottom-color: #5B646D; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #434B54; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #5B646D; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #5B646D; + border-radius: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #434B54; + color: #E6E8EB; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #A0C7E5; +} +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: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #E6E8EB; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A0C7E5; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #434B54; + color: #E6E8EB; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #434B54; + color: #E6E8EB; + padding: 0; + border: 1px solid #5B646D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +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: #7FA7CC; + color: #f8fafc; + 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: #557DAA; + color: #f8fafc; +} +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: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A0C7E5; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} + +body .ui-tooltip .ui-tooltip-text { + background: #5B646D; + color: #E6E8EB; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #5B646D; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #5B646D; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #5B646D; + border-top: 0 none; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + 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 #5B646D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #434B54; + border-color: #5B646D; + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A0C7E5; +} +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-content { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #434B54; + color: #E6E8EB; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #D0D3D7; +} +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: rgba(127, 167, 204, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #434B54; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #5B646D; +} +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 #5B646D; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #5B646D; + background: rgba(78, 86, 95, 0.7); + color: #E6E8EB; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A0C7E5; +} + +body .ui-notificationbar { + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border: 1px solid #5B646D; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #D0D3D7; + transition: background-color 0.2s, color 0.2s, border-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(78, 86, 95, 0.7); + color: #E6E8EB; + 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 #A0C7E5; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #2F363E; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #5B646D; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #5B646D; +} + +body .ui-splitter { + border: 1px solid #5B646D; + background: #434B54; + border-radius: 3px; + color: #E6E8EB; +} +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: #5B646D; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #5B646D; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #434B54; + 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: #434B54; + color: #D0D3D7; + 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: #D0D3D7; + 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: #434B54; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #E6E8EB; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #E6E8EB; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #434B54; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #7FA7CC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #7FA7CC; +} +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 #A0C7E5; +} +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: #434B54; + color: #E6E8EB; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #5B646D; + 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 #5B646D; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #7FA7CC; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #7FA7CC; +} +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 #5B646D; + 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 #5B646D; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #7FA7CC; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #7FA7CC; +} +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 #5B646D; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #5B646D; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #7FA7CC; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #7FA7CC; +} +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 #5B646D; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #7FA7CC; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #7FA7CC; +} +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: #434B54; + color: #D0D3D7; + 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(78, 86, 95, 0.7); + color: #E6E8EB; +} + +body .ui-toolbar { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #5B646D; + background: #434B54; + color: #E6E8EB; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #5B646D; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-wedgewood-dark/theme.scss b/src/main/webapp/resources/primefaces-poseidon-wedgewood-dark/theme.scss new file mode 100644 index 0000000..5a78c5e --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-wedgewood-dark/theme.scss @@ -0,0 +1,7 @@ +$primaryLightColor: #A0C7E5 !default; +$primaryColor:#7FA7CC !default; +$primaryDarkColor: #557DAA !default; +$primaryDarkerColor: #3E6192 !default; +$primaryTextColor: #f8fafc !default; + +@import '../sass/theme/_theme_dark'; \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-wedgewood-dim/theme.css b/src/main/webapp/resources/primefaces-poseidon-wedgewood-dim/theme.css new file mode 100644 index 0000000..c960b4d --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-wedgewood-dim/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#3C4962; + --surface-b:#2B364C; + --surface-c:rgba(73, 87, 113, 0.7); + --surface-d:#65738D; + --surface-e:#3C4962; + --surface-f:#3C4962; + --text-color:#E5E8EC; + --text-color-secondary:#CDD2DB; + --primary-color:#7FA7CC; + --primary-color-text:#f8fafc; + --font-family:Open Sans; + --surface-0: #17212f; + --surface-50: #2e3744; + --surface-100: #454d59; + --surface-200: #5d646d; + --surface-300: #747a82; + --surface-400: #8b9097; + --surface-500: #a2a6ac; + --surface-600: #b9bcc1; + --surface-700: #d1d3d5; + --surface-800: #e8e9ea; + --surface-900: #ffffff; + --gray-50:#e8e9ea; + --gray-100: #d1d3d5; + --gray-200: #b9bcc1; + --gray-300: #a2a6ac; + --gray-400: #8b9097; + --gray-500: #747a82; + --gray-600: #5d646d; + --gray-700: #454d59; + --gray-800: #2e3744; + --gray-900: #17212f; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#17212f; + --surface-section:#17212f; + --surface-card:#1f2d40; + --surface-overlay:#1f2d40; + --surface-border:#304562; + --surface-hover:rgba(255,255,255,.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #A0C7E5; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#f9fbfc; + --primary-100:#e0eaf3; + --primary-200:#c8d9e9; + --primary-300:#b0c8df; + --primary-400:#97b8d6; + --primary-500:#7fa7cc; + --primary-600:#6c8ead; + --primary-700:#59758f; + --primary-800:#465c70; + --primary-900:#334352; +} + +body .ui-button { + background: #7FA7CC; + color: #f8fafc; + border: 1px solid #7FA7CC; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #557DAA; + border-color: #557DAA; + color: #f8fafc; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A0C7E5; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #3E6192; + border-color: #3E6192; + color: #f8fafc; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #7FA7CC; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(127, 167, 204, 0.04); + color: #7FA7CC; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(127, 167, 204, 0.16); + color: #7FA7CC; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #CDD2DB; + border-color: #CDD2DB; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #CDD2DB; +} +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: #CDD2DB; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #7FA7CC; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(127, 167, 204, 0.04); + color: #7FA7CC; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(127, 167, 204, 0.16); + color: #7FA7CC; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #CDD2DB; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #CDD2DB; +} +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: #CDD2DB; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + 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: #CDD2DB; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + border-color: #65738D; + color: #E5E8EC; +} +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: #CDD2DB; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #7FA7CC; + border-color: #7FA7CC; + color: #f8fafc; +} +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: #f8fafc; +} +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: #557DAA; + border-color: #557DAA; + color: #f8fafc; +} +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: #f8fafc; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #9fce6b; + color: #121212; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-commandlink, body .ui-link { + color: #7FA7CC; + 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: #557DAA; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #3E6192; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #E5E8EC; + color: #2B364C; +} +body .ui-speeddial-action:hover { + background: #CDD2DB; + color: #2B364C; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #A0C7E5; +} +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: #65738D; + 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(73, 87, 113, 0.7); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #7FA7CC; + color: #f8fafc; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #7FA7CC; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #3C4962; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #65738D; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #CDD2DB; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; + padding: 1rem 1rem; + border: 1px solid #65738D; + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #7FA7CC; + 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 #A0C7E5; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable thead th.ui-state-active { + background: #3C4962; + color: #7FA7CC; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #7FA7CC; +} +body .ui-datatable .ui-datatable-data > tr { + background: #3C4962; + color: #E5E8EC; + 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 #65738D; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #f8fafc; +} +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: #3C4962; + color: #E5E8EC; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #A0C7E5; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #A0C7E5; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #A0C7E5; +} +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: rgba(127, 167, 204, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #7FA7CC; +} +body .ui-datatable tfoot td { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + 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: #3C4962; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #344057; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-columntoggler { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + background: #3C4962; + border: 1px solid #65738D; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #E5E8EC; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #65738D; + } + 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 #65738D; + } + 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: #3C4962; + color: #CDD2DB; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #65738D; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #65738D; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #65738D; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(127, 167, 204, 0.7); +} +body .fc th { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #65738D; +} +body .fc td.fc-widget-content { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; +} +body .fc td.fc-head-container { + border: 1px solid #65738D; +} +body .fc .fc-row { + border-right: 1px solid #65738D; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #557DAA; + border: 1px solid #557DAA; + color: #f8fafc; +} +body .fc .fc-divider { + background: #3C4962; + border: 1px solid #65738D; +} +body .fc .fc-toolbar .fc-button { + background: #7FA7CC; + color: #f8fafc; + border: 1px solid #7FA7CC; + 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: #557DAA; + border-color: #557DAA; + color: #f8fafc; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A0C7E5; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #3E6192; + border-color: #3E6192; + color: #f8fafc; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(80, 134, 185, 0.7); +} +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: #3C4962; + border: solid #65738D; + 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: #CDD2DB; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #A0C7E5; +} +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: #CDD2DB; +} +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: #CDD2DB; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(127, 167, 204, 0.7); + color: #f8fafc; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #A0C7E5; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #CDD2DB; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(80, 134, 185, 0.7); +} +@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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-tagcloud a { + color: #E5E8EC; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; +} + +body .timeline-frame { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A0C7E5; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; +} +body .vis-timeline { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .vis-timeline .vis-item { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .vis-timeline .vis-item .vis-item-content { + color: #E5E8EC; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(127, 167, 204, 0.7); + border-color: rgba(127, 167, 204, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #f8fafc; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #E5E8EC; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #A0C7E5; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; +} +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: #E5E8EC; +} +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-tree-droppoint.ui-state-hover { + background: rgba(127, 167, 204, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #A0C7E5; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; +} +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: #E5E8EC; +} +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: #3C4962; +} +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: #CDD2DB; +} +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 rgba(127, 167, 204, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #3C4962; + color: #CDD2DB; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + 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: #3C4962; + color: #E5E8EC; + padding: 1rem 1rem; + border: 1px solid #65738D; + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #7FA7CC; + 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 #A0C7E5; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-treetable thead th.ui-state-active { + background: #3C4962; + color: #7FA7CC; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #7FA7CC; +} +body .ui-treetable .ui-treetable-data > tr { + background: #3C4962; + color: #E5E8EC; + 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 #65738D; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #A0C7E5; +} +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: #E5E8EC; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #A0C7E5; +} +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: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #f8fafc; +} +body .ui-treetable tfoot td { + background: #3C4962; + border: 1px solid #65738D; + border-width: 0 0 1px 0; + color: #E5E8EC; + 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: #3C4962; +} +body .ui-treetable .ui-column-resizer-helper { + background: #7FA7CC; +} +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 #65738D; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #65738D; + color: #E5E8EC; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #E5E8EC; + -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: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + 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: #E5E8EC; + 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; +} +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: rgba(127, 167, 204, 0.7); + color: #f8fafc; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; +} +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: #2B364C; + border: 1px solid #65738D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #7FA7CC; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #7FA7CC; + outline: 0 none; + box-shadow: 0 0 0 1px #A0C7E5; +} +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: #CDD2DB; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #CDD2DB; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + 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 #A0C7E5; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #f8fafc; + background: rgba(127, 167, 204, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #E5E8EC; + background: rgba(73, 87, 113, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #65738D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #65738D; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #65738D; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #65738D; + border-width: 2px; + background: #2B364C; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #7FA7CC; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 2px #A0C7E5; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #7FA7CC; + background: #7FA7CC; + color: #f8fafc; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #557DAA; +} +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: #65738D; +} +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: #65738D; +} +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: #7FA7CC; +} +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: #557DAA; +} + +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: #65738D; + color: #E5E8EC; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #E5E8EC; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #3C4962; + color: #E5E8EC; + font-weight: 600; + border: solid #65738D; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #A0C7E5; +} +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 { + padding: 0; + color: #E5E8EC; + 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:hover { + background: rgba(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A0C7E5; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #7FA7CC; + font-weight: 600; + 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(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #E5E8EC; + background: #2B364C; + padding: 0.5rem 0.5rem; + border: 1px solid #65738D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #7FA7CC; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #7FA7CC; + outline: 0 none; + box-shadow: 0 0 0 1px #A0C7E5; +} +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: 3px; + 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 #65738D; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #E5E8EC; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(73, 87, 113, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A0C7E5; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; + 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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A0C7E5; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A0C7E5; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + 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: #7FA7CC; + outline: 0 none; + box-shadow: 0 0 0 1px #A0C7E5; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #CDD2DB; +} +body :-moz-placeholder { + color: #CDD2DB; + opacity: 1; +} +body ::-moz-placeholder { + color: #CDD2DB; + opacity: 1; +} +body :-ms-input-placeholder { + color: #CDD2DB; +} +body .p-field small.ui-state-error { + color: #ef9a9a; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #CDD2DB; +} +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: #E5E8EC; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #E5E8EC; +} +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: #CDD2DB; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #CDD2DB; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #E5E8EC; + background: #2B364C; + padding: 0.5rem 0.5rem; + border: 1px solid #65738D; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #7FA7CC; +} +body .ui-inputfield.ui-state-focus { + border-color: #7FA7CC; + outline: 0 none; + box-shadow: 0 0 0 1px #A0C7E5; +} +body .ui-inputfield.ui-state-error { + border-color: #ef9a9a; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #65738D; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #65738D; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #65738D; +} +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: #65738D; + background: #3C4962; + color: #CDD2DB; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #65738D; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #3C4962; + border-radius: 50%; + border: 2px solid #65738D; + 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: #7FA7CC; + outline: 0 none; + box-shadow: 0 0 0 1px #A0C7E5; +} +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: #7FA7CC; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #E5E8EC; + border-color: #3E6192; + margin-left: 2px; +} + +body .keypad-popup { + background: #3C4962; + color: #E5E8EC; + padding: 0; + border: 1px solid #65738D; + margin: 0; + width: auto; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .keypad-popup button { + background: #3C4962; + border: 1px solid #65738D; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + border-color: #65738D; + color: #E5E8EC; +} +body .keypad-popup button.ui-state-active { + background: #2B364C; + border-color: #65738D; + color: #E5E8EC; +} +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: #7FA7CC; + color: #f8fafc; + border: 1px solid #7FA7CC; +} +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: #557DAA; + border-color: #557DAA; + color: #f8fafc; +} +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 #A0C7E5; +} +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: #3E6192; + border-color: #3E6192; + color: #f8fafc; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #65738D; + 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: #3C4962; + color: #E5E8EC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #3C4962; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; +} + +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: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #65738D; + border-width: 2px; + background: #2B364C; + 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: #7FA7CC; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 2px #A0C7E5; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #7FA7CC; + background: #7FA7CC; + color: #f8fafc; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #557DAA; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #f8fafc; +} +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: #65738D; +} +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: #65738D; +} +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: #7FA7CC; +} +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: #557DAA; +} + +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 #A0C7E5; +} +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 #A0C7E5; +} +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: #E5E8EC; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #557DAA; +} +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: #7FA7CC; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #f8fafc; +} + +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 #65738D; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2B364C; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #CDD2DB; + 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: #7FA7CC; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #7FA7CC; + outline: 0 none; + box-shadow: 0 0 0 1px #A0C7E5; +} +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: #65738D; + color: #E5E8EC; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #65738D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #65738D; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #65738D; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #3C4962; + color: #E5E8EC; + 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: #CDD2DB; +} +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: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #A0C7E5; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; +} +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-group { + background: #3C4962; + margin: 0; + padding: 0.75rem 1rem; + color: #E5E8EC; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #65738D; + border-radius: 3px; + background: #3C4962; +} +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: #3C4962; + color: #E5E8EC; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #CDD2DB; +} +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: #E5E8EC; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} +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: rgba(127, 167, 204, 0.7); + color: #f8fafc; +} +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 #A0C7E5; +} +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: #3C4962; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #65738D; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #2B364C; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #CDD2DB; + 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: #7FA7CC; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #7FA7CC; + outline: 0 none; + box-shadow: 0 0 0 1px #A0C7E5; +} +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: #65738D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #65738D; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #65738D; +} +body .ui-selectonemenu-panel { + background: #3C4962; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #3C4962; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #3C4962; + border: 1px solid #65738D; + color: #E5E8EC; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #E5E8EC; + 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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #3C4962; + margin: 0; + padding: 0.75rem 1rem; + color: #E5E8EC; +} + +body .ui-slider { + background: #65738D; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #65738D; + border: 2px solid #7FA7CC; + 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: #7FA7CC; + background: #7FA7CC; +} +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: #7FA7CC; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #65738D; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #3C4962; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #A0C7E5; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #7FA7CC; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #E5E8EC; +} + +body .ui-breadcrumb { + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A0C7E5; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: #E5E8EC; +} +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: #E5E8EC; +} +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: #CDD2DB; + 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: #E5E8EC; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: 3px; + 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 #A0C7E5; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} +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: #E5E8EC; +} +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: #E5E8EC; +} +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: #CDD2DB; + 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: #E5E8EC; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #CDD2DB; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #3C4962; + border: 1px solid #65738D; + border-radius: 3px; +} +body .ui-menu.ui-shadow { + border: 1px solid #65738D; + box-shadow: 0 2px 4px -1px rgba(0, 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: #3C4962; + color: #E5E8EC; + 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: #E5E8EC; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #E5E8EC; +} +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(73, 87, 113, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #CDD2DB; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #CDD2DB; +} +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(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(73, 87, 113, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #E5E8EC; +} +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: #E5E8EC; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #3C4962; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 1px solid #65738D; + box-shadow: 0 2px 4px -1px rgba(0, 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 #65738D; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #3C4962; + border-radius: 3px; +} +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: 3px; +} +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: #E5E8EC; + width: 100%; + border: 0 none; + background: #3C4962; + 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: #3C4962; + color: #E5E8EC; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #3C4962; + 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 #65738D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #65738D; + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #65738D; + background: #3C4962; + color: #E5E8EC; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #3C4962; + border: 1px solid #65738D; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #E5E8EC; + 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(73, 87, 113, 0.7); +} +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: #E5E8EC; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #E5E8EC; +} +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: #CDD2DB; +} +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: #E5E8EC; + background: #3C4962; + border: 1px solid #65738D; + 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: #E5E8EC; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; + border-color: rgba(127, 167, 204, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #E5E8EC; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #65738D; + 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: #3C4962; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #65738D; + 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: #3C4962; + color: #CDD2DB; + top: 0; + margin: 0; + border-bottom: 2px solid #65738D; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #CDD2DB; + 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: #3C4962; + border-color: #7FA7CC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #E5E8EC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #E5E8EC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #3C4962; + border-color: #7FA7CC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #7FA7CC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #7FA7CC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A0C7E5; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + color: #2B7AA4; + 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: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #F8D895; + border: 1px solid #A76927; + color: #A76927; + 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: #A76927; +} +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: #A76927; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + color: #AD342B; + 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: #AD342B; +} +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: #AD342B; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 3px; + color: #2B7AA4; +} +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: #2B7AA4; + 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: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 3px; + color: #A76927; +} +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: #A76927; + 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: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 3px; + color: #AD342B; +} +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: #AD342B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A0C7E5; +} +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: #9BF2F7; + border: 1px solid #2B7AA4; + border-width: 0 0 0 6px; + color: #2B7AA4; +} +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: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #9BF2F7; + color: #2B7AA4; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #83eff5; +} +body .ui-messages .ui-messages-warn { + background: #F8D895; + border: 1px solid #A76927; + border-width: 0 0 0 6px; + color: #A76927; +} +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: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #F8D895; + color: #A76927; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #f6cf7d; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FABD9A; + border: 1px solid #AD342B; + border-width: 0 0 0 6px; + color: #AD342B; +} +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: #AD342B; +} +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: #FABD9A; + color: #AD342B; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #f9ad82; +} + +body .ui-avatar { + background-color: #65738D; + border-radius: 3px; +} +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 #3C4962; +} + +body .ui-badge { + background: #7FA7CC; + color: #f8fafc; + 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: #65738D; + color: #E5E8EC; + 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: 3px; + 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 #A0C7E5; +} + +body .ui-clock { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: 3px; + 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: #65738D; + 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: #7FA7CC; + color: #f8fafc; +} +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: rgba(127, 167, 204, 0.7); + color: #f8fafc; +} +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 #A0C7E5; +} +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 #A0C7E5; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #65738D; + border-radius: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #3C4962; + color: #E5E8EC; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #A0C7E5; +} +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: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #65738D; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #7FA7CC; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #E5E8EC; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: rgba(127, 167, 204, 0.7); +} +body .ui-scrolltop:hover { + background: rgba(127, 167, 204, 0.772); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #f8fafc; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 3px; +} +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: #7FA7CC; + color: #f8fafc; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #3C4962; + color: #E5E8EC; + border: 1px solid #65738D; + border-radius: 3px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +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(60, 73, 98, 0); + border-bottom-color: #3C4962; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(101, 115, 141, 0); + border-bottom-color: #65738D; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #3C4962; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #65738D; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border: 1px solid #65738D; + border-radius: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #3C4962; + color: #E5E8EC; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #A0C7E5; +} +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: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #E5E8EC; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A0C7E5; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #3C4962; + color: #E5E8EC; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #3C4962; + color: #E5E8EC; + padding: 0; + border: 1px solid #65738D; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +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: #7FA7CC; + color: #f8fafc; + 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: #557DAA; + color: #f8fafc; +} +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: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A0C7E5; +} +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: 0 0 10px 0 rgba(0, 0, 0, 0.16); +} + +body .ui-tooltip .ui-tooltip-text { + background: #65738D; + color: #E5E8EC; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #65738D; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #65738D; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #65738D; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #65738D; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #65738D; + border-top: 0 none; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + 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 #65738D; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #3C4962; + border-color: #65738D; + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A0C7E5; +} +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-content { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #3C4962; + color: #E5E8EC; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #CDD2DB; +} +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: rgba(127, 167, 204, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #3C4962; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #65738D; +} +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 #65738D; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #65738D; + background: rgba(73, 87, 113, 0.7); + color: #E5E8EC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #A0C7E5; +} + +body .ui-notificationbar { + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border: 1px solid #65738D; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #CDD2DB; + transition: background-color 0.2s, color 0.2s, border-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(73, 87, 113, 0.7); + color: #E5E8EC; + 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 #A0C7E5; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #2B364C; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: #65738D; + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #65738D; +} + +body .ui-splitter { + border: 1px solid #65738D; + background: #3C4962; + border-radius: 3px; + color: #E5E8EC; +} +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: #65738D; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #65738D; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #3C4962; + 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: #3C4962; + color: #CDD2DB; + 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: #CDD2DB; + 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: #3C4962; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #E5E8EC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #E5E8EC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #3C4962; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #7FA7CC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #7FA7CC; +} +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 #A0C7E5; +} +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: #3C4962; + color: #E5E8EC; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #65738D; + 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 #65738D; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #7FA7CC; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #7FA7CC; +} +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 #65738D; + 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 #65738D; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #7FA7CC; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #7FA7CC; +} +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 #65738D; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #65738D; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #7FA7CC; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #7FA7CC; +} +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 #65738D; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #7FA7CC; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #7FA7CC; +} +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: #3C4962; + color: #CDD2DB; + 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(73, 87, 113, 0.7); + color: #E5E8EC; +} + +body .ui-toolbar { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #65738D; + background: #3C4962; + color: #E5E8EC; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #65738D; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(127, 167, 204, 0.7); + color: #f8fafc; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-wedgewood-dim/theme.scss b/src/main/webapp/resources/primefaces-poseidon-wedgewood-dim/theme.scss new file mode 100644 index 0000000..c82d2c2 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-wedgewood-dim/theme.scss @@ -0,0 +1,7 @@ +$primaryLightColor: #A0C7E5 !default; +$primaryColor:#7FA7CC !default; +$primaryDarkColor: #557DAA !default; +$primaryDarkerColor: #3E6192 !default; +$primaryTextColor: #f8fafc !default; + +@import '../sass/theme/_theme_dim'; \ No newline at end of file diff --git a/src/main/webapp/resources/primefaces-poseidon-wedgewood-light/theme.css b/src/main/webapp/resources/primefaces-poseidon-wedgewood-light/theme.css new file mode 100644 index 0000000..e573db1 --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-wedgewood-light/theme.css @@ -0,0 +1,7354 @@ +:root { + --surface-a:#FDFEFF; + --surface-b:#F6F9FE; + --surface-c:rgba(232, 241, 248, 0.7); + --surface-d:#E4E5E5; + --surface-e:#FDFEFF; + --surface-f:#FDFEFF; + --text-color:#515C66; + --text-color-secondary:#657380; + --primary-color:#557DAA; + --primary-color-text:#f8fafc; + --font-family:Open Sans; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F5F5F5; + --surface-200: #EEEEEE; + --surface-300: #E0E0E0; + --surface-400: #BDBDBD; + --surface-500: #9E9E9E; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#f8f9fa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: #e9ecef; + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem #7FA7CC; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Open Sans"; + 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); +} + +: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:#f7f9fb; + --primary-100:#d6e0eb; + --primary-200:#b6c7da; + --primary-300:#96aeca; + --primary-400:#7596ba; + --primary-500:#557daa; + --primary-600:#486a91; + --primary-700:#3c5877; + --primary-800:#2f455e; + --primary-900:#223244; +} + +body .ui-button { + background: #557DAA; + color: #f8fafc; + border: 1px solid #557DAA; + margin: 0; + outline: 0 none; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-button.ui-state-hover { + background: #3E6192; + border-color: #3E6192; + color: #f8fafc; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #7FA7CC; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #2A487A; + border-color: #2A487A; + color: #f8fafc; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #557DAA; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(85, 125, 170, 0.04); + color: #557DAA; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(85, 125, 170, 0.16); + color: #557DAA; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: #657380; + border-color: #657380; +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #657380; +} +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: #E4E5E5; + color: #657380; +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #557DAA; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(85, 125, 170, 0.04); + color: #557DAA; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(85, 125, 170, 0.16); + color: #557DAA; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: #657380; +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #657380; +} +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: #E4E5E5; + color: #657380; +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #FDFEFF; + color: #515C66; + border: 1px solid #D7D8D9; + 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: #657380; +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + border-color: #D7D8D9; + color: #515C66; +} +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: #657380; +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #557DAA; + border-color: #557DAA; + color: #f8fafc; +} +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: #f8fafc; +} +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: #3E6192; + border-color: #3E6192; + color: #f8fafc; +} +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: #f8fafc; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-top-right-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + 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: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: #537f2d; + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #557DAA; + 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: #3E6192; + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: #2A487A; +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + 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: 3px; + border-bottom-right-radius: 3px; +} +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: #F6F9FE; + color: #515C66; +} +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: #657380; +} +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: #515C66; + color: #fff; +} +body .ui-speeddial-action:hover { + background: #3B475F; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #7FA7CC; +} +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(232, 241, 248, 0.7); + 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: #E4E5E5; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #557DAA; + color: #f8fafc; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #557DAA; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #FDFEFF; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #E4E5E5; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-datatable .ui-datatable-footer { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: 700; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #557DAA; + 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 #7FA7CC; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable thead th.ui-state-active { + background: #F6F9FE; + color: #557DAA; +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #557DAA; +} +body .ui-datatable .ui-datatable-data > tr { + background: #FDFEFF; + color: #515C66; + 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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(85, 125, 170, 0.7); + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #f8fafc; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #f8fafc; +} +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: #FDFEFF; + color: #515C66; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #7FA7CC; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #7FA7CC; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #7FA7CC; +} +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: rgba(85, 125, 170, 0.7); +} +body .ui-datatable .ui-column-resizer-helper { + background: #557DAA; +} +body .ui-datatable tfoot td { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + 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: #F6F9FE; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + width: auto; + height: auto; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #fbfcfc; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(85, 125, 170, 0.7); + color: #f8fafc; +} +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-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: #FDFEFF; + border: 1px solid #D7D8D9; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: transparent; + color: #515C66; + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #FDFEFF; + color: #515C66; + padding: 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #E4E5E5; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(85, 125, 170, 0.7); +} +body .fc th { + background: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} +body .fc td { + border: 1px solid #E4E5E5; +} +body .fc td.fc-widget-content { + background: #FDFEFF; + border: 1px solid #E4E5E5; + color: #515C66; +} +body .fc td.fc-head-container { + border: 1px solid #E4E5E5; +} +body .fc .fc-row { + border-right: 1px solid #E4E5E5; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: #3E6192; + border: 1px solid #3E6192; + color: #f8fafc; +} +body .fc .fc-divider { + background: #F6F9FE; + border: 1px solid #E4E5E5; +} +body .fc .fc-toolbar .fc-button { + background: #557DAA; + color: #f8fafc; + border: 1px solid #557DAA; + 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: #3E6192; + border-color: #3E6192; + color: #f8fafc; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #7FA7CC; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #2A487A; + border-color: #2A487A; + color: #f8fafc; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(85, 125, 170, 0.7); + color: #f8fafc; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(68, 100, 136, 0.7); +} +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: #FDFEFF; + border: solid rgba(232, 241, 248, 0.7); + 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: #657380; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid transparent; + vertical-align: top; + padding: 0; + border-radius: 3px; + 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(232, 241, 248, 0.7); + color: #515C66; + 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 #7FA7CC; +} +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: #657380; +} +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: #657380; + margin: 0 0.125em; + border-radius: 3px; + 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: rgba(85, 125, 170, 0.7); + color: #f8fafc; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + 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 #7FA7CC; +} +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: #F6F9FE; + border: 1px solid #E4E5E5; + color: #515C66; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #657380; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 0.5rem 0; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(85, 125, 170, 0.7); + color: #f8fafc; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(68, 100, 136, 0.7); +} +@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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-tagcloud a { + color: #515C66; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(85, 125, 170, 0.7); + color: #f8fafc; +} + +body .timeline-frame { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7FA7CC; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(85, 125, 170, 0.7); + color: #f8fafc; +} +body .vis-timeline { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .vis-timeline .vis-item { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; +} +body .vis-timeline .vis-item .vis-item-content { + color: #515C66; +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(85, 125, 170, 0.7); + border-color: rgba(85, 125, 170, 0.7); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #f8fafc; +} +body .vis-timeline .vis-time-axis .vis-text { + color: #515C66; +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + width: 100%; + border-radius: 3px; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #7FA7CC; +} +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: 3px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(85, 125, 170, 0.7); + color: #f8fafc; +} +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: #515C66; +} +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-tree-droppoint.ui-state-hover { + background: rgba(85, 125, 170, 0.7); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #7FA7CC; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(85, 125, 170, 0.7); + color: #f8fafc; +} +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: #515C66; +} +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: #FDFEFF; +} +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: #657380; +} +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 rgba(85, 125, 170, 0.7); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} +body .ui-treetable .ui-treetable-footer { + background: #F6F9FE; + color: #515C66; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: #F6F9FE; + color: #515C66; + padding: 1rem 1rem; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: 700; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #f8fafc; + background: #557DAA; + 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 #7FA7CC; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-treetable thead th.ui-state-active { + background: #F6F9FE; + color: #557DAA; +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #557DAA; +} +body .ui-treetable .ui-treetable-data > tr { + background: #FDFEFF; + color: #515C66; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #7FA7CC; +} +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: #515C66; +} +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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(85, 125, 170, 0.7); + color: #f8fafc; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #7FA7CC; +} +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: #f8fafc; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #f8fafc; +} +body .ui-treetable tfoot td { + background: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + border-width: 0 0 1px 0; + color: #515C66; + 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: #F6F9FE; +} +body .ui-treetable .ui-column-resizer-helper { + background: #557DAA; +} +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(232, 241, 248, 0.7); +} +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 #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.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-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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"; +} + +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-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #E4E5E5; + color: #515C66; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 3px; +} +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: "Open Sans"; + font-size: 1rem; + color: #515C66; + -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: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 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: #515C66; + 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: #515C66; + 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: #FDFEFF; + color: #515C66; + 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: rgba(85, 125, 170, 0.7); + color: #f8fafc; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(85, 125, 170, 0.7); + color: #f8fafc; +} +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: #FDFEFF; + border: 1px solid #D7D8D9; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #557DAA; +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #557DAA; + outline: 0 none; + box-shadow: 0 0 0 0.2em #7FA7CC; +} +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: #657380; +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: #657380; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-cascadeselect-panel { + background: #FDFEFF; + border: 0 none; + border-radius: 3px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +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: #515C66; + 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 #7FA7CC; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #f8fafc; + background: rgba(85, 125, 170, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #515C66; + background: rgba(232, 241, 248, 0.7); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #F6F9FE; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #F6F9FE; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 1.5rem; + height: 1.5rem; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #D7D8D9; + border-width: 2px; + background: #FDFEFF; + width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 3px; + 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: #557DAA; +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 0.2em #7FA7CC; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #557DAA; + background: #557DAA; + color: #f8fafc; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #3E6192; +} +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: #F6F9FE; +} +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: #F6F9FE; +} +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: #557DAA; +} +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: #3E6192; +} + +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: #E4E5E5; + color: #515C66; + border-radius: 3px; +} +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: "\e90b"; +} +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: "Open Sans"; + font-size: 1rem; + color: #515C66; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 3px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #FDFEFF; + border: 1px solid #D7D8D9; + color: #515C66; + padding: 0.5rem; + width: auto; + border-radius: 3px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #FDFEFF; + color: #515C66; + font-weight: 600; + border: solid #E4E5E5; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #7FA7CC; +} +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 { + padding: 0; + color: #515C66; + 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:hover { + background: rgba(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7FA7CC; +} +body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { + background: rgba(85, 125, 170, 0.7); + color: #f8fafc; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { + background: transparent; + color: #2A487A; + font-weight: 600; + 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(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active { + background: rgba(85, 125, 170, 0.7); + color: #f8fafc; + 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: #515C66; + background: #FDFEFF; + padding: 0.5rem 0.5rem; + border: 1px solid #D7D8D9; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #557DAA; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #557DAA; + outline: 0 none; + box-shadow: 0 0 0 0.2em #7FA7CC; +} +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: 3px; + 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 #E4E5E5; + padding: 1rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #515C66; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + border: 3px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(232, 241, 248, 0.7); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7FA7CC; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(85, 125, 170, 0.7); + color: #f8fafc; + 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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7FA7CC; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7FA7CC; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + 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: #557DAA; + outline: 0 none; + box-shadow: 0 0 0 0.2em #7FA7CC; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #657380; +} +body :-moz-placeholder { + color: #657380; + opacity: 1; +} +body ::-moz-placeholder { + color: #657380; + opacity: 1; +} +body :-ms-input-placeholder { + color: #657380; +} +body .p-field small.ui-state-error { + color: #f44336; +} +body .ui-float-label > label { + margin-left: 0.5rem; + color: #657380; +} +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: #515C66; +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #515C66; +} +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: #657380; +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #657380; +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} +body .ui-inputfield { + color: #515C66; + background: #FDFEFF; + padding: 0.5rem 0.5rem; + border: 1px solid #D7D8D9; + outline: 0 none; + font-size: 1rem; + border-radius: 3px; + 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: #557DAA; +} +body .ui-inputfield.ui-state-focus { + border-color: #557DAA; + outline: 0 none; + box-shadow: 0 0 0 0.2em #7FA7CC; +} +body .ui-inputfield.ui-state-error { + border-color: #f44336; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #F6F9FE; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #F6F9FE; +} +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: #D7D8D9; + background: rgba(232, 241, 248, 0.7); + color: #657380; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +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: #E4E5E5; + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #FDFEFF; + border-radius: 50%; + border: 2px solid #E4E5E5; + 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: #557DAA; + outline: 0 none; + box-shadow: 0 0 0 0.2em #7FA7CC; +} +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: #557DAA; +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #FDFEFF; + border-color: #2A487A; + margin-left: 2px; +} + +body .keypad-popup { + background: #FDFEFF; + color: #515C66; + 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: #FDFEFF; + border: 1px solid #D7D8D9; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #515C66; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +body .keypad-popup button.ui-state-hover { + background: #ebebef; + border-color: #D7D8D9; + color: #515C66; +} +body .keypad-popup button.ui-state-active { + background: #2A487A; + border-color: #2A487A; + color: #FDFEFF; +} +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: #557DAA; + color: #f8fafc; + border: 1px solid #557DAA; +} +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: #3E6192; + border-color: #3E6192; + color: #f8fafc; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #7FA7CC; +} +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: #2A487A; + border-color: #2A487A; + color: #f8fafc; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #D7D8D9; + 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: #F6F9FE; + color: #515C66; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #FDFEFF; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: transparent; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(85, 125, 170, 0.7); + color: #f8fafc; +} + +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: #FDFEFF; + color: #515C66; + 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: 3px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #D7D8D9; + border-width: 2px; + background: #FDFEFF; + 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: #557DAA; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 0.2em #7FA7CC; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #557DAA; + background: #557DAA; + color: #f8fafc; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #3E6192; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #f8fafc; +} +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: #F6F9FE; +} +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: #F6F9FE; +} +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: #557DAA; +} +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: #3E6192; +} + +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 #7FA7CC; +} +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 #7FA7CC; +} +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: #515C66; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #3E6192; +} +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: #557DAA; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #f8fafc; +} + +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 #D7D8D9; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #FDFEFF; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: transparent; + border-radius: 3px; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #657380; + 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: #557DAA; +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #557DAA; + outline: 0 none; + box-shadow: 0 0 0 0.2em #7FA7CC; +} +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: #E4E5E5; + color: #515C66; + border-radius: 3px; +} +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: "Open Sans"; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #F6F9FE; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #F6F9FE; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #F6F9FE; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #F6F9FE; + color: #515C66; + 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: #657380; +} +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: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #7FA7CC; +} +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-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: transparent; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(85, 125, 170, 0.7); + color: #f8fafc; +} +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-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #515C66; +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #D7D8D9; + border-radius: 3px; + background: #FDFEFF; +} +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: #F6F9FE; + color: #515C66; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +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: #657380; +} +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: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +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: rgba(85, 125, 170, 0.7); + color: #f8fafc; +} +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 #7FA7CC; +} +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: #FDFEFF; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #D7D8D9; + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #FDFEFF; +} +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: 3px; + border-bottom-right-radius: 3px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #657380; + 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: #557DAA; +} +body .ui-selectonemenu.ui-state-focus { + border-color: #557DAA; + outline: 0 none; + box-shadow: 0 0 0 0.2em #7FA7CC; +} +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: #F6F9FE; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #F6F9FE; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #F6F9FE; +} +body .ui-selectonemenu-panel { + background: #FDFEFF; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #F6F9FE; + color: #515C66; +} +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: #657380; +} +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: #F6F9FE; + border: 1px solid rgba(232, 241, 248, 0.7); + color: #515C66; + font-weight: 700; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: transparent; + color: #515C66; + 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: #FDFEFF; + color: #515C66; + 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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(85, 125, 170, 0.7); + color: #f8fafc; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem 1rem; + color: #515C66; +} + +body .ui-slider { + background: #E4E5E5; +} +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #FDFEFF; + border: 2px solid #557DAA; + 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: #557DAA; + background: #557DAA; +} +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: #557DAA; +} +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: 3px; +} +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: 3px; +} +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; +} + +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: #E4E5E5; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: #FDFEFF; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition: transform 0.2s; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + 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 #7FA7CC; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #557DAA; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before { + background: #FDFEFF; +} + +body .ui-breadcrumb { + background: #FDFEFF; + border: 1px solid #E4E5E5; + border-radius: 3px; + 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: 3px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7FA7CC; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: #515C66; +} +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: #515C66; +} +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: #657380; + 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: #515C66; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: 3px; + 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 #7FA7CC; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} +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: #515C66; +} +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: #515C66; +} +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: #657380; + 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: #515C66; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #657380; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #FDFEFF; + border: 1px solid #E4E5E5; + border-radius: 3px; +} +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: #515C66; + 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: #515C66; + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #515C66; +} +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(232, 241, 248, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #657380; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #515C66; +} +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: #657380; +} +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: #657380; +} +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(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #515C66; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(232, 241, 248, 0.7); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #515C66; +} +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: #515C66; +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #FDFEFF; + padding: 0.25rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 3px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 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 #E4E5E5; +} +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #F6F9FE; + border-radius: 3px; +} +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: 3px; +} +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: #515C66; + 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: #515C66; + 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: 3px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #F6F9FE; + 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 #E4E5E5; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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 #E4E5E5; + border-top: 0 none; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #E4E5E5; + background: #F6F9FE; + color: #515C66; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #FDFEFF; + border: 1px solid #E4E5E5; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #515C66; + 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(232, 241, 248, 0.7); +} +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: #515C66; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #515C66; +} +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: #657380; +} +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: #515C66; + background: #FDFEFF; + border: 1px solid rgba(232, 241, 248, 0.7); + 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: #657380; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(85, 125, 170, 0.7); + color: #f8fafc; + border-color: rgba(85, 125, 170, 0.7); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #515C66; +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #E4E5E5; + 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: #FDFEFF; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #E4E5E5; + 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: #FDFEFF; + color: #657380; + top: 0; + margin: 0; + border-bottom: 2px solid #E4E5E5; + 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-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #657380; + 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: #FDFEFF; + border-color: #515C66; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #657380; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #657380; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #FDFEFF; + border-color: #557DAA; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #557DAA; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #557DAA; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7FA7CC; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 3px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +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 #03A9F4; + color: #01579B; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: 1px solid #FFC107; + color: #7f6003; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + color: #B71C1C; + border-width: 0 0 0 6px; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 3px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: 1px solid #03A9F4; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: 1px solid #FFC107; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 3px; +} +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 3px; +} +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; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7FA7CC; +} +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 #03A9F4; + border-width: 0 0 0 6px; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: 1px solid #FFC107; + border-width: 0 0 0 6px; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: 1px solid #EF5350; + border-width: 0 0 0 6px; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +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: #E4E5E5; + border-radius: 3px; +} +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 #FDFEFF; +} + +body .ui-badge { + background: #557DAA; + color: #f8fafc; + 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: #E4E5E5; + color: #515C66; + 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: 3px; + 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 #7FA7CC; +} + +body .ui-clock { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: #F6F9FE; + 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: #F6F9FE; +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #F6F9FE; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 3px; + 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: #F6F9FE; +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #F6F9FE; + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(232, 241, 248, 0.7); + 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: #E4E5E5; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #557DAA; + color: #f8fafc; +} +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: rgba(85, 125, 170, 0.7); + color: #f8fafc; +} +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: #F6F9FE; + 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: #F6F9FE; +} +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 #7FA7CC; +} +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 #7FA7CC; +} + +.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: 3px; + height: auto; +} +body .ui-log .ui-log-header { + background: #FDFEFF; + color: #515C66; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #7FA7CC; +} +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: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #efefef; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #557DAA; + border-radius: 3px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #515C66; + 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: #F6F9FE; +} + +body .ui-skeleton { + background-color: rgba(232, 241, 248, 0.7); + border-radius: 3px; +} +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: #557DAA; + color: #f8fafc; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; +} +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: #FDFEFF; + color: #515C66; + border: 1px solid #E4E5E5; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #FDFEFF; + color: #515C66; + border: 0 none; + border-radius: 3px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +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(253, 254, 255, 0); + border-bottom-color: #FDFEFF; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(253, 254, 255, 0); + border-bottom-color: #FDFEFF; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #FDFEFF; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #FDFEFF; +} +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: 3px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #FDFEFF; + color: #515C66; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #7FA7CC; +} +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: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0 1.5rem 2rem 1.5rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #FDFEFF; + color: #515C66; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +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-lightbox { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #515C66; + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7FA7CC; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #FDFEFF; + color: #515C66; + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #FDFEFF; + color: #515C66; + 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: 3px; +} +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: #557DAA; + color: #f8fafc; + 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: #3E6192; + color: #f8fafc; +} +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: #FDFEFF; + color: #515C66; + padding: 1rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7FA7CC; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #252529; + color: #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: 3px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #252529; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #252529; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #252529; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #252529; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #E4E5E5; + border-top: 0 none; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + 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 #E4E5E5; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #F6F9FE; + border-color: #E4E5E5; + color: #515C66; +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7FA7CC; +} +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-content { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +body .ui-card { + background: #FDFEFF; + color: #515C66; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; +} +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: #657380; +} +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: rgba(85, 125, 170, 0.7); +} + +body .ui-divider .ui-divider-content { + background-color: #FDFEFF; +} +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #E4E5E5; +} +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 #E4E5E5; +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + border-radius: 3px; + 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: #E4E5E5; + background: rgba(232, 241, 248, 0.7); + color: #515C66; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #515C66; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7FA7CC; +} + +body .ui-notificationbar { + background: #FDFEFF; + color: #515C66; + padding: 1rem; + border: 1px solid #E4E5E5; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: #657380; + transition: background-color 0.2s, color 0.2s, border-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(232, 241, 248, 0.7); + color: #515C66; + 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 #7FA7CC; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #E4E5E5; + background: #FDFEFF; + color: #515C66; + padding: 1rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #E4E5E5; + background: #FDFEFF; + color: #515C66; + 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 #E4E5E5; + background: #FDFEFF; + border-radius: 3px; + color: #515C66; +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: #F6F9FE; +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #E4E5E5; +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: #E4E5E5; +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #FDFEFF; + 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: #FDFEFF; + color: #657380; + 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: #657380; + 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: #FDFEFF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #657380; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #657380; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #FDFEFF; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #557DAA; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #557DAA; +} +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 #7FA7CC; +} +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: #FDFEFF; + color: #515C66; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +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 #E4E5E5; + 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 #E4E5E5; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #557DAA; +} +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 #E4E5E5; + 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 #E4E5E5; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #557DAA; +} +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 #E4E5E5; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #E4E5E5; + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #557DAA; +} +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 #E4E5E5; + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #515C66; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #557DAA; +} +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: #FDFEFF; + color: #657380; + 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(232, 241, 248, 0.7); + color: #515C66; +} + +body .ui-toolbar { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + padding: 1rem; + border-radius: 3px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #E4E5E5; + background: #F6F9FE; + color: #515C66; + 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: 3px; + border-bottom-left-radius: 3px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right: 1px solid #E4E5E5; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(85, 125, 170, 0.7); + color: #f8fafc; +} +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 theme here */ diff --git a/src/main/webapp/resources/primefaces-poseidon-wedgewood-light/theme.scss b/src/main/webapp/resources/primefaces-poseidon-wedgewood-light/theme.scss new file mode 100644 index 0000000..bffeacb --- /dev/null +++ b/src/main/webapp/resources/primefaces-poseidon-wedgewood-light/theme.scss @@ -0,0 +1,7 @@ +$primaryLightColor: #7FA7CC !default; +$primaryColor:#557DAA !default; +$primaryDarkColor: #3E6192 !default; +$primaryDarkerColor: #2A487A !default; +$primaryTextColor: #f8fafc !default; + +@import '../sass/theme/_theme_light'; \ No newline at end of file diff --git a/src/main/webapp/resources/sass/_fonts.scss b/src/main/webapp/resources/sass/_fonts.scss new file mode 100644 index 0000000..d7b78e1 --- /dev/null +++ b/src/main/webapp/resources/sass/_fonts.scss @@ -0,0 +1,52 @@ +/* open-sans-300 - latin */ +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 300; + src: url("\#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-300.eot']}"); /* IE9 Compat Modes */ + src: local('Open Sans Light'), local('OpenSans-Light'), + url("\#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-300.eot']}?#iefix") format('embedded-opentype'), /* IE6-IE8 */ + url("\#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-300.woff2']}") format('woff2'), /* Super Modern Browsers */ + url("\#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-300.woff']}") format('woff'), /* Modern Browsers */ + url("\#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-300.ttf']}") format('truetype'), /* Safari, Android, iOS */ + url("\#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-300.svg']}#OpenSans") format('svg'); /* Legacy iOS */ +} +/* open-sans-regular - latin */ +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + src: url("\#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-regular.eot']}"); /* IE9 Compat Modes */ + src: local('Open Sans'), local('OpenSans'), + url("\#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-regular.eot']}?#iefix") format('embedded-opentype'), /* IE6-IE8 */ + url("\#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-regular.woff2']}") format('woff2'), /* Super Modern Browsers */ + url("\#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-regular.woff']}") format('woff'), /* Modern Browsers */ + url("\#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-regular.ttf']}") format('truetype'), /* Safari, Android, iOS */ + url("\#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-regular.svg']}#OpenSans") format('svg'); /* Legacy iOS */ +} +/* open-sans-600 - latin */ +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 600; + src: url("\#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-600.eot']}"); /* IE9 Compat Modes */ + src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), + url("\#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-600.eot']}?#iefix") format('embedded-opentype'), /* IE6-IE8 */ + url("\#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-600.woff2']}") format('woff2'), /* Super Modern Browsers */ + url("\#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-600.woff']}") format('woff'), /* Modern Browsers */ + url("\#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-600.ttf']}") format('truetype'), /* Safari, Android, iOS */ + url("\#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-600.svg']}#OpenSans") format('svg'); /* Legacy iOS */ +} +/* open-sans-700 - latin */ +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 700; + src: url("\#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-700.eot']}"); /* IE9 Compat Modes */ + src: local('Open Sans Bold'), local('OpenSans-Bold'), + url("\#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-700.eot']}?#iefix") format('embedded-opentype'), /* IE6-IE8 */ + url("\#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-700.woff2']}") format('woff2'), /* Super Modern Browsers */ + url("\#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-700.woff']}") format('woff'), /* Modern Browsers */ + url("\#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-700.ttf']}") format('truetype'), /* Safari, Android, iOS */ + url("\#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-700.svg']}#OpenSans") format('svg'); /* Legacy iOS */ +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/layout/_animation.scss b/src/main/webapp/resources/sass/layout/_animation.scss new file mode 100644 index 0000000..49e1685 --- /dev/null +++ b/src/main/webapp/resources/sass/layout/_animation.scss @@ -0,0 +1,90 @@ +@-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: .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; +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/layout/_breadcrumb.scss b/src/main/webapp/resources/sass/layout/_breadcrumb.scss new file mode 100644 index 0000000..4a605be --- /dev/null +++ b/src/main/webapp/resources/sass/layout/_breadcrumb.scss @@ -0,0 +1,52 @@ +.layout-breadcrumb { + background-color: transparent; + padding: 12px 32px; + @include flex(); + align-items: center; + justify-content: space-between; + + .breadcrumb{ + @include flex(); + @include flex-align-center(); + + .route-bar-breadcrumb { + list-style: none; + @include flex(); + justify-content: space-around; + align-items: center; + padding: 0; + + > li { + padding: 0; + padding-right: 12px; + font-size: 12px; + font-weight: normal; + color: $textSecondaryColor; + text-transform: uppercase; + + i { + font-size: 10px; + } + + .ui-link { + color: $textColor; + @include transition(color $transitionDuration); + font-size: 12px; + + &:hover { + color: $primaryColor; + } + } + } + } + } +} + +@media (max-width : 992px){ + .layout-breadcrumb { + + .breadcrumb{ + width: 100%; + } + } +} diff --git a/src/main/webapp/resources/sass/layout/_config.scss b/src/main/webapp/resources/sass/layout/_config.scss new file mode 100644 index 0000000..e9ba759 --- /dev/null +++ b/src/main/webapp/resources/sass/layout/_config.scss @@ -0,0 +1,303 @@ +.layout-config { + position: fixed; + padding: 0; + top: 0; + right: 0; + width: 250px; + z-index: 999; + height: 100%; + transform: translate3d(250px, 0px, 0px); + @include transition(transform $transitionDuration); + background-color:lighten($contentBgColor, 2%); + 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); + + &.layout-config-active { + transform: translate3d(0px, 0px, 0px); + + .layout-config-content { + .layout-config-button { + i { + @include rotate(360deg); + } + } + } + } + + .layout-config-content { + position: relative; + height: 100%; + + > form { + height: 100%; + } + + .layout-config-form { + overflow: auto; + overflow-x: hidden; + } + + .layout-config-button { + display: block; + position: absolute; + width: 52px; + height: 52px; + line-height: 52px; + background-color: #2c84d8; + background-color: var(--primary-dark-color, #2c84d8); + text-align: center; + top: 230px; + left: -51px; + z-index: -1; + cursor: pointer; + color: #ffffff; + @include transition(background-color $transitionDuration); + + i { + font-size: 32px; + line-height: inherit; + cursor: pointer; + @include rotate(0deg); + @include transition(transform 1s); + } + + &:hover { + background-color: #2873D3; + background-color: var(--primary-color, #2873D3); + } + } + + .layout-config-header { + padding: 18px 12px; + margin-bottom: 12px; + color: #ffffff; + background-image: linear-gradient(180deg, #2873D3 10%, #2c84d8 100%); + background-image: linear-gradient(180deg, var(--primary-dark-color, #2873D3) 10%, var(--primary-color, #2c84d8) 100%); + + > span { + font-size: 12px; + display: block; + color: #ffffff; + color: var(--primary-color-text, #ffffff); + } + } + + .layout-config-section { + padding: 10px 12px; + + .section-name { + font-weight: 500; + font-size: 12px; + display: block; + color: $textColor; + } + + &.dark { + @include flex(); + @include flex-align-center(); + + .section-name { + margin-right: 18px; + } + + .ui-inputswitch { + .ui-inputswitch-on, + .ui-inputswitch-off { + padding: 0; + } + } + } + + &.colors { + .layout-config-colors { + padding: 0 10px; + margin-top: 3px; + + .col-fixed { + padding: .5em; + } + } + } + + &.options { + .layout-config-options { + margin-top: 3px; + .ui-selectoneradio { + width: 100%; + padding: 0 10px; + + label { + font-size: 12px; + margin: 0; + margin-left: 6px; + } + } + } + + } + + a { + @include flex-center(); + @include flex-direction-column(); + overflow: hidden; + @include transition(transform $transitionDuration); + position: relative; + color:$textColor; + text-transform: capitalize; + + + &:hover { + @include scale(1.1); + } + + &.layout-config-option { + .layout-config-option-text { + margin-top: .2em; + } + + .layout-config-option-color { + width: 24px; + height: 24px; + @include border-radius(4px); + position: relative; + overflow: hidden; + border: 1px solid rgba(0,0,0,.1); + + .layout-config-option-accentcolor { + display: block; + width: 18px; + height: 28px; + position: absolute; + bottom: -10px; + right: -7px; + transform: rotate(45deg); + } + } + + .layout-config-option-check-mask { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; + @include flex-center(); + + i { + @include flex-center(); + font-size: 12px; + color: $primaryColor; + @include border-radius(50%); + background-color: #ffffff; + width: 16px; + height: 16px; + box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); + z-index: 1; + } + } + } + } + } + + + } +} + +.blocked-scroll-config{ + overflow: hidden; +} + +.layout-rtl { + .layout-config { + right: auto; + left: 0; + transform: translate3d(-250px, 0px, 0px); + + &.layout-config-active { + transform: translate3d(0px, 0px, 0px); + + .layout-config-content { + .layout-config-button { + i { + @include rotate(360deg); + } + } + } + } + + .layout-config-content { + .layout-config-button { + left: auto; + right: -51px; + } + .layout-config-section { + &.dark { + .section-name { + margin-right: 0px; + margin-left: 18px; + } + } + &.options { + .layout-config-options { + .ui-selectoneradio { + label { + margin-left: 0px; + margin-right: 6px; + } + } + } + + } + } + } + } +} + +@media (max-width: 992px) { + .layout-config { + height: 100%; + width: 70vw; + transform: translate3d(70vw, 0px, 0px); + + &.layout-config-active { + transform: translate3d(0px, 0px, 0px); + } + + .layout-config-button { + left: auto; + right: -52px; + } + } + + .layout-rtl { + .layout-config { + height: 100%; + width: 70vw; + transform: translate3d(-70vw, 0px, 0px); + + &.layout-config-active { + transform: translate3d(0px, 0px, 0px); + } + } + } +} + +@media (max-width: 640px) { + .layout-config { + .ui-tabs.ui-tabs-top { + .ui-tabs-panels { + .grid { + @include flex-justify-center(); + } + + .layout-config-palette { + .layout-config-selected-palette { + width: 60px; + height: 60px; + } + } + } + } + } +} + + diff --git a/src/main/webapp/resources/sass/layout/_exception.scss b/src/main/webapp/resources/sass/layout/_exception.scss new file mode 100644 index 0000000..c2bf742 --- /dev/null +++ b/src/main/webapp/resources/sass/layout/_exception.scss @@ -0,0 +1,119 @@ +body { + &.exception-body { + height: 100vh; + + .exception-top { + height: 30%; + @include flex(); + @include flex-align-center(); + @include flex-justify-center(); + + img { + width: 100px; + display: block; + } + } + + .exception-bottom { + height: 70%; + @include flex(); + @include flex-align-center(); + flex-direction: column; + + .exception-wrapper { + padding: 50px; + text-align: center; + box-sizing: border-box; + + .exception-summary { + display: block; + color: #ffffff; + font-size: 36px; + font-weight: bold; + margin-bottom: 20px; + } + + .exception-detail { + display: block; + color: #ffffff; + margin-bottom: 50px; + } + + button { + width: 75%; + display: block; + margin: 0 auto 100px auto; + } + + .logo-icon { + height: 56px; + display: block; + margin: 0 auto 20px auto; + } + + .exception-footer { + color: #ffffff; + } + } + } + + &.error-page { + background: linear-gradient(0deg, #781919 0%, #CE5051 100%); + .exception-top { + background-color: #f0f3f5; + } + } + + &.access-page { + background: linear-gradient(0deg, #812038 0%, #f16383 100%); + + .exception-top { + background-color: #f0f3f5; + } + } + + &.notfound-page { + background: linear-gradient(0deg, #006D6D 0%, #00ACAC 100%); + + .exception-top { + background-color: #f0f3f5; + } + } + + .ui-button { + background-color: #ffffff; + border-color: #ffffff; + color: #515C66; + + &:enabled:hover { + background-color: #EDF4F7; + border-color: #EDF4F7; + color: #515C66; + } + + &:enabled:active { + background-color: #DBE9EF; + border-color: #DBE9EF; + color: #515C66; + } + + &:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DBE9EF; + } + } + } +} + +@media (max-width: 640px) { + body { + &.exception-body { + .exception-bottom { + .exception-wrapper { + width: 100%; + } + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/layout/_footer.scss b/src/main/webapp/resources/sass/layout/_footer.scss new file mode 100644 index 0000000..95c56a7 --- /dev/null +++ b/src/main/webapp/resources/sass/layout/_footer.scss @@ -0,0 +1,36 @@ +.layout-footer { + box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); + background-color: $contentBgColor; + padding: 21px 32px; + @include flex(); + @include flex-align-center(); + @include flex-justify-between(); + + > img { + height: 30px; + width: auto; + } + + .social-icons { + @include flex(); + @include flex-align-center(); + + a { + color: $textColor; + margin-left: 18px; + cursor: pointer; + padding: 6px; + + i { + font-size: 22px; + @include transition(color $transitionDuration); + } + + &:hover { + i { + color: $primaryColor; + } + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/layout/_help.scss b/src/main/webapp/resources/sass/layout/_help.scss new file mode 100644 index 0000000..2b2b310 --- /dev/null +++ b/src/main/webapp/resources/sass/layout/_help.scss @@ -0,0 +1,152 @@ +.help-page { + p { + margin: 0; + } + + .help-search { + background: url("\#{resource['poseidon-layout:images/pages/bg-help.jpg']}") ; + background-position: center; + background-repeat: no-repeat; + background-size: cover; + padding: 0; + text-align: center; + + + .help-search-content { + padding: 5rem 12rem; + + h4 { + color: #ffffff; + font-weight: 500; + } + } + + .search-container { + font-size: 1rem; + padding: 1rem; + position: relative; + + input { + appearance: none; + font-size: 1rem; + text-indent: 2.5rem; + padding: .5rem; + width: 100%; + + } + + i { + color:$primaryColor; + width: 1rem; + position: absolute; + margin-left: .5rem; + top: 50%; + margin-top: -.5rem; + } + } + } + + .status-bars { + margin-top: 1rem; + @include flex(); + + .status-bar { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: #02acac; + height: 50px; + margin-right: .25rem; + transition: transform $transitionDuration; + + &:last-child { + margin-right: 0; + } + + &.status-bar-failure { + background: #f16383; + } + + &:hover { + transform: scale(1.1); + } + } + } + + .status-bar-footer { + padding: 1rem 0 0 0; + @include flex(); + @include flex-justify-between(); + } + + .blog-post { + height: 150px; + border-radius: 4px; + margin: 3rem 2rem; + position: relative; + 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); + + &:last-child { + margin-bottom: 1rem; + } + + img { + width: 100%; + position: absolute; + left: 0; + top: 0; + } + + .blog-text { + position: absolute; + left: 20px; + top: 30px; + + h1 { + font-size: 1.25rem; + color: #ffffff; + margin-bottom: 1rem; + font-weight: 700; + } + + span { + color: #ffffff; + font-weight: 600; + } + } + + .blog-profile { + position: absolute; + top: -25px; + left: -25px; + + img { + width: 50px; + height: 50px; + border-radius: 50%; + + } + } + + &:nth-child(1) { + background-image: url("\#{resource['poseidon-layout:images/pages/help/blog1.jpg']}"); + } + + &:nth-child(2) { + background-image: url("\#{resource['poseidon-layout:images/pages/help/blog2.jpg']}"); + } + + &:nth-child(3) { + background-image: url("\#{resource['poseidon-layout:images/pages/help/blog3.jpg']}"); + } + } +} + +@media screen and (max-width: $tabletBreakpoint) { + .help-page { + .help-search { + .help-search-content { + padding: 6rem 2rem; + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/layout/_invoice.scss b/src/main/webapp/resources/sass/layout/_invoice.scss new file mode 100644 index 0000000..8d7302a --- /dev/null +++ b/src/main/webapp/resources/sass/layout/_invoice.scss @@ -0,0 +1,147 @@ +.invoice { + padding: 2rem; + + #printed-invoice-logo { + display: none; + } + + .invoice-header { + @include flex(); + @include flex-justify-between(); + } + + .invoice-company { + .logo-image { + width: 120px; + margin-bottom: .5rem; + } + + div { + margin-bottom: .5rem; + } + + .company-name { + font-weight: 700; + font-size: 1.5rem; + } + } + + .invoice-title { + font-size: 2rem; + margin-bottom: 2rem; + text-align: right; + } + + .invoice-details { + width: 15rem; + @include flex(); + @include flex-wrap(wrap); + + > div { + width: 50%; + margin-bottom: .5rem; + } + + .invoice-label { + text-align: left; + font-weight: 700; + } + + .invoice-value { + text-align: right; + } + } + + .invoice-to { + margin-top: 1.5rem; + padding-top: 2rem; + border-top: 1px solid $dividerColor; + + .bill-to { + font-size: 1.25rem; + font-weight: 700; + margin-bottom: .5rem; + } + + .invoice-to-info { + div { + margin-bottom: .5rem; + } + } + } + + .invoice-items { + margin-top: 2rem; + padding-top: 2rem; + + table { + width: 100%; + border-collapse: collapse; + + tr { + border-bottom: 1px solid $dividerColor; + } + + th { + font-weight: 700; + } + + th, td { + padding: 1rem; + text-align: right; + } + + th:first-child, td:first-child { + text-align: left; + } + } + } + + .invoice-summary { + @include flex(); + @include flex-justify-between(); + margin-top: 2.5rem; + padding-top: 2.5rem; + + .invoice-value { + font-weight: 700; + } + } +} + +@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: #515C66; + } + + .invoice { + #printed-invoice-logo { + display: inline; + } + + #invoice-logo { + display: none; + } + + .invoice-to { + border-top: 1px solid #E8F1F8; + } + + .invoice-items table tr { + border-bottom: 1px solid #E8F1F8; + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/layout/_landing.scss b/src/main/webapp/resources/sass/layout/_landing.scss new file mode 100644 index 0000000..eb4be39 --- /dev/null +++ b/src/main/webapp/resources/sass/layout/_landing.scss @@ -0,0 +1,623 @@ +.landing-wrapper { + background: #ffffff; + + .landing-topbar { + height: 120px; + background: linear-gradient(180deg, #525D72 0%, #69768D 100%); + @include flex(); + @include flex-align-center(); + @include flex-justify-between(); + width: 100%; + z-index: 999; + + #landing-menu-button { + display: none; + padding: 0 8px; + cursor: pointer; + } + + .logo { + padding: 0 120px; + } + + > ul { + list-style-type: none; + @include flex(); + @include flex-align-center(); + margin: 0; + padding: 0; + padding-right: 120px; + + > li { + #landing-menu-close { + display: none; + } + > a{ + font-weight: 500; + letter-spacing: 0.08px; + color: #ffffff; + padding:8px 16px; + margin: 0 6px; + border-radius: 5px; + @include transition(background-color $transitionDuration); + + &:hover { + background-color: rgba(#5cacf4,.3); + color:#ffffff ; + } + + } + } + } + } + .landing-banner{ + background: linear-gradient(180deg, #69768D 0%, #ffffff 100%); + @include flex(); + @include flex-justify-between(); + @include flex-align-center(); + padding:120px 120px 180px; + + .landing-banner-content { + > h2 { + font-weight: 600; + margin: 0; + margin-bottom: 12px; + color:#ffffff ; + + > span { + color: #ffffff; + } + } + + > h6 { + font-size: 15px; + font-weight: normal; + margin: 0; + margin-bottom: 24px; + color:#ffffff ; + max-width: 480px; + line-height: 1.5; + } + + > button { + padding: 8px 20px; + span { + padding: 0; + display: block; + } + } + + } + .landing-banner-image { + text-align: right; + img { + width: 80%; + height: auto; + max-height: 400px; + opacity: .8; + } + } + } + + .section-header { + @include flex(); + flex-direction: column; + @include flex-justify-center(); + @include flex-align-center(); + text-align: center; + padding: 0 120px; + + > h2 { + font-weight: 500; + margin: 0; + margin-bottom: 14px; + color: #2C3D57; + } + > h6 { + font-weight: normal; + margin: 0; + color: #2C3D57; + max-width: 480px; + line-height: 1.33; + } + } + + .landing-features { + padding: 120px 0; + + .features-cards { + padding: 120px 120px 0; + + .feature-card { + @include border-radius(5px); + background-color: #ffffff; + padding: 24px 12px 36px; + text-align: left; + cursor: pointer; + @include transition(all $transitionDuration); + + &:hover { + transform: scale3d(1.02, 1.02, 1); + } + + h5 { + margin: 6px 0 12px; + } + + > img { + height: 100px; + width: auto; + } + + span { + line-height: 1.4; + display: block; + } + } + } + } + + .landing-promo { + background: linear-gradient(360deg, #69768D 0%, #78849B 100%); + @include flex(); + @include flex-justify-between(); + @include flex-align-center(); + padding: 60px 120px; + + .landing-promo-content { + > h2 { + font-weight: 600; + margin: 0; + margin-bottom: 14px; + color:#ffffff ; + + > span { + color: #ffffff; + } + max-width: 650px; + } + + > h6 { + font-size: 15px; + font-weight: normal; + margin: 0; + margin-bottom: 14px; + color:#ffffff ; + max-width: 480px; + line-height: 1.33; + } + + > button { + padding: 8px 20px; + span { + padding: 0; + display: block; + } + } + + } + .landing-promo-image { + text-align: right; + img { + width: 60%; + height: auto; + max-height: 400px; + } + } + } + + .landing-testimonials { + padding: 120px 120px 60px; + + .testimonials { + @include flex(); + @include flex-justify-center(); + + .testimonials-wrapper { + overflow: hidden; + position: relative; + max-width: 100%; + + .testimonials-content { + @include flex(); + padding: 32px 0 0; + flex-direction: row; + transition: transform 1000ms ease 0s; + transform: translate3d(0px, 0px, 0px); + + .testimonial { + flex: 1 0 100vw; + @include transition(visibility .8s); + @include transition(transform 1000ms ease 0s); + max-width: 33%; + + .testimonial-content { + opacity: .9; + margin: 0 6px; + position: relative; + height: 100%; + background-color: #ffffff; + padding: 65px 42px 66px; + @include flex(); + @include flex-justify-between(); + flex-direction: column; + + > span { + display: block; + font-size: 14px; + line-height: 1.5; + color:#2C3D57; + margin-bottom: 20px; + flex-grow: 1; + } + + > h5 { + font-weight: 500; + line-height: 1.2; + color:#2C3D57; + margin: 0; + } + + > h6 { + font-weight: 500; + line-height: 1.5; + color: #66768D; + margin: 0; + } + + } + } + } + + .link-points { + .points { + @include flex(); + @include flex-align-center(); + @include flex-justify-center(); + padding-top: 36px; + + .point { + width: 15px; + height: 15px; + background-color:#E6E9EF; + @include border-radius(50%); + margin: 3px; + cursor: pointer; + + &.active-point{ + width: 19px; + height: 19px; + background-color: #2C3D57; + } + + &.mobile { + display: none; + } + } + } + } + } + } + + } + + .landing-pricing { + padding: 120px 0; + .section-header { + @include flex-justify-center(); + @include flex-align-center(); + text-align: center; + } + + .pricing-cards { + padding: 60px 120px; + + .pricing-card { + margin: 12px; + height: auto; + } + } + } + + .landing-contact { + padding: 60px 0 0; + background: linear-gradient(360deg, #69768D 0%, #ffffff 100%); + + .section-header { + @include flex-justify-center(); + @include flex-align-center(); + text-align: center; + > h2 { + color: #2C3D57; + } + > h6 { + color: #2C3D57; + } + } + + .landing-contact-content { + @include flex(); + @include flex-justify-center(); + padding: 60px 180px; + position: relative; + text-align: center; + + .landing-contact-form { + padding: 20px; + + > h3 { + font-size: 16px; + color: #ffffff; + margin: 0; + font-weight: 500; + margin-bottom: 20px; + } + + > input, + > textarea { + width: 100%; + margin-bottom: 16px; + border-radius: 4px; + border: 1px solid #CED4DA; + padding: 10px 12px; + background-color: #F6F9FE; + color: #515C66; + + &::placeholder { + color: #515C66; + } + } + > button { + width: 100%; + } + + } + } + + } + + .landing-footer { + background: linear-gradient(360deg, #525D72 0%, #69768D 100%); + padding: 21px 120px; + @include flex(); + @include flex-align-center(); + @include flex-justify-between(); + + > img { + height: 30px; + width: auto; + } + + .social-icons { + @include flex(); + @include flex-align-center(); + + a { + color: #ffffff; + margin-left: 18px; + cursor: pointer; + padding: 6px; + + i { + font-size: 22px; + @include transition(color $transitionDuration); + } + + &:hover { + i { + color: #CED4DA; + } + } + } + } + } +} + + +@media (max-width: $tabletBreakpoint) { + .landing-body { + &.block-scroll { + overflow: hidden; + + .landing-wrapper { + .landing-mask { + display: block; + } + } + } + .landing-wrapper { + &.landing-menu-active { + .landing-topbar { + .landing-menu { + transform: translate3d(0px, 0px, 0px); + } + } + + } + .landing-topbar { + .logo { + padding: 0 33px; + } + .landing-menu { + position: fixed; + flex-direction: column; + @include flex-align-end(); + right: 0; + top: 0; + padding: 40px 20px; + z-index: 999; + width: 240px; + height: 100%; + background-color: #69768D; + 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); + @include transition(transform $transitionDuration); + + > li { + margin: 0; + width: 100%; + margin-bottom: 12px; + + > a { + padding: 6px 16px; + font-size: 14px; + text-align: left; + display: block; + color: #ffffff; + @include transition(background-color $transitionDuration); + &:hover { + background-color: rgba(#5cacf4,.3); + color:#ffffff ; + } + } + + + #landing-menu-close { + display: block; + font-size: 20px; + text-align: right; + color: #5cacf4; + @include transition(color $transitionDuration); + + &:hover { + background-color: #69768D; + color: #ffffff; + } + } + } + } + + #landing-menu-button { + display: block; + color: #ffffff; + font-size: 20px; + padding: 0 33px; + } + } + + .landing-banner { + padding: 120px 42px 180px; + .landing-banner-content{ + text-align: center; + width: 100%; + h6 { + max-width: 100%; + } + } + + .landing-banner-image { + display: none; + } + + } + + .landing-features { + padding: 42px 16px; + + .features-cards { + padding: 0; + + .feature-card { + text-align: center; + margin: 30px 0; + } + } + + .features-content { + padding: 0; + flex-direction: column; + + img { + width: 100%; + } + + ul { + li { + margin: 16px 0; + max-width: 400px; + + img { + width: 64px; + } + } + } + } + } + + .section-header { + padding: 0px ; + } + + .landing-promo { + padding: 36px 42px 64px; + + .landing-promo-content { + text-align: center; + width: 100%; + h6 { + max-width: 100%; + } + } + .landing-promo-image { + display: none; + } + } + + .landing-pricing { + padding: 36px 42px 64px; + + .pricing-cards { + padding: 0; + } + } + + .landing-testimonials { + padding: 36px 42px 64px; + + .testimonials { + @include flex(); + @include flex-justify-center(); + + .testimonials-wrapper { + overflow: hidden; + position: relative; + max-width: 100%; + + .testimonials-content { + text-align: center; + padding: 0; + .testimonial { + max-width: 100%; + } + } + + .link-points { + .points { + .point { + &.mobile { + @include flex(); + } + } + } + } + } + } + + } + + .landing-contact { + padding: 36px 42px 64px; + .landing-contact-content { + padding: 0; + } + .landing-contact-form { + width: 100%; + } + } + + .landing-footer { + padding: 18px 24px 64px; + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/layout/_layout.scss b/src/main/webapp/resources/sass/layout/_layout.scss new file mode 100644 index 0000000..bb68849 --- /dev/null +++ b/src/main/webapp/resources/sass/layout/_layout.scss @@ -0,0 +1,21 @@ +@import '../mixins/_mixins'; +@import '../overrides/_layout_variables'; +@import '../_fonts'; +@import './_typography'; +@import './_utils'; +@import './_rtl'; +@import './topbar/_topbar'; +@import './_rightpanel'; +@import './menu/_menu'; +@import './_login'; +@import './_exception'; +@import './_landing'; +@import './_widgets'; +@import './_main'; +@import './_footer'; +@import './_config'; +@import './_help'; +@import './_invoice'; +@import './_animation'; +@import './_breadcrumb'; +@import '../overrides/_layout_styles'; \ No newline at end of file diff --git a/src/main/webapp/resources/sass/layout/_login.scss b/src/main/webapp/resources/sass/layout/_login.scss new file mode 100644 index 0000000..9b76e6d --- /dev/null +++ b/src/main/webapp/resources/sass/layout/_login.scss @@ -0,0 +1,80 @@ +.login-body { + background: linear-gradient(180deg, #525D72 0%, #69768D 100%); + color:#c3ccdd; + height: 100vh; + + .login-wrapper { + @include flex(); + @include flex-align-center(); + @include flex-justify-center(); + height: 100vh; + + .login-panel { + width: 30%; + height: 100%; + text-align: center; + padding: 40px 20px; + @include flex(); + @include flex-align-center(); + @include flex-justify-between(); + @include flex-direction-column(); + + .logo { + img { + height: 45px; + } + } + + .login-form { + > p { + font-weight: 600; + margin: 0; + color:#c3ccdd; + margin-bottom: 32px; + + > a { + color: #f4f7f9; + cursor: pointer; + } + } + + > input { + width: 85%; + max-width: 310px; + margin-bottom: 20px; + background-color: #F6F9FE; + color: #515C66; + + &::placeholder { + color: #515C66; + } + } + + > button { + width: 85%; + max-width: 310px; + } + } + + p { + font-weight: 600; + margin: 0; + color:#c3ccdd; + + > a { + color: #f4f7f9; + } + } + } + } +} + +@media(max-width:992px) { + .login-body { + .login-wrapper { + .login-panel { + width: 100%; + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/layout/_main.scss b/src/main/webapp/resources/sass/layout/_main.scss new file mode 100644 index 0000000..fa6ead5 --- /dev/null +++ b/src/main/webapp/resources/sass/layout/_main.scss @@ -0,0 +1,73 @@ +html { + height: 100%; + font-size: $fontSize; +} + +body { + font-family: 'Open Sans'; + font-size: $fontSize; + color: $textColor; + -webkit-font-smoothing: antialiased; + padding:0; + margin:0; + height: 100%; + + &.main-body { + background: $bodyBgColor; + } + + a { + color: $primaryColor; + text-decoration: none; + + &:hover { + color: lighten($primaryColor, 5%); + } + } +} + +.layout-mask { + display: none; + position: fixed; + top: 0; + left: 0; + z-index: 997; + width: 100%; + height: 100%; + animation-duration: $animationDuration; + animation-timing-function: $animationTimingFunction; + animation-fill-mode: forwards; +} + +.layout-wrapper { + .layout-main { + padding-top: 56px; + @include flex(); + @include flex-direction-column(); + @include flex-justify-between(); + min-height: 100vh; + + .layout-content { + padding: 32px; + padding-top: 12px; + flex: 1 1 0; + } + } +} + +.layout-ajax-loader-icon { + position: fixed; + right: 2rem; + bottom: 2rem; + font-size: 2rem; + color: $textSecondaryColor; + z-index: 999; +} + +@media (max-width: 992px) { + .layout-wrapper { + .layout-main { + padding-top: 104px; + } + } +} diff --git a/src/main/webapp/resources/sass/layout/_rightpanel.scss b/src/main/webapp/resources/sass/layout/_rightpanel.scss new file mode 100644 index 0000000..f9791ac --- /dev/null +++ b/src/main/webapp/resources/sass/layout/_rightpanel.scss @@ -0,0 +1,40 @@ +.layout-rightpanel { + position: fixed; + z-index: 1000; + right: 0; + top:56px; + height: calc(100% - 56px); + padding: 0; + width: 294px; + overflow: auto; + background-color: lighten($contentBgColor, 3%); + transform: translate3d(294px, 0px, 0px); + @include transition(transform $transitionDuration); + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); + + .rightpanel-wrapper { + height: 100%; + padding: 12px 10px; + padding-right: 0; + } +} + +.layout-wrapper { + &.layout-rightpanel-active { + .layout-rightpanel { + transform: translate3d(0px, 0px, 0px); + } + } +} + +@media(max-width:992px) { + .layout-rightpanel { + top:104px; + width: 254px; + transform: translate3d(254px, 0px, 0px); + height: calc(100% - 104px); + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/layout/_rtl.scss b/src/main/webapp/resources/sass/layout/_rtl.scss new file mode 100644 index 0000000..783075c --- /dev/null +++ b/src/main/webapp/resources/sass/layout/_rtl.scss @@ -0,0 +1,251 @@ +.layout-wrapper { + &.layout-rtl { + direction: rtl; + + .menu-wrapper { + left: auto; + right: 0; + + .layout-menu-container { + .layout-menu { + direction: rtl; + li { + padding: 0px; + @include border-radius-left(0px); + @include border-radius-right(10px); + + &.layout-root-menuitem { + > div { + padding-left: 0px; + padding-right: 12px; + margin-bottom: 6px; + margin-top: 24px; + } + } + + > a { + padding: 7px 8px 6px 20px; + @include border-radius-left(0px); + @include border-radius-right(10px); + + .layout-menuitem-text { + margin: 0 11px; + } + + i { + font-size: 14px; + &.layout-submenu-toggler { + @include transition(all $transitionDuration); + margin-left: 0; + margin-right: auto; + } + } + } + + > ul { + padding-left: 0px; + padding-right: 19px; + } + } + } + } + + } + + .layout-rightpanel { + right: auto; + left: 0; + transform: translate3d(-294px, 0px, 0px); + + .rightpanel-wrapper { + .section-tasks { + > ul { + > li { + .task { + margin-left: 0px; + margin-right: 12px; + } + } + } + } + } + } + + &.layout-rightpanel-active { + .layout-rightpanel { + transform: translate3d(0px, 0px, 0px); + } + } + + .layout-topbar { + .layout-topbar-wrapper { + .layout-topbar-right { + padding: 10px 12px 10px 32px; + + .layout-topbar-actions { + > li { + > ul { + right: auto; + left: 0; + + > li { + > a { + > img, + > i, + > .ui-inputswitch { + margin-right: 0; + margin-left: 6px; + } + } + + } + } + + &.user-profile { + > a { + .profile-info { + margin-right: 7px; + margin-left: 0px; + } + } + > ul { + .layout-submenu-header { + img { + margin-right: 0px; + margin-left: 6px; + } + .profile-info { + margin-left: 0px; + margin-right: 7px; + } + } + + > li { + > a { + > i { + margin-right: 0px; + margin-left: 10px; + } + } + } + } + } + } + } + + .layout-rightpanel-button { + @include rotate(-180deg); + } + + } + } + } + } +} +@media (min-width:993px) { + .layout-wrapper { + &.layout-rtl { + &.layout-static { + .menu-wrapper { + transform: translate3d(241px, 0px, 0px); + } + + .layout-main { + margin-left: 0; + margin-right: 0px; + @include transition(margin-right $transitionDuration); + } + + &.layout-static-active { + .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + + .layout-main { + margin-left: 0; + margin-right: 240px; + } + } + } + + &.layout-overlay { + .menu-wrapper { + transform: translate3d(241px, 0px, 0px); + } + + &.layout-overlay-active { + .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + } + } + + &.layout-horizontal { + .menu-wrapper { + .layout-menu-container { + .layout-menu { + li { + a{ + @include border-radius(10px); + } + } + + > li { + > ul { + left: auto; + right: 0; + } + } + } + } + } + } + } + } +} + +@media (max-width:992px) { + .layout-wrapper { + &.layout-rtl { + .menu-wrapper { + top: 104px; + height: calc(100% - 104px); + -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(260px, 0px, 0px); + } + + &.layout-mobile-active { + .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + + .layout-mask { + display: block; + } + } + + .layout-topbar { + .layout-topbar-wrapper { + .layout-topbar-right { + padding: 0; + + .layout-topbar-actions { + > li { + > ul { + left: 5%; + right: 0; + } + } + } + + .layout-rightpanel-button { + margin-right: 0px; + margin-left: 16px; + } + } + } + } + } + } +} diff --git a/src/main/webapp/resources/sass/layout/_typography.scss b/src/main/webapp/resources/sass/layout/_typography.scss new file mode 100644 index 0000000..c608864 --- /dev/null +++ b/src/main/webapp/resources/sass/layout/_typography.scss @@ -0,0 +1,63 @@ +h1, h2, h3, h4, h5, h6 { + margin: 1.5rem 0 1rem 0; + font-family: inherit; + font-weight: 600; + line-height: 1.2; + color: inherit; + + &:first-child { + margin-top: 0; + } +} + +h1 { + font-size: 2.5rem; +} + +h2 { + font-size: 2rem; +} + +h3 { + font-size: 1.75rem; +} + +h4 { + font-size: 1.5rem; +} + +h5 { + font-size: 1.25rem; +} + +h6 { + font-size: 1rem; +} + +mark { + background: #FFF8E1; + padding: .25rem .4rem; + border-radius: $borderRadius; + font-family: 'Open Sans'; +} + +blockquote { + margin: 1rem 0; + padding: 0 2rem; + border-left: 4px solid #90A4AE; +} + +hr { + border-top: solid $dividerColor; + border-width: 1px 0 0 0; + margin: 1rem 0; +} + +p { + margin: 0 0 1rem 0; + line-height: 1.5; + + &:last-child { + margin-bottom: 0; + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/layout/_utils.scss b/src/main/webapp/resources/sass/layout/_utils.scss new file mode 100644 index 0000000..6d5d8b9 --- /dev/null +++ b/src/main/webapp/resources/sass/layout/_utils.scss @@ -0,0 +1,55 @@ +/* Utils */ +.clearfix:after { + content:" "; + display:block; + clear:both; +} + +.card { + border-radius: $borderRadius; + background: $contentBgColor; + padding: 12px 16px; + box-sizing: border-box; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); + @include border-radius($borderRadius); + margin-bottom: 2rem; + + &:last-child { + margin-bottom: 0; + } + + .card-header { + @include flex(); + @include flex-align-center(); + @include flex-justify-between(); + padding-bottom: 6px; + + h6,h5 { + margin-bottom: 0; + color: $textSecondaryColor; + } + + .header-buttons { + @include flex(); + @include flex-align-center(); + } + } + + &.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; +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/layout/_widgets.scss b/src/main/webapp/resources/sass/layout/_widgets.scss new file mode 100644 index 0000000..2b9a7f8 --- /dev/null +++ b/src/main/webapp/resources/sass/layout/_widgets.scss @@ -0,0 +1,1118 @@ +.overview-box-1 { + height: 100%; + .card-header { + padding-bottom: 17px; + + .header-buttons{ + > a { + width: 20px; + height: 20px; + @include border-radius(50%); + @include flex(); + @include flex-align-center(); + @include flex-justify-center(); + background-color: rgba(148, 154, 166, 0.1); + border: 1px solid transparent; + + i { + color: #949aa6; + font-size: 12px; + width: 12px; + @include rotate(45deg); + } + + &:hover { + border-color: #949aa6; + } + } + } + } + + .overview-content { + @include flex(); + @include flex-align-center(); + @include flex-justify-between(); + padding: 11px 4px 6px 0px; + + .overview-graph { + @include flex(); + @include flex-align-end(); + > span { + width: 8px; + height: 12px; + display: block; + background-color: #2f8ee5; + margin-left: 4px; + border-radius: 1px; + opacity: 0.4; + cursor: pointer; + position: relative; + @include transition(all $transitionDuration); + z-index: 1; + + &:last-child { + opacity: 1; + } + + > span { + font-size: 12px; + min-width: 6px; + position: absolute; + padding: 1px; + border-radius: 2px; + background-color: $contentAltBgColor; + top: -22px; + left: -4px; + display: none; + z-index: 2; + } + + &:hover { + transform: scale3d(1.1, 1.1, 1); + opacity: 1; + + .graph-tooltip { + display: block; + } + } + } + } + } + + .overview-footer { + > span { + font-size: 13px; + + i { + color:#00acac; + } + > span { + color:#00acac; + font-weight: 600; + } + } + + &.down { + > span { + i { + color:#f16383; + } + > span { + color:#f16383; + } + } + } + } + + &.teal { + .overview-content { + .overview-graph { + > span { + background-color: #00acac; + } + } + } + } + + &.orange { + .overview-content { + .overview-graph { + > span { + background-color: #f1b263; + } + } + } + } +} + +.overview-box-2 { + @include flex(); + @include flex-align-center(); + @include flex-justify-between(); + padding: 32px 12px; + + &.teal { + background-color: #02acac; + i { + color: #02acac; + } + } + &.orange { + background-color: #f1b263; + i { + color: #f1b263; + } + } + &.blue { + background-color: #2f8ee5; + i { + color: #2f8ee5; + } + } + &.pink { + background-color: #f16383; + i { + color: #f16383; + } + } + h6 { + opacity: 0.8; + color: #ffffff; + font-weight: normal; + margin: 0; + } + + h3 { + margin: 2px 0 0 ; + font-weight: normal; + color: #ffffff; + } + + i { + font-size: 42px; + width: 64px; + height: 64px; + @include border-radius(50%); + background-color: $contentBgColor; + @include flex-center(); + } +} + + + +.news { + padding: 0; + @include flex(); + + .news-content{ + width: 100%; + padding: 12px 16px; + @include flex(); + @include flex-justify-between(); + flex-direction: column; + + h5 { + font-weight: bold; + line-height: 1.5; + color: $textColor; + margin: 0 0 12px; + } + + > span { + flex-grow: 1; + font-size: 13px; + line-height: 1.54; + color: $textColor; + } + + .news-content-footer { + margin-top: 20px; + > span { + display: block; + margin: 0 0 2px; + font-size: 13px; + line-height: 1.54; + font-weight: normal; + color: $textColor; + + > span { + font-weight: 600; + &.category { + color: $primaryColor; + } + } + } + } + } + + .news-image{ + width: 100%; + background-image: url("\#{resource['poseidon-layout:images/pages/asset-news.png']}"); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + min-height: 320px; + } +} + +.likes { + overflow: auto; + height: 100%; + + .likes-chart { + padding: 12px 8px; + height: calc(100% - 25px); + @include flex(); + @include flex-align-center(); + } +} + +.news-feed { + padding: 0 16px; + + .news-feed-card { + padding:16px; + height: 100%; + @include flex(); + @include flex-justify-between(); + flex-direction: column; + + > i { + font-size: 20px; + color: #ffffff; + width: 32px; + height: 32px; + border-radius: 4px; + background-color: $primaryColor; + @include flex-center(); + } + + .title { + display: block; + font-size: 13px; + font-weight: 600; + color: $textColor; + margin: 8px 0 4px; + } + + .news-feed-desc { + display: block; + font-size: 13px; + line-height: 1.54; + color: $textColor; + flex-grow: 1; + } + + a { + margin-top: 8px; + display: block; + font-size: 12px; + font-weight: 600; + color: $textColor; + + > i { + font-size: 13px; + margin-left: 2px; + vertical-align: middle; + } + + &:hover { + text-decoration: underline; + } + } + } +} + +.timeline { + height: 100%; + > ul { + padding: 0; + margin: 10px 0 20px; + list-style: none; + > li { + @include flex(); + @include flex-align-center(); + margin-bottom: 32px; + + .time { + min-width: 70px; + opacity: 0.6; + font-size: 13px; + line-height: 1.54; + color: $textColor; + display: block; + } + + .event-icon { + position: relative; + z-index: 1; + @include flex-center(); + + &::before { + content: ''; + width: 2px; + height: 100px; + background-color: $dividerColor; + position: absolute; + top: 0; + display: block; + } + + i { + z-index: 2; + width: 48px; + height: 48px; + @include flex-center(); + @include border-radius(50%); + margin: 0 12px; + font-size: 24px; + color: $contentBgColor; + } + } + + + .event-content { + span { + display: block; + font-size: 13px; + line-height: 1.54; + color: $textColor; + + &.event-title { + font-weight: 600; + line-height: normal; + } + } + + } + + &:nth-child(1) { + i { + background-color: #02acac; + } + } + &:nth-child(2) { + i { + background-color: #f1b263; + } + } + &:nth-child(3) { + i { + background-color: #f1b263; + } + } + + &:last-child { + margin-bottom: 0; + + .event-icon { + &::before { + display: none; + } + i { + background-color: #2f8ee5; + } + } + } + } + } +} + +.chat { + height: 100%; + padding: 0; + @include flex(); + @include flex-justify-between(); + flex-direction: column; + + .card-header { + padding: 8px 12px 6px; + } + + .chat-messages { + padding: 0 12px; + flex-grow: 1; + } + + .chat-message-row { + padding: 10px 0; + + .chat-message { + @include flex(); + @include flex-align-center(); + img { + width: 48px; + height: 48px; + border-radius: 6px; + } + + .chat-message-content{ + padding: 13px 8px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); + border-radius: 6px; + background-color: $contentAltBgColor; + width: 100%; + margin-left: 8px; + + span { + display: block; + font-size: 13px; + color: $textColor; + } + } + } + + .chat-message-footer { + @include flex(); + @include flex-align-center(); + @include flex-justify-between(); + padding: 4px 0 0; + + h6 { + font-size: 14px; + font-weight: 600; + color: $textColor; + margin: 0; + } + + span { + font-size: 13px; + color: $textColor; + opacity: 0.6; + } + } + + &.send { + .chat-message { + flex-direction: row-reverse; + .chat-message-content{ + margin-right: 8px; + margin-left: 0; + background-color: rgba($primaryColor, 0.6); + span { + display: block; + font-size: 13px; + color: #ffffff; + } + } + } + .chat-message-footer { + flex-direction: row-reverse; + } + } + } + + .chat-input { + border-top: 1px solid $dividerColor; + > input { + width: 100%; + border-radius: 5px; + background-color: $contentBgColor; + border: none; + padding: 12px; + } + } + +} + +.map { + padding: 0; + @include flex(); + + .map-image{ + width: 70%; + background-image: url("\#{resource['poseidon-layout:images/pages/asset-maps.png']}"); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; + min-height: 320px; + } + + .map-content{ + width: 30%; + @include flex(); + + .map-adjust { + @include flex-center(); + padding: 6px; + cursor: pointer; + @include transition(background-color $transitionDuration); + + i { + color: $textSecondaryColor; + } + + &:hover { + background-color: $contentAltBgColor; + } + } + + > ul { + padding: 10px 0 0; + margin: 0; + border-left: 1px solid $dividerColor; + width: 100%; + max-height: 330px; + overflow: auto; + + > li { + @include flex(); + width: 100%; + padding: 8px 6px; + border-bottom: 1px solid $dividerColor; + + > i { + font-size: 14px; + color: $primaryColor; + margin-right: 6px; + margin-top: 4px; + } + + .map-info { + span { + font-size: 13px; + font-weight: 600; + color: $textColor; + + > span { + font-weight: normal; + } + } + + .time { + display: block; + font-size: 11px; + font-weight: 600; + color: $textColor; + opacity: 0.6; + } + } + + + + &:last-child { + border: none; + } + } + } + } +} + +.profile { + height: 100%; + padding: 0; + + .profile-header { + background-image: url("\#{resource['poseidon-layout:images/pages/asset-cover.png']}"); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + min-height: 120px; + position: relative; + + img { + position: absolute; + bottom: -50%; + left: 50%; + margin-left: -60px; + width: 120px; + height: 120px; + } + } + + .profile-content { + padding: 66px 12px 24px; + text-align: center; + + > h6 { + margin: 0; + font-weight: 600; + color: $textColor; + } + + > span { + display: block; + font-size: 13px; + color: $textColor; + margin: 4px 0 30px; + } + } +} + +.pricing-card { + padding: 0 0px 24px; + text-align: center; + @include border-radius(5px); + background: $contentBgColor; + + .pricing-header { + padding: 18px 12px; + border-bottom: 4px solid #2c84d8 ; + border-bottom: 4px solid var(--primary-dark-color, #2c84d8); + + .price { + font-size: 24px; + color: #2c84d8; + color: var(--primary-dark-color, #2c84d8); + margin: 0; + margin-bottom: 6px; + } + + > h5 { + letter-spacing: 0.58px; + color: $textColor; + margin: 0; + margin-bottom: 12px; + } + + > span { + display: block; + font-size: 13px; + color: $textColor; + } + } + + ul { + list-style-type: none; + padding: 0; + padding-bottom: 12px; + + > li { + color: $textColor; + margin-bottom: 12px; + width: 100%; + + > i { + color: $textColor; + margin-right: 8px; + } + + &.not-included { + opacity: .6; + } + } + } + + &.landing-pricing-card { + background: linear-gradient(360deg, #66768D 0%, #7A899F 100%); + + .pricing-header { + border-bottom: 4px solid #ffffff ; + + .price { + color: #ffffff; + } + + > h5 { + color: #ffffff; + } + + > span { + color: #ffffff; + } + } + + ul { + > li { + color: #ffffff; + + > i { + color: #ffffff; + } + } + } + + &.teal { + .pricing-header { + border-bottom: 4px solid #7EEBEB ; + .price { + color:#7EEBEB; + } + } + } + + &.orange { + .pricing-header { + border-bottom: 4px solid #FFDA9E ; + .price { + color: #FFDA9E; + } + } + } + } + + + +} + +.sale-graph { + overflow: auto; + .card-header { + margin-bottom: 13px; + } + .order-tabs { + @include flex(); + @include flex-justify-start(); + + .order-tab { + cursor: pointer; + background-color: rgba($contentAltBgColor,.3); + padding: 6px 18px; + @include border-radius(4px); + + &:first-child { + margin-right: 18px; + } + + &:hover { + background-color: rgba($contentAltBgColor,.5); + h3 { + color: rgba(#02acac, .6); + } + } + + &.order-tab-active { + background-color:rgba($contentAltBgColor,.7); + + h3 { + color: #02acac; + } + } + + h6 { + color:$textColor; + font-weight: 600; + margin: 0; + margin-bottom: 2px; + @include transition(color $transitionDuration); + + } + + h3 { + color: #949aa6; + margin: 0; + } + } + } +} + +.product-list { + height: 100%; + + .card-header { + margin-bottom: 12px; + } + + > ul { + padding: 0; + margin: 0; + list-style-type: none; + > li { + @include flex(); + @include flex-align-center(); + @include flex-justify-between(); + margin-bottom: 12px; + padding: 6px; + @include border-radius(4px); + cursor: pointer; + + &:hover { + background-color: rgba($contentAltBgColor,.7); + } + + .product { + @include flex(); + @include flex-align-center(); + + > img { + width: 72px; + height: 42px; + margin-right: 12px; + } + + .product-info { + > p { + margin: 0; + color: $textColor; + } + + > span { + display: block; + color: $textSecondaryColor; + font-size: 12px; + font-weight: normal; + > span { + font-weight: 600; + } + } + } + + } + + > i { + color: #00acac; + &.down { + color: #f16383; + } + } + } + } +} + +.sellers { + height: 100%; + + > ul { + padding: 0; + margin: 0; + list-style-type: none; + + > li { + @include flex(); + @include flex-align-center(); + @include flex-justify-between(); + padding: 5px 0; + margin-top: 6px; + + .seller { + @include flex(); + @include flex-align-center(); + + > img { + width: 32px; + height: 32px; + margin: 0px; + margin-right: 12px; + } + + > p { + color: $textColor; + margin: 0; + min-width: 105px; + } + } + + > span { + color: $textSecondaryColor; + font-size: 12px; + font-weight: 600; + } + + .ui-rating{ + .ui-rating-star { + margin: 0; + + > a { + font-size: 14px; + @include flex(); + @include flex-align-center(); + @include flex-justify-center(); + } + } + .ui-rating-cancel { + display: none; + } + } + + .ui-button { + background-color: transparent; + border-color: rgba($textSecondaryColor, .5); + color: $textSecondaryColor; + + &:hover { + background-color: darken($contentBgColor, 2%); + } + } + } + } +} + +.tasks { + height: 100%; + + .card-header { + margin-bottom: 6px; + } + + .task { + padding: 12px 0 0; + margin-bottom: 7px; + + .task-info { + @include flex(); + @include flex-align-center(); + @include flex-justify-between(); + margin-bottom: 8px; + + .task-name { + color: $textColor; + + span { + font-weight: 600; + } + } + + i { + background-color: rgba(#02acac,.2); + color: #02acac; + padding: 4px; + display: block; + @include border-radius(50%); + } + } + + + + .task-progress { + border-radius: 2px; + height: 4px; + background: $dividerColor; + + > div { + border-radius: 2px; + height: 100%; + } + } + + &.task-1 { + .task-info { + i { + background-color: rgba(#02acac,.2); + color: #02acac; + } + } + .task-progress > div { + background: #02acac; + width: 45%; + } + } + + &.task-2 { + .task-info { + i { + background-color: rgba(#02acac,.2); + color: #02acac; + } + } + .task-progress > div { + background: #02acac; + width: 80%; + } + } + + &.task-3 { + .task-info { + i { + background-color: rgba(#f1b263,.2); + color: #f1b263; + } + } + .task-progress > div { + background: #f1b263; + width: 30%; + } + } + + &.task-4 { + .task-info { + i { + background-color: rgba(#f1b263,.2); + color: #f1b263; + } + } + .task-progress > div { + background: #f1b263; + width: 60%; + } + } + + &.task-5 { + .task-info { + i { + background-color: rgba(#f16383,.2); + color: #f16383; + } + } + .task-progress > div { + background: #f16383; + width: 20%; + } + } + } +} + + +@media (max-width: 992px) { + +.news { + flex-direction: column; + + .news-content { + order: 2; + } + + .news-image { + order: 1; + border-top-left-radius: 5px; + border-bottom-right-radius: 0; + } +} +.map { + flex-direction: column; + + .map-content { + order: 2; + width: 100%; + flex-direction: column; + + .map-adjust { + i { + @include rotate(90deg); + } + } + } + + .map-image { + width: 100%; + order: 1; + border-top-left-radius: 5px; + border-top-right-radius: 5px; + border-bottom-left-radius: 0; + } +} + +} + +.layout-rtl { + .chat { + .chat-message-row { + .chat-message-content{ + margin-right: 8px; + margin-left: 0px; + } + &.send { + .chat-message-content{ + margin-right: 0px; + margin-left: 8px; + } + } + } + } + + .map { + .map-content{ + > ul { + > li { + > i { + margin-right: 0px; + margin-left: 6px; + } + } + } + } + } + + .product-list { + > ul { + li { + .product { + > img { + margin-right: 0px; + margin-left: 12px; + } + } + + &:hover { + background-color: $contentAltBgColor; + } + } + } + } +} + diff --git a/src/main/webapp/resources/sass/layout/menu/_menu.scss b/src/main/webapp/resources/sass/layout/menu/_menu.scss new file mode 100644 index 0000000..7db4fe0 --- /dev/null +++ b/src/main/webapp/resources/sass/layout/menu/_menu.scss @@ -0,0 +1,7 @@ +@import './_menu_overlay'; +@import './_menu_horizontal'; + +@import './themes/_menu_dark'; +@import './themes/_menu_dim'; +@import './themes/_menu_light'; + diff --git a/src/main/webapp/resources/sass/layout/menu/_menu_horizontal.scss b/src/main/webapp/resources/sass/layout/menu/_menu_horizontal.scss new file mode 100644 index 0000000..2a173cd --- /dev/null +++ b/src/main/webapp/resources/sass/layout/menu/_menu_horizontal.scss @@ -0,0 +1,107 @@ + +@media (min-width:993px) { + .layout-wrapper { + &.layout-horizontal { + .menu-wrapper { + top: 56px; + width: 100%; + height: 44px; + + .layout-menu-container { + overflow: visible; + height: 100%; + display: flex; + align-items: center; + + .layout-menu { + list-style-type: none; + margin: 0px 16px; + padding-bottom: 0px; + @include flex(); + @include flex-direction-row(); + + li { + a{ + @include border-radius(6px); + } + + &.active-menuitem { + > a { + i.layout-submenu-toggler { + @include rotate(-180deg); + } + } + + > ul { + display: block; + } + } + } + + > li { + padding: 0; + position: relative; + + .layout-menu-tooltip { + display: none; + } + + > a { + margin-right: 6px; + padding: 6px; + @include flex(); + @include flex-align-center(); + @include flex-justify-between(); + @include transition(all $transitionDuration); + } + + &.layout-root-menuitem { + > div { + display: none; + } + } + + > ul { + display: none; + list-style-type: none; + top: 35px; + left: 0px; + width: 230px; + position: absolute; + padding: 8px 0; + margin: 0; + z-index: 100; + overflow: auto; + max-height: 450px; + @include border-radius-bottom(2px); + @include shadow(0 2px 8px 0 rgba(0, 0, 0, 0.08)); + + > li { + padding:0px 8px; + border: 0 none; + } + } + } + } + } + } + + .layout-topbar{ + .layout-topbar-wrapper { + .layout-topbar-right { + .menu-button { + display: none; + } + } + } + } + + .layout-main { + padding-top: 104px; + } + } + } +} + + + diff --git a/src/main/webapp/resources/sass/layout/menu/_menu_overlay.scss b/src/main/webapp/resources/sass/layout/menu/_menu_overlay.scss new file mode 100644 index 0000000..bf300d8 --- /dev/null +++ b/src/main/webapp/resources/sass/layout/menu/_menu_overlay.scss @@ -0,0 +1,207 @@ +.menu-wrapper { + height: calc(100% - 56px); + width: 240px; + position: fixed; + left: 0; + top: 56px; + z-index: 998; + transform: none; + @include transition(transform $transitionDuration); + + .layout-menu-container { + overflow: auto; + height: 100%; + + .layout-menu { + list-style-type: none; + margin: 0; + padding: 0 ; + padding-bottom: 36px; + + li { + padding: 0; + @include border-radius-left(10px); + &.active-menuitem { + > a { + i.layout-submenu-toggler { + @include rotate(-180deg); + } + } + } + + &.layout-root-menuitem { + > a { + display: none; + } + > div { + padding-left: 12px; + margin-bottom: 6px; + margin-top: 24px; + + > .layout-menuitem-text { + font-size: 12px; + font-weight: 600; + text-transform: uppercase; + } + } + } + + .layout-menu-tooltip { + display: none; + } + + > a { + margin: 0px; + padding: 7px 20px 6px 8px; + @include flex(); + @include flex-align-center(); + @include transition(all $transitionDuration); + font-size: 13px; + font-weight: 500; + border-radius: 0; + cursor: pointer; + user-select: none; + @include border-radius-left(10px); + + .layout-menuitem-text { + margin: 0 11px; + } + + i { + font-size: 14px; + &.layout-submenu-toggler { + @include transition(all $transitionDuration); + margin-left: auto; + font-size: 14px; + } + } + } + + > ul { + display: block; + list-style-type: none; + padding: 0; + margin: 0; + padding-left: 19px; + + li { + ul { + padding: 0 0 4px; + display: none; + li { + a { + border-radius: 0; + } + } + } + } + + > li { + padding: 0; + margin-top: 8px; + &.layout-root-menuitem { + > a { + @include flex(); + } + } + &.active-menuitem { + &.layout-root-menuitem { + > a { + @include flex(); + border-bottom-left-radius: 0; + } + } + } + + + > div { + display: none; + } + + @include nested-submenu-indents(10, 2, 10); + } + } + } + } + } +} + +@media (min-width: $tabletBreakpoint + 1) { + .layout-overlay { + .menu-wrapper { + -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(-241px, 0px, 0px); + } + + &.layout-overlay-active { + .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + } + + .layout-topbar { + .layout-topbar-wrapper { + .layout-topbar-right { + .menu-button { + @include flex(); + } + } + } + } + } + + .layout-static { + .menu-wrapper { + transform: translate3d(-241px, 0px, 0px); + } + + .layout-main { + @include transition(margin-left $transitionDuration); + } + + &.layout-static-active { + .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + + .layout-main { + margin-left: 240px; + } + } + .layout-topbar { + .layout-topbar-wrapper { + .layout-topbar-right { + .menu-button { + @include flex(); + } + } + } + } + } +} + +@media (max-width: $tabletBreakpoint) { + .layout-wrapper { + .menu-wrapper { + top: 104px; + height: calc(100% - 104px); + -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(-260px, 0px, 0px); + } + + &.layout-mobile-active { + overflow: hidden; + height: 100vh; + + .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + + .layout-mask { + display: block; + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/layout/menu/_menu_theme.scss b/src/main/webapp/resources/sass/layout/menu/_menu_theme.scss new file mode 100644 index 0000000..d1cd0a4 --- /dev/null +++ b/src/main/webapp/resources/sass/layout/menu/_menu_theme.scss @@ -0,0 +1,105 @@ +.menu-wrapper { + background-color: $menuBgColor; + box-shadow: $menuShadow; + + .layout-menu-container { + + .layout-menu { + > li { + > div { + .layout-menuitem-text { + color: $rootMenuTextColor; + } + } + + a { + color: $rootMenuItemTextColor; + + i { + color: $menuItemIconColor; + } + + &:hover { + background-color: $rootMenuItemHoverBgColor; + } + } + + &.active-menuitem { + > a { + color: $activeRootMenuItemTextColor; + } + } + + > ul { + li { + a { + color: $submenuItemTextColor; + + i { + color: $menuItemIconColor; + } + + &:hover { + background-color: $submenuItemHoverBgColor; + } + } + + &.active-menuitem { + > a { + background-color: $submenuItemHoverBgColor; + color: $activeSubmenuItemTextColor; + } + } + } + + > li { + &.layout-root-menuitem { + &.active-menuitem { + background-color: $rootMenuItemHoverBgColor; + } + } + } + } + } + } + } +} + +@media (min-width: 993px) { + + @mixin extrenalSubmenuitem { + li { + > a { + color: $rootMenuItemTextColor; + + &:hover { + background-color: $submenuItemHoverBgColor; + } + } + + &.active-menuitem { + background-color: $externalSubmenuBgColor; + > a { + color: $activeRootMenuItemTextColor; + } + } + } + } + + &.layout-horizontal { + .menu-wrapper { + .layout-menu-container { + .layout-menu { + > li { + > ul { + background-color: $externalSubmenuBgColor; + box-shadow: $menuShadow; + + @include extrenalSubmenuitem; + } + } + } + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/layout/menu/themes/_menu_dark.scss b/src/main/webapp/resources/sass/layout/menu/themes/_menu_dark.scss new file mode 100644 index 0000000..866f3ac --- /dev/null +++ b/src/main/webapp/resources/sass/layout/menu/themes/_menu_dark.scss @@ -0,0 +1,21 @@ +.layout-menu-dark { + $menuBgColor:#434B54; + $menuShadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); + + $rootMenuTextColor:#CDD2DB; + + $rootMenuItemTextColor:#E5E8EC; + $rootMenuItemHoverBgColor:#4E565F; + $activeRootMenuItemTextColor:#ffffff; + $menuItemIconColor:#E5E8EC; + + $submenuItemTextColor:#E5E8EC; + $submenuItemHoverBgColor:#676E77; + $activeSubmenuItemTextColor:#ffffff; + + $externalSubmenuBgColor:#434B54; + + + @import '../_menu_theme'; +} + diff --git a/src/main/webapp/resources/sass/layout/menu/themes/_menu_dim.scss b/src/main/webapp/resources/sass/layout/menu/themes/_menu_dim.scss new file mode 100644 index 0000000..d9f18d6 --- /dev/null +++ b/src/main/webapp/resources/sass/layout/menu/themes/_menu_dim.scss @@ -0,0 +1,20 @@ +.layout-menu-dim { + $menuBgColor:#3C4962; + $menuShadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); + + $rootMenuTextColor:#CDD2DB; + + $rootMenuItemTextColor:#E5E8EC; + $rootMenuItemHoverBgColor:#495771; + $activeRootMenuItemTextColor:#ffffff; + $menuItemIconColor:#E5E8EC; + + $submenuItemTextColor:#E5E8EC; + $submenuItemHoverBgColor:#59667D; + $activeSubmenuItemTextColor:#ffffff; + + $externalSubmenuBgColor:lighten(#3C4962, 3%); + + @import '../_menu_theme'; +} + diff --git a/src/main/webapp/resources/sass/layout/menu/themes/_menu_light.scss b/src/main/webapp/resources/sass/layout/menu/themes/_menu_light.scss new file mode 100644 index 0000000..c1c0795 --- /dev/null +++ b/src/main/webapp/resources/sass/layout/menu/themes/_menu_light.scss @@ -0,0 +1,20 @@ +.layout-menu-light { + $menuBgColor:#FDFEFF; + $menuShadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); + + $rootMenuTextColor:#657380; + + $rootMenuItemTextColor:#515C66; + $rootMenuItemHoverBgColor:#e5e9f0; + $activeRootMenuItemTextColor:#282E33; + $menuItemIconColor:#515C66; + + $submenuItemTextColor:#515C66; + $submenuItemHoverBgColor:rgba(#5a657c, .2); + $activeSubmenuItemTextColor:#2e3440; + + $externalSubmenuBgColor:#FDFEFF; + + @import '../_menu_theme'; +} + diff --git a/src/main/webapp/resources/sass/layout/topbar/_topbar.scss b/src/main/webapp/resources/sass/layout/topbar/_topbar.scss new file mode 100644 index 0000000..185d5f1 --- /dev/null +++ b/src/main/webapp/resources/sass/layout/topbar/_topbar.scss @@ -0,0 +1,4 @@ +@import './themes/_topbar_light'; +@import './themes/_topbar_dark'; +@import './themes/_topbar_dim'; + diff --git a/src/main/webapp/resources/sass/layout/topbar/_topbar_common.scss b/src/main/webapp/resources/sass/layout/topbar/_topbar_common.scss new file mode 100644 index 0000000..b11d818 --- /dev/null +++ b/src/main/webapp/resources/sass/layout/topbar/_topbar_common.scss @@ -0,0 +1,395 @@ +.layout-topbar{ + position: fixed; + top: 0; + z-index: 999; + width: 100%; + @include transition(width $transitionDuration); + height: 56px; + + .layout-topbar-wrapper { + height: 100%; + @include flex(); + @include flex-align-center(); + + .layout-topbar-left { + height: 100%; + width: 240px; + padding: 11px 14px 13px; + @include flex(); + @include flex-align-center(); + + .layout-topbar-logo { + >img { + height: 32px; + } + } + } + + .layout-topbar-right { + height: 100%; + flex-grow: 1; + padding: 10px 32px 10px 12px; + @include flex(); + @include flex-align-center(); + @include flex-justify-between(); + border-right: solid 1px transparent; + + .menu-button { + @include flex(); + @include flex-align-center(); + @include flex-justify-center(); + @include border-radius(50%); + z-index: 999; + width: 36px; + height: 36px; + + > i { + font-size: 18px; + } + } + + .layout-topbar-actions { + @include flex(); + @include flex-align-center(); + @include flex-justify-end(); + flex-grow: 1; + list-style-type: none; + margin: 0; + padding: 0; + height: 100%; + + > li { + position: relative; + @include flex-center(); + height: 100%; + + > a { + padding: 10px 10px 7px; + margin: 0 6px; + @include border-radius(10px); + + >.topbar-icon { + i { + font-size: 18px; + } + + .ui-badge { + padding: 0; + height: 14px; + width: 14px; + min-width: 14px; + font-size: 10px; + line-height: 14px; + top: -2px; + right: -2px; + } + + } + + &.layout-rightpanel-button { + i{ + @include transition(transform $transitionDuration); + } + } + } + + > ul { + display: none; + position: absolute; + top: 46px; + right: 0px; + list-style-type: none; + margin: 0; + padding:0; + z-index: 1000; + min-width: 260px; + animation-duration: $transitionDuration; + + .layout-submenu-header { + padding: 12px; + @include flex(); + @include flex-align-center(); + @include flex-justify-between(); + + h6 { + font-weight: 600; + margin: 0; + margin-left: 4px; + } + } + + .angle-icon { + @include flex(); + @include flex-justify-end(); + flex-grow: 1; + } + + > li { + padding:7px 12px; + margin-bottom: 6px; + @include flex(); + @include flex-align-center(); + cursor: pointer; + + > a { + @include flex(); + @include flex-align-center(); + width: 100%; + h6 { + margin: 0; + + > span { + font-size: 14px; + font-weight: 600; + } + } + + > div { + > span { + font-size: 12px; + + > span { + font-weight: 600; + } + } + } + + > img { + width: 28px; + height: 28px; + margin-right: 6px; + } + + > i { + width: 28px; + height: 28px; + margin-right: 6px; + @include border-radius(50%); + @include flex(); + @include flex-align-center(); + @include flex-justify-center(); + font-size: 16px; + } + + > .ui-inputswitch { + margin-right: 6px; + } + } + } + } + + &.search-item { + margin: 0 12px; + > a { + display: none; + } + form { + > .search-input-wrapper { + position: relative; + + input { + @include border-radius(18px); + border: none; + width: 200px; + padding: 8px 8px 8px 30px; + } + + i { + position: absolute; + left: 9px; + top: 2px; + font-size: 14px; + } + } + + } + ul { + > form { + > .search-input-wrapper { + input { + @include border-radius(0); + width: 100%; + } + } + + } + } + } + + &.user-profile { + > a { + @include flex(); + margin: 0 6px; + padding: 10px; + + > img { + width: 32px; + height: 32px; + } + + .profile-info { + margin-left: 7px; + + h6 { + font-weight: 600; + margin: 0; + } + + span { + display: block; + font-size: 12px; + font-weight: normal; + } + } + } + > ul { + > hr { + margin: 2px 8px; + } + .layout-submenu-header { + padding: 12px 16px; + @include flex(); + @include flex-align-center(); + @include flex-justify-start(); + + img { + width: 36px; + height: 36px; + margin-right: 6px; + } + .profile-info { + margin-left: 7px; + + h6 { + font-weight: 600; + margin: 0; + } + + span { + display: block; + font-size: 11px; + font-weight: normal; + } + } + } + + > li { + > a { + > i { + font-size: 16px; + margin-right: 10px; + } + } + + } + } + } + + &.active-topmenuitem { + > ul { + display: block; + } + } + } + } + + .layout-rightpanel-button { + @include flex(); + @include flex-align-center(); + @include flex-justify-center(); + @include border-radius(50%); + z-index: 999; + width: 36px; + height: 36px; + + > i { + font-size: 18px; + } + } + } + } +} + +@media (max-width: 992px) { + .layout-topbar { + height: 104px; + + .layout-topbar-wrapper { + @include flex-align-start(); + flex-direction: column; + position: relative; + + .layout-topbar-left { + width: 100%; + height: 56px; + margin-left: 0; + @include flex-center(); + } + + .layout-topbar-right { + height: 48px; + width: 100%; + padding: 0; + + .menu-button { + position: absolute; + top: 10px; + left: 16px; + margin: 0; + } + + .layout-topbar-actions { + width: 100%; + @include flex-justify-start(); + padding:0 16px; + + > .topbar-item { + margin: 0; + width: 100%; + + &.search-item { + margin: 0; + > form { + display: none; + } + > a { + display: flex; + } + } + + > a { + margin: 0; + } + + > ul { + top: 104px; + width: 90%; + left: 5%; + position: fixed; + } + + &.user-profile { + position: absolute; + top: 1px; + right: 8px; + height: auto; + width: auto; + + a { + margin: 0; + .profile-info { + display: none; + } + } + } + } + } + + .layout-rightpanel-button { + margin-right: 16px; + } + } + } + } + +} diff --git a/src/main/webapp/resources/sass/layout/topbar/_topbar_theme.scss b/src/main/webapp/resources/sass/layout/topbar/_topbar_theme.scss new file mode 100644 index 0000000..3237919 --- /dev/null +++ b/src/main/webapp/resources/sass/layout/topbar/_topbar_theme.scss @@ -0,0 +1,162 @@ +@import './_topbar_common'; + +.layout-topbar{ + background-color: $topbarBgColor; + 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); + + .layout-topbar-wrapper { + .layout-topbar-right { + .menu-button { + color: $topbarItemTextColor; + background-color: $topbarItemBgColor; + &:hover{ + background-color: $topbarItemTextHoverBgColor; + @include transition(background-color $transitionDuration); + } + } + + .layout-topbar-actions { + > li { + > a { + > .topbar-icon { + color: $topbarItemTextColor; + } + &:hover{ + background-color: $topbarItemTextHoverBgColor; + @include transition(background-color $transitionDuration); + } + } + + &.search-item { + form { + > .search-input-wrapper { + input { + background-color: $topbarItemBgColor; + + &::placeholder { + color: rgba($topbarItemTextColor, 0.7); + } + + color: $topbarItemTextColor; + } + + i { + color: $topbarItemTextColor; + } + } + + } + } + + &.user-profile { + > a { + color: $topbarItemTextColor; + + > span { + color: $topbarItemSecondaryTextColor; + } + + &:hover{ + background-color: transparent; + } + } + > ul { + hr { + border-color: $topbarBorderColor; + } + .layout-submenu-header { + background-image: linear-gradient(180deg,#2873D3 10%,#2c84d8 100%); + background-image: linear-gradient(180deg,var(--primary-dark-color,#2873D3) 10%,var(--primary-color,#2c84d8) 100%); + + h6 { + color: #ffffff; + color: var(--primary-color-text,#ffffff); + } + span { + color: #ffffff; + color: var(--primary-color-text,#ffffff); + } + } + > li { + a { + i { + color: $topbarItemSubmenuTextColor; + } + } + } + } + } + + > ul { + box-shadow: $topbarItemSubmenuBoxShadow; + background-color: $topbarItemSubmenuBgColor; + + .layout-submenu-header { + background-color: $topbarSubmenuHeaderBgColor; + + h6 { + color: $topbarItemTextColor; + } + + &:hover{ + background-color: $topbarSubmenuHeaderBgColor; + } + } + + > li { + > a { + h6 { + color: $topbarItemSubmenuTextColor; + } + > div { + > span { + color: $topbarItemSubmenuSecondaryTextColor; + } + } + + } + .menu-text { + p { + color: $topbarItemSubmenuTextColor; + } + span { + color: $topbarItemSubmenuSecondaryTextColor; + } + } + + &:hover{ + background-color: $topbarItemTextHoverBgColor; + @include transition(background-color $transitionDuration); + } + + } + } + } + } + + .layout-rightpanel-button { + color: $topbarItemTextColor; + background-color: $topbarItemBgColor; + &:hover{ + background-color: $topbarItemTextHoverBgColor; + @include transition(background-color $transitionDuration); + } + } + } + } +} + +@media (max-width: 992px) { + .layout-topbar { + box-shadow: none; + .layout-topbar-wrapper { + .layout-topbar-left { + border-bottom: 1px solid $topbarBorderColor; + } + .layout-topbar-right { + border-bottom: 1px solid $topbarBorderColor; + } + } + } +} + diff --git a/src/main/webapp/resources/sass/layout/topbar/themes/_topbar_dark.scss b/src/main/webapp/resources/sass/layout/topbar/themes/_topbar_dark.scss new file mode 100644 index 0000000..844c796 --- /dev/null +++ b/src/main/webapp/resources/sass/layout/topbar/themes/_topbar_dark.scss @@ -0,0 +1,20 @@ +.layout-topbar-dark { + $topbarBgColor: #434B54; + $topbarBorderColor:#4E565F; + + $topbarItemTextColor: #CACFDB; + $topbarItemSecondaryTextColor: rgba($topbarItemTextColor,.7); + $topbarItemTextHoverBgColor:#4E565F; + $topbarItemBgColor: rgba(#CACFDB,0.2); + $topbarMenuButtonBgColor: rgba(#CACFDB,0.1); + + $topbarItemSubmenuItemHoverBgColor:#434B54; + $topbarSubmenuHeaderBgColor:#434B54; + + $topbarItemSubmenuBgColor: #434B54; + $topbarItemSubmenuTextColor: #f8fafc; + $topbarItemSubmenuSecondaryTextColor: rgba(#f8fafc, .7); + $topbarItemSubmenuBoxShadow:0 2px 12px 0 rgba(0, 0, 0, 0.06); + + @import '../_topbar_theme'; +} diff --git a/src/main/webapp/resources/sass/layout/topbar/themes/_topbar_dim.scss b/src/main/webapp/resources/sass/layout/topbar/themes/_topbar_dim.scss new file mode 100644 index 0000000..6f85ed6 --- /dev/null +++ b/src/main/webapp/resources/sass/layout/topbar/themes/_topbar_dim.scss @@ -0,0 +1,20 @@ +.layout-topbar-dim { + $topbarBgColor: #3C4962; + $topbarBorderColor:#495771; + + $topbarItemTextColor: #CACFDB; + $topbarItemSecondaryTextColor: rgba($topbarItemTextColor,.7); + $topbarItemTextHoverBgColor:#495771; + $topbarItemBgColor: rgba(#97A2B3,0.2); + $topbarMenuButtonBgColor: rgba(#97A2B3,0.1); + + $topbarItemSubmenuItemHoverBgColor:#3C4962; + $topbarSubmenuHeaderBgColor:#3C4962; + + $topbarItemSubmenuBgColor: #3C4962; + $topbarItemSubmenuTextColor: #f8fafc; + $topbarItemSubmenuSecondaryTextColor: rgba(#f8fafc, .7); + $topbarItemSubmenuBoxShadow:0 2px 12px 0 rgba(0, 0, 0, 0.06); + + @import '../_topbar_theme'; +} diff --git a/src/main/webapp/resources/sass/layout/topbar/themes/_topbar_light.scss b/src/main/webapp/resources/sass/layout/topbar/themes/_topbar_light.scss new file mode 100644 index 0000000..2719c9a --- /dev/null +++ b/src/main/webapp/resources/sass/layout/topbar/themes/_topbar_light.scss @@ -0,0 +1,21 @@ +.layout-topbar-light { + $topbarBgColor: #FDFEFF; + $topbarBorderColor:#E8F1F8; + + $topbarItemTextColor: #515C66; + $topbarItemSecondaryTextColor: rgba($topbarItemTextColor,.7); + $topbarItemTextHoverBgColor: rgba(#E8F1F8,.7); + $topbarItemBgColor: #E8F1F8; + $topbarMenuButtonBgColor:#E8F1F8; + + $topbarItemSubmenuItemHoverBgColor: #FDFEFF; + $topbarSubmenuHeaderBgColor:#FDFEFF; + + $topbarItemSubmenuBgColor: #FDFEFF; + $topbarItemSubmenuTextColor:#515C66; + $topbarItemSubmenuSecondaryTextColor: rgba($topbarItemSubmenuTextColor, .6); + + $topbarItemSubmenuBoxShadow: 0 2px 8px 0 rgba(25, 26, 28, 0.12); + @import '../_topbar_theme'; +} + diff --git a/src/main/webapp/resources/sass/mixins/_mixins.scss b/src/main/webapp/resources/sass/mixins/_mixins.scss new file mode 100644 index 0000000..bf02ab1 --- /dev/null +++ b/src/main/webapp/resources/sass/mixins/_mixins.scss @@ -0,0 +1,338 @@ +@mixin icon-override($icon) { + 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; + + &:before { + content: $icon; + } +} + +@mixin action-icon { + width: $actionIconWidth; + height: $actionIconHeight; + background: $actionIconBg; + color: $actionIconColor; + transition: $transition; + border-radius: $actionIconBorderRadius; + border: $actionIconBorder; + text-align: center; + line-height: $actionIconHeight; + padding: 0; + + &:hover { + background: $actionIconHoverBg; + color: $actionIconHoverColor; + border-color: $actionIconHoverBorderColor; + } +} + +@mixin secondary-button() { + background: $secondaryButtonBg; + color: $secondaryButtonTextColor; + border: $secondaryButtonBorder; + + &.ui-state-hover, &:not(:disabled):hover { + background: $secondaryButtonHoverBg; + border-color: $secondaryButtonHoverBorderColor; + color: $secondaryButtonHoverTextColor; + } + + &.ui-state-focus { + box-shadow: $secondaryButtonFocusShadow; + } + + &.ui-state-active, &:active { + background: $secondaryButtonActiveBg; + border-color: $secondaryButtonActiveBorderColor; + color: $secondaryButtonActiveTextColor; + } +} + +@mixin border-radius-right($val) { + border-top-right-radius: $val; + border-bottom-right-radius: $val; +} + +@mixin border-radius-left($val) { + border-top-left-radius: $val; + border-bottom-left-radius: $val; +} + +@mixin border-radius-top($val) { + border-top-left-radius: $val; + border-top-right-radius: $val; +} + +@mixin border-radius-bottom($val) { + border-bottom-left-radius: $val; + border-bottom-right-radius: $val; +} + +@mixin flex() { + display: -ms-flexbox; + display: flex; +} + +@mixin flex-wrap($value) { + -ms-flex-wrap: $value; + flex-wrap: $value; +} + +@mixin flex-direction-row() { + -ms-flex-direction: row; + flex-direction: row; +} + +@mixin flex-direction-column() { + -ms-flex-direction: column; + flex-direction: column; +} + +@mixin flex-justify-center() { + -ms-flex-pack: center; + justify-content: center; +} + +@mixin flex-justify-between() { + -ms-flex-pack: justify; + justify-content: space-between; +} + +@mixin flex-align-center() { + -ms-flex-align: center; + align-items: center; +} + +@mixin flex-align-start() { + -ms-flex-align: start; + align-items: flex-start; +} + +@mixin flex-align-end() { + -ms-flex-align: end; + align-items: flex-end; +} + +@mixin flex-justify-start() { + -ms-flex-pack: start; + justify-content: flex-start; +} + +@mixin flex-justify-end() { + -ms-flex-pack: end; + justify-content: flex-end; +} + +@mixin focused-input() { + border-color: $inputFocusBorderColor; + outline: 0 none; + box-shadow: $inputFocusShadow; +} + +@mixin focused() { + outline: $focusOutline; + outline-offset: $focusOutlineOffset; + box-shadow: $focusShadow; +} + +@mixin focused-inset() { + outline: $focusOutline; + outline-offset: $focusOutlineOffset; + box-shadow: inset $focusShadow; +} + +@mixin placeholder { + ::-webkit-input-placeholder {@content} + :-moz-placeholder {@content; opacity: 1} + ::-moz-placeholder {@content; opacity: 1} + :-ms-input-placeholder {@content} +} + +@mixin gradient($deg, $color1, $color2) { + background: -moz-linear-gradient($deg, $color1 0%, $color2 100%); /* ff3.6+ */ + background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, $color1), color-stop(100%, $color2)); /* safari4+,chrome */ + background: -webkit-linear-gradient($deg, $color1 0%, $color2 100%); /* safari5.1+,chrome10+ */ + background: -o-linear-gradient($deg, $color1 0%, $color2 100%); /* opera 11.10+ */ + background: -ms-linear-gradient($deg, $color1 0%, $color2 100%); /* ie10+ */ + background: linear-gradient($deg, $color1 0%, $color2 100%); /* w3c */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#{$color1}', endColorstr='#{$color2}',GradientType=1 ); /* ie6-9 */ +} + +@mixin background-gradient-left2right($start-color, $end-color) { + background: $start-color; + background-image: -webkit-gradient(linear, left top, right top, from($start-color), to($end-color)); + background-image: -webkit-linear-gradient(left, $start-color, $end-color); + background-image: -moz-linear-gradient(left, $start-color, $end-color); + background-image: -ms-linear-gradient(left, $start-color, $end-color); + background-image: -o-linear-gradient(left, $start-color, $end-color); + background-image: linear-gradient(left, $start-color, $end-color); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$start-color}', endColorstr='#{$end-color}', gradientType='1'); +} + +@mixin background-gradient-right2left($start-color, $end-color) { + background: $start-color; + background-image: -webkit-gradient(linear, right top, left top, from($start-color), to($end-color)); + background-image: -webkit-linear-gradient(right, $start-color, $end-color); + background-image: -moz-linear-gradient(right, $start-color, $end-color); + background-image: -ms-linear-gradient(right, $start-color, $end-color); + background-image: -o-linear-gradient(right, $start-color, $end-color); + background-image: linear-gradient(right, $start-color, $end-color); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$start-color}', endColorstr='#{$end-color}', gradientType='1'); +} + +@mixin background-gradient-top2bottom($start-color, $end-color) { + background: $start-color; + background-image: -webkit-gradient(linear, left top, left bottom, from($start-color), to($end-color)); + background-image: -webkit-linear-gradient(top, $start-color, $end-color); + background-image: -moz-linear-gradient(top, $start-color, $end-color); + background-image: -ms-linear-gradient(top, $start-color, $end-color); + background-image: -o-linear-gradient(top, $start-color, $end-color); + background-image: linear-gradient(to bottom, $start-color, $end-color); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$start-color}', endColorstr='#{$end-color}'); +} + +@mixin background-gradient-bottom2top($start-color, $end-color) { + background: $end-color; + background-image: -webkit-gradient(linear, left bottom, left top, from($start-color), to($end-color)); + background-image: -webkit-linear-gradient(bottom, $start-color, $end-color); + background-image: -moz-linear-gradient(bottom, $start-color, $end-color); + background-image: -ms-linear-gradient(bottom, $start-color, $end-color); + background-image: -o-linear-gradient(bottom, $start-color, $end-color); + background-image: linear-gradient(to top, $start-color, $end-color); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$start-color}', endColorstr='#{$end-color}'); +} + +@mixin flex-center() { + @include flex(); + @include flex-align-center(); + @include flex-justify-center(); +} + +@mixin nested-submenu-indents($val, $index, $length) { + ul { + li { + a { + padding-left: $val * $index * 1px; + } + + @if $index < $length { + @include nested-submenu-indents($val, $index + 1, $length); + } + } + } +} + +@mixin transition($transition...) { + -moz-transition: $transition; + -o-transition: $transition; + -webkit-transition: $transition; + transition: $transition; +} + +@mixin rotate($deg) { + -webkit-transform: rotate($deg); + -moz-transform: rotate($deg); + -o-transform: rotate($deg); + -ms-transform: rotate($deg); + transform: rotate($deg); +} + +@mixin scale($deg) { + -webkit-transform: scale($deg); + -moz-transform: scale($deg); + -o-transform: scale($deg); + -ms-transform: scale($deg); + transform: scale($deg); +} + +@mixin opacity($opacity) { + opacity: $opacity; + $opacity-ie: $opacity * 100; + filter: alpha(opacity=$opacity-ie); + } + +@mixin background-gradient-top2bottom($start-color, $end-color) { + background-color: $start-color; + background-image: -webkit-gradient(linear, left top, left bottom, from($start-color), to($end-color)); + background-image: -webkit-linear-gradient(top, $start-color, $end-color); + background-image: -moz-linear-gradient(top, $start-color, $end-color); + background-image: -ms-linear-gradient(top, $start-color, $end-color); + background-image: -o-linear-gradient(top, $start-color, $end-color); + background-image: linear-gradient(to bottom, $start-color, $end-color); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$start-color}', endColorstr='#{$end-color}'); +} + +@mixin background-gradient-left2right($start-color, $end-color) { + background-color: $start-color; + background-image: -webkit-gradient(linear, left top, right top, from($start-color), to($end-color)); + background-image: -webkit-linear-gradient(left, $start-color, $end-color); + background-image: -moz-linear-gradient(left, $start-color, $end-color); + background-image: -ms-linear-gradient(left, $start-color, $end-color); + background-image: -o-linear-gradient(left, $start-color, $end-color); + background-image: linear-gradient(left, $start-color, $end-color); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$start-color}', endColorstr='#{$end-color}', gradientType='1'); +} + +@mixin shadow($value) { + -webkit-box-shadow: $value; + -moz-box-shadow: $value; + box-shadow: $value; +} + +@mixin border-radius($val) { + -moz-border-radius: $val; + -webkit-border-radius: $val; + border-radius: $val; +} + +@mixin border-radius-top($val) { + -moz-border-radius-topleft: $val; + -webkit-border-top-left-radius: $val; + border-top-left-radius: $val; + -moz-border-radius-topright: $val; + -webkit-border-top-right-radius: $val; + border-top-right-radius: $val; +} + +@mixin border-radius-bottom($val) { + -moz-border-radius-bottomleft: $val; + -webkit-border-bottom-left-radius: $val; + border-bottom-left-radius: $val; + -moz-border-radius-bottomright: $val; + -webkit-border-bottom-right-radius: $val; + border-bottom-right-radius: $val; +} + +@mixin border-radius-right($val) { + -moz-border-radius-topright: $val; + -webkit-border-top-right-radius: $val; + border-top-right-radius: $val; + -moz-border-radius-bottomright: $val; + -webkit-border-bottom-right-radius: $val; + border-bottom-right-radius: $val; +} + +@mixin border-radius-left($val) { + -moz-border-radius-topleft: $val; + -webkit-border-top-left-radius: $val; + border-top-left-radius: $val; + -moz-border-radius-bottomleft: $val; + -webkit-border-bottom-left-radius: $val; + border-bottom-left-radius: $val; +} + +@mixin input-placeholder($color) { + &::-webkit-input-placeholder {color: $color} + &:-moz-placeholder {color: $color} + &::-moz-placeholder {color: $color} + &:-ms-input-placeholder {color: $color} +} diff --git a/src/main/webapp/resources/sass/overrides/_layout_styles.scss b/src/main/webapp/resources/sass/overrides/_layout_styles.scss new file mode 100644 index 0000000..121ea50 --- /dev/null +++ b/src/main/webapp/resources/sass/overrides/_layout_styles.scss @@ -0,0 +1,2 @@ +/* Add your customizations of layout here */ +/* Add your customizations of layout here */ diff --git a/src/main/webapp/resources/sass/overrides/_layout_variables.scss b/src/main/webapp/resources/sass/overrides/_layout_variables.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/main/webapp/resources/sass/overrides/_theme_styles.scss b/src/main/webapp/resources/sass/overrides/_theme_styles.scss new file mode 100644 index 0000000..3b23bff --- /dev/null +++ b/src/main/webapp/resources/sass/overrides/_theme_styles.scss @@ -0,0 +1 @@ +/* Add your customizations of theme here */ \ No newline at end of file diff --git a/src/main/webapp/resources/sass/overrides/_theme_variables.scss b/src/main/webapp/resources/sass/overrides/_theme_variables.scss new file mode 100644 index 0000000..d7442c2 --- /dev/null +++ b/src/main/webapp/resources/sass/overrides/_theme_variables.scss @@ -0,0 +1 @@ +/* Add your variable customizations of theme here */ diff --git a/src/main/webapp/resources/sass/theme/_theme_dark.scss b/src/main/webapp/resources/sass/theme/_theme_dark.scss new file mode 100644 index 0000000..251fdd2 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/_theme_dark.scss @@ -0,0 +1,4 @@ +@import '../variables/theme/_theme_dark'; +@import '../overrides/_theme_variables'; +@import './designer/_theme'; +@import '../overrides/theme_styles'; \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/_theme_dim.scss b/src/main/webapp/resources/sass/theme/_theme_dim.scss new file mode 100644 index 0000000..2aa5850 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/_theme_dim.scss @@ -0,0 +1,4 @@ +@import '../variables/theme/_theme_dim'; +@import '../overrides/_theme_variables'; +@import './designer/_theme'; +@import '../overrides/theme_styles'; \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/_theme_light.scss b/src/main/webapp/resources/sass/theme/_theme_light.scss new file mode 100644 index 0000000..f34e4cf --- /dev/null +++ b/src/main/webapp/resources/sass/theme/_theme_light.scss @@ -0,0 +1,4 @@ +@import '../variables/theme/_theme_light'; +@import '../overrides/_theme_variables'; +@import './designer/_theme'; +@import '../overrides/theme_styles'; \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/_colors.scss b/src/main/webapp/resources/sass/theme/designer/_colors.scss new file mode 100644 index 0000000..076c683 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/_colors.scss @@ -0,0 +1,18 @@ +:root { + @if variable-exists(colors) { + @each $name, $color in $colors { + @for $i from 0 through 5 { + @if ($i == 0) { + --#{$name}-50:#{tint($color, (5 - $i) * 19%)}; + } + @else { + --#{$name}-#{$i * 100}:#{tint($color, (5 - $i) * 19%)}; + } + } + + @for $i from 1 through 4 { + --#{$name}-#{($i + 5) * 100}:#{shade($color, $i * 15%)}; + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/_common.scss b/src/main/webapp/resources/sass/theme/designer/_common.scss new file mode 100644 index 0000000..d0d26b5 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/_common.scss @@ -0,0 +1,46 @@ +* { + box-sizing: border-box; +} + +body { + .ui-widget { + font-family: $fontFamily; + font-size: $fontSize; + text-decoration: none; + } + + .ui-icon { + font-size: $iconSize; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; + } + + .pi { + font-size: $iconSize; + } + + .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: $animationDuration; + animation-timing-function: $animationTimingFunction; + animation-fill-mode: forwards; + } + + .ui-helper-reset { + line-height: normal; + } + + .ui-state-disabled { + opacity: $disabledOpacity; + } + + .ui-widget-overlay { + background: $maskBg; + } +} diff --git a/src/main/webapp/resources/sass/theme/designer/_mixins.scss b/src/main/webapp/resources/sass/theme/designer/_mixins.scss new file mode 100644 index 0000000..b33df5d --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/_mixins.scss @@ -0,0 +1,251 @@ +@mixin icon-override($icon) { + font-family: 'primeicons' !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + + &:before { + content: $icon; + } +} + +@mixin icon-override-with-content($icon) { + &:before { + content: $icon; + 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; + @content + } +} + +@mixin action-icon { + width: $actionIconWidth; + height: $actionIconHeight; + background: $actionIconBg; + color: $actionIconColor; + transition: $transition; + border-radius: $actionIconBorderRadius; + border: $actionIconBorder; + text-align: center; + line-height: $actionIconHeight; + padding: 0; + user-select: none; + + &:hover { + background: $actionIconHoverBg; + color: $actionIconHoverColor; + border-color: $actionIconHoverBorderColor; + } + + &:focus { + @include focused(); + } +} + +@mixin secondary-button() { + background: $secondaryButtonBg; + color: $secondaryButtonTextColor; + border: $secondaryButtonBorder; + + &.ui-state-hover, &:not(:disabled):hover { + background: $secondaryButtonHoverBg; + border-color: $secondaryButtonHoverBorderColor; + color: $secondaryButtonTextHoverColor; + } + + &.ui-state-focus { + box-shadow: $secondaryButtonFocusShadow; + } + + &.ui-state-active, &:active { + background: $secondaryButtonActiveBg; + border-color: $secondaryButtonActiveBorderColor; + color: $secondaryButtonTextActiveColor; + } + + &.ui-button-outlined { + background-color: transparent; + color: $secondaryButtonBg; + border: $outlinedButtonBorder; + + &:enabled:hover { + background: rgba($secondaryButtonBg, $textButtonHoverBgOpacity); + color: $secondaryButtonBg; + border: $outlinedButtonBorder; + } + + &:enabled:active { + background: rgba($secondaryButtonBg, $textButtonActiveBgOpacity); + color: $secondaryButtonBg; + border: $outlinedButtonBorder; + } + } + + &.ui-button-flat { + background-color: transparent; + color: $secondaryButtonBg; + border-color: transparent; + + &:enabled:hover { + background: rgba($secondaryButtonBg, $textButtonHoverBgOpacity); + border-color: transparent; + color: $secondaryButtonBg; + } + + &:enabled:active { + background: rgba($secondaryButtonBg, $textButtonActiveBgOpacity); + border-color: transparent; + color: $secondaryButtonBg; + } + } +} + +@mixin border-radius-right($val) { + border-top-right-radius: $val; + border-bottom-right-radius: $val; +} + +@mixin border-radius-left($val) { + border-top-left-radius: $val; + border-bottom-left-radius: $val; +} + +@mixin border-radius-top($val) { + border-top-left-radius: $val; + border-top-right-radius: $val; +} + +@mixin border-radius-bottom($val) { + border-bottom-left-radius: $val; + border-bottom-right-radius: $val; +} + +@mixin focused() { + outline: $focusOutline; + outline-offset: $focusOutlineOffset; + box-shadow: $focusShadow; +} + +@mixin focused-inset() { + outline: $focusOutline; + outline-offset: $focusOutlineOffset; + box-shadow: inset $focusShadow; +} + +@mixin focused-input() { + border-color: $inputFocusBorderColor; + outline: 0 none; + box-shadow: $inputFocusShadow; +} + +@mixin focused-listitem() { + outline: $focusOutline; + outline-offset: $focusOutlineOffset; + box-shadow: $inputListItemFocusShadow; +} + +@mixin invalid-input() { + border-color: $inputErrorBorderColor; +} + +@mixin flex() { + display: -ms-flexbox; + display: flex; +} + +@mixin flex-wrap($value) { + -ms-flex-wrap: $value; + flex-wrap: $value; +} + +@mixin flex-direction-row() { + -ms-flex-direction: row; + flex-direction: row; +} + +@mixin flex-direction-column() { + -ms-flex-direction: column; + flex-direction: column; +} + +@mixin flex-justify-center() { + -ms-flex-pack: center; + justify-content: center; +} + +@mixin flex-justify-between() { + -ms-flex-pack: justify; + justify-content: space-between; +} + +@mixin flex-align-center() { + -ms-flex-align: center; + align-items: center; +} + +@mixin flex-align-start() { + -ms-flex-align: start; + align-items: flex-start; +} + +@mixin flex-align-end() { + -ms-flex-align: end; + align-items: flex-end; +} + +@mixin flex-justify-start() { + -ms-flex-pack: start; + justify-content: flex-start; +} + +@mixin flex-justify-end() { + -ms-flex-pack: end; + justify-content: flex-end; +} + +@mixin placeholder { + ::-webkit-input-placeholder {@content} + :-moz-placeholder {@content; opacity: 1} + ::-moz-placeholder {@content; opacity: 1} + :-ms-input-placeholder {@content} +} + +@mixin scaledPadding($val, $scale) { + padding: nth($val, 1) * $scale nth($val, 2) * $scale; +} + +@mixin scaledFontSize($val, $scale) { + font-size: $val * $scale; +} + +@mixin nested-submenu-indents($val, $index, $length) { + ul { + li { + a { + padding-left: $val * ($index + 1); + } + + @if $index < $length { + @include nested-submenu-indents($val, $index + 2, $length); + } + } + } +} + +@function tint($color, $percentage) { + @return mix(#fff, $color, $percentage); +} + +@function shade($color, $percentage) { + @return mix(#000, $color, $percentage); +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/_theme.scss b/src/main/webapp/resources/sass/theme/designer/_theme.scss new file mode 100644 index 0000000..3120516 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/_theme.scss @@ -0,0 +1,102 @@ +@use 'sass:math'; + +@import './_mixins'; +@import './_common'; +@import './_colors'; + +//Button +@import './components/button/_button'; +@import './components/button/_splitbutton'; +@import './components/button/_speeddial'; + +//Data +@import './components/data/_carousel'; +@import './components/data/_chronoline'; +@import './components/data/_datagrid'; +@import './components/data/_datalist'; +@import './components/data/_datascroller'; +@import './components/data/_datatable'; +@import './components/data/_dataview'; +@import './components/data/_fullcalendar'; +@import './components/data/_orderlist'; +@import './components/data/_paginator'; +@import './components/data/_picklist'; +@import './components/data/_tagcloud'; +@import './components/data/_timeline'; +@import './components/data/_tree'; +@import './components/data/_treetable'; + +//File +@import './components/file/_fileupload'; + +//Input +@import './components/input/_autocomplete'; +@import './components/input/_cascadeselect'; +@import './components/input/_checkbox'; +@import './components/input/_chips'; +@import './components/input/_colorpicker'; +@import './components/input/_datepicker'; +@import './components/input/_inplace'; +@import './components/input/_input'; +@import './components/input/_inputgroup'; +@import './components/input/_inputswitch'; +@import './components/input/_keypad'; +@import './components/input/_multiselectlistbox'; +@import './components/input/_password'; +@import './components/input/_radiobutton'; +@import './components/input/_rating'; +@import './components/input/_selectbooleancheckbox'; +@import './components/input/_selectcheckboxmenu'; +@import './components/input/_selectonelistbox'; +@import './components/input/_selectonemenu'; +@import './components/input/_slider'; +@import './components/input/_spinner'; +@import './components/input/_toggleswitch'; + +//Menu +@import './components/menu/_breadcrumb'; +@import './components/menu/_menu'; +@import './components/menu/_panelmenu'; +@import './components/menu/_steps'; +@import './components/menu/_tabmenu'; + +//Messages +@import './components/messages/_growl'; +@import './components/messages/_message'; +@import './components/messages/_messages'; + +//Misc +@import './components/misc/_avatar'; +@import './components/misc/_badge'; +@import './components/misc/_chip'; +@import './components/misc/_clock'; +@import './components/misc/_galleria'; +@import './components/misc/_log'; +@import './components/misc/_progressbar'; +@import './components/misc/_scrolltop'; +@import './components/misc/_skeleton'; +@import './components/misc/_tag'; +@import './components/misc/_terminal'; + +//Overlay +@import './components/overlay/_confirmpopup'; +@import './components/overlay/_dialog'; +@import './components/overlay/_lightbox'; +@import './components/overlay/_overlaypanel'; +@import './components/overlay/_sidebar'; +@import './components/overlay/_tooltip'; + +//Panel +@import './components/panel/_accordion'; +@import './components/panel/_card'; +@import './components/panel/_dashboard'; +@import './components/panel/_divider'; +@import './components/panel/_fieldset'; +@import './components/panel/_notificationbar'; +@import './components/panel/_panel'; +@import './components/panel/_panelgrid'; +@import './components/panel/_scrollpanel'; +@import './components/panel/_splitter'; +@import './components/panel/_tabs'; +@import './components/panel/_toolbar'; +@import './components/panel/_wizard'; diff --git a/src/main/webapp/resources/sass/theme/designer/components/button/_button.scss b/src/main/webapp/resources/sass/theme/designer/components/button/_button.scss new file mode 100644 index 0000000..98ed77e --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/button/_button.scss @@ -0,0 +1,596 @@ +body { + .ui-button { + background: $buttonBg; + color: $buttonTextColor; + border: $buttonBorder; + margin: 0; + outline: 0 none; + border-radius: $borderRadius; + transition: $transition; + + &.ui-state-hover { + background: $buttonHoverBg; + border-color: $buttonHoverBorderColor; + color: $buttonTextHoverColor; + } + + &.ui-state-focus { + outline: $buttonFocusOutline; + outline-offset: $buttonFocusOutlineOffset; + box-shadow: $buttonFocusShadow; + } + + &.ui-state-active, &.ui-state-down { + background: $buttonActiveBg; + border-color: $buttonActiveBorderColor; + color: $buttonTextActiveColor; + } + + &.ui-button-outlined { + background-color: transparent; + color: $buttonBg; + border: $outlinedButtonBorder; + + &.ui-state-hover { + background: rgba($buttonBg, $textButtonHoverBgOpacity); + color: $buttonBg; + border: $outlinedButtonBorder; + } + + &.ui-state-active, &.ui-state-down { + background: rgba($buttonBg, $textButtonActiveBgOpacity); + color: $buttonBg; + border: $outlinedButtonBorder; + } + + &.ui-button-plain { + color: $plainButtonTextColor; + border-color: $plainButtonTextColor; + + &.ui-state-hover { + background: $plainButtonHoverBgColor; + color: $plainButtonTextColor; + } + + &.ui-state-active, &.ui-state-down { + background: $plainButtonActiveBgColor; + color: $plainButtonTextColor; + } + } + } + + &.ui-button-flat { + background-color: transparent; + color: $buttonBg; + border-color: transparent; + + &.ui-state-hover { + background: rgba($buttonBg, $textButtonHoverBgOpacity); + color: $buttonBg; + border-color: transparent; + } + + &.ui-state-active, &.ui-state-down { + background: rgba($buttonBg, $textButtonActiveBgOpacity); + color: $buttonBg; + border-color: transparent; + } + + &.ui-button-plain { + color: $plainButtonTextColor; + + &.ui-state-hover { + background: $plainButtonHoverBgColor; + color: $plainButtonTextColor; + } + + &.ui-state-active, &.ui-state-down { + background: $plainButtonActiveBgColor; + color: $plainButtonTextColor; + } + } + } + + &.ui-button-text-only { + .ui-button-text { + padding: $buttonTextOnlyPadding; + } + } + + &.ui-button-text-icon-left { + .ui-button-text { + padding: $buttonWithLeftIconPadding; + } + + .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: math.div(-1 * $iconSize, 2); + left: math.div($iconSize, 2); + } + } + + &.ui-button-text-icon-right { + .ui-button-text { + padding: $buttonWithRightIconPadding; + } + + .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: math.div(-1 * $iconSize, 2); + right: math.div($iconSize, 2); + } + } + + &.ui-button-icon-only { + width: $buttonIconOnlyWidth; + + .ui-button-text { + padding: $buttonIconOnlyPadding; + } + + .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: math.div(-1 * $iconSize, 2); + margin-left: math.div(-1 * $iconSize, 2); + } + } + + &.ui-button-raised { + box-shadow: $raisedButtonShadow; + } + + &.rounded-button { + border-radius: $roundedButtonBorderRadius; + + &.ui-button-icon-only { + border-radius: 50%; + height: $buttonIconOnlyWidth; + } + } + + .ui-icon-triangle-1-s { + @include icon_override("\e902"); + } + } + + .ui-selectbooleanbutton, + .ui-selectonebutton > .ui-button, + .ui-selectmanybutton > .ui-button { + background: $toggleButtonBg; + color: $toggleButtonTextColor; + border: $toggleButtonBorder; + outline: 0 none; + transition: $transition; + + .ui-icon { + color: $toggleButtonIconColor; + } + + &.ui-state-hover { + background: $toggleButtonHoverBg; + border-color: $toggleButtonHoverBorderColor; + color: $toggleButtonTextHoverColor; + + .ui-icon { + color: $toggleButtonHoverIconColor; + } + } + + &.ui-state-active { + background: $toggleButtonActiveBg; + border-color: $toggleButtonActiveBorderColor; + color: $toggleButtonTextActiveColor; + + .ui-icon { + color: $toggleButtonActiveIconColor; + } + + &:not(.ui-state-disabled):hover { + background: $toggleButtonActiveHoverBg; + border-color: $toggleButtonActiveHoverBorderColor; + color: $toggleButtonActiveTextHoverColor; + + .ui-icon { + color: $toggleButtonActiveHoverIconColor; + } + } + } + } + + .ui-selectonebutton > .ui-button, + .ui-selectmanybutton > .ui-button { + border-radius: 0; + + &:first-child { + border-top-left-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + } + + &:last-child { + border-top-right-radius: $borderRadius; + border-bottom-right-radius: $borderRadius; + } + + &.ui-state-focus { + z-index: 1; + } + + &:not(:last-child) { + border-right-width: 0; + } + } + + @media (max-width: 640px) { + .ui-selectonebutton > div.ui-button, + .ui-selectmanybutton > div.ui-button { + &:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + + &:first-child { + @include border-radius-top($borderRadius); + @include border-radius-bottom(0); + } + + &:last-child { + @include border-radius-top(0); + @include border-radius-bottom($borderRadius); + border-bottom-width: 1px; + } + } + } + + @media (max-width: 640px) { + .ui-dataview-layout-options > div.ui-button { + &:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + + &:first-child { + @include border-radius-left($borderRadius); + @include border-radius-right(0); + } + + &:last-child { + @include border-radius-left(0); + @include border-radius-right($borderRadius); + } + } + } + + .ui-button-group { + .ui-button { + margin: 0; + border-radius: 0; + + &:first-child { + border-top-left-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + } + + &:last-child { + border-top-right-radius: $borderRadius; + border-bottom-right-radius: $borderRadius; + } + + &.ui-state-focus { + z-index: 1; + } + } + } + + .ui-button.ui-button-secondary, .ui-splitbutton.ui-button-secondary > .ui-button { + @include secondary-button(); + } + + .ui-button.ui-button-success, .ui-splitbutton.ui-button-success > .ui-button { + background:$successButtonBg; + color: $successButtonTextColor; + border: $successButtonBorder; + + &.ui-state-hover { + background: $successButtonHoverBg; + color: $successButtonTextHoverColor; + border-color: $successButtonHoverBorderColor; + } + + &.ui-state-focus { + box-shadow: $successButtonFocusShadow; + } + + &.ui-state-active { + background: $successButtonActiveBg; + color: $successButtonTextActiveColor; + } + + &.ui-button-outlined { + background-color: transparent; + color: $successButtonBg; + border: $outlinedButtonBorder; + + &.ui-state-hover { + background: rgba($successButtonBg, $textButtonHoverBgOpacity); + color: $successButtonBg; + border: $outlinedButtonBorder; + } + + &.ui-state-active { + background: rgba($successButtonBg, $textButtonActiveBgOpacity); + color: $successButtonBg; + border: $outlinedButtonBorder; + } + } + + &.ui-button-flat { + background-color: transparent; + color: $successButtonBg; + border-color: transparent; + + &.ui-state-hover { + background: rgba($successButtonBg, $textButtonHoverBgOpacity); + border-color: transparent; + color: $successButtonBg; + } + + &.ui-state-active { + background: rgba($successButtonBg, $textButtonActiveBgOpacity); + border-color: transparent; + color: $successButtonBg; + } + } + } + + .ui-button.ui-button-warning, .ui-splitbutton.ui-button-warning > .ui-button { + background: $warningButtonBg; + color: $warningButtonTextColor; + border: $warningButtonBorder; + + &.ui-state-hover { + background: $warningButtonHoverBg; + color: $warningButtonTextHoverColor; + border-color: $warningButtonHoverBorderColor; + } + + &.ui-state-focus { + box-shadow: $warningButtonFocusShadow; + } + + &.ui-state-active { + background:$warningButtonActiveBg; + color: $warningButtonTextActiveColor; + border-color: $warningButtonActiveBorderColor; + } + + &.ui-button-outlined { + background-color: transparent; + color: $warningButtonBg; + border: $outlinedButtonBorder; + + &.ui-state-hover { + background: rgba($warningButtonBg, $textButtonHoverBgOpacity); + color: $warningButtonBg; + border: $outlinedButtonBorder; + } + + &.ui-state-active { + background: rgba($warningButtonBg, $textButtonActiveBgOpacity); + color: $warningButtonBg; + border: $outlinedButtonBorder; + } + } + + &.ui-button-flat { + background-color: transparent; + color: $warningButtonBg; + border-color: transparent; + + &.ui-state-hover { + background: rgba($warningButtonBg, $textButtonHoverBgOpacity); + border-color: transparent; + color: $warningButtonBg; + } + + &.ui-state-active { + background: rgba($warningButtonBg, $textButtonActiveBgOpacity); + border-color: transparent; + color: $warningButtonBg; + } + } + } + + .ui-button.ui-button-help, .ui-splitbutton.ui-button-help > .ui-button { + background: $helpButtonBg; + color: $helpButtonTextColor; + border: $helpButtonBorder; + + &.ui-state-hover { + background: $helpButtonHoverBg; + color: $helpButtonTextHoverColor; + border-color: $helpButtonHoverBorderColor; + } + + &.ui-state-focus { + box-shadow: $helpButtonFocusShadow; + } + + &.ui-state-active { + background:$helpButtonActiveBg; + color: $helpButtonTextActiveColor; + border-color: $helpButtonActiveBorderColor; + } + + &.ui-button-outlined { + background-color: transparent; + color: $helpButtonBg; + border: $outlinedButtonBorder; + + &.ui-state-hover { + background: rgba($helpButtonBg, $textButtonHoverBgOpacity); + color: $helpButtonBg; + border: $outlinedButtonBorder; + } + + &.ui-state-active { + background: rgba($helpButtonBg, $textButtonActiveBgOpacity); + color: $helpButtonBg; + border: $outlinedButtonBorder; + } + } + + &.ui-button-flat { + background-color: transparent; + color: $helpButtonBg; + border-color: transparent; + + &.ui-state-hover { + background: rgba($helpButtonBg, $textButtonHoverBgOpacity); + border-color: transparent; + color: $helpButtonBg; + } + + &.ui-state-active { + background: rgba($helpButtonBg, $textButtonActiveBgOpacity); + border-color: transparent; + color: $helpButtonBg; + } + } + } + + .ui-button.ui-button-info, .ui-splitbutton.ui-button-info > .ui-button { + background: $infoButtonBg; + color: $infoButtonTextColor; + border: $infoButtonBorder; + + &.ui-state-hover { + background: $infoButtonHoverBg; + color: $infoButtonTextHoverColor; + border-color: $infoButtonHoverBorderColor; + } + + &.ui-state-focus { + box-shadow: $infoButtonFocusShadow; + } + + &.ui-state-active { + background:$infoButtonActiveBg; + color: $infoButtonTextActiveColor; + border-color: $infoButtonActiveBorderColor; + } + + &.ui-button-outlined { + background-color: transparent; + color: $infoButtonBg; + border: $outlinedButtonBorder; + + &.ui-state-hover { + background: rgba($infoButtonBg, $textButtonHoverBgOpacity); + color: $infoButtonBg; + border: $outlinedButtonBorder; + } + + &.ui-state-active { + background: rgba($infoButtonBg, $textButtonActiveBgOpacity); + color: $infoButtonBg; + border: $outlinedButtonBorder; + } + } + + &.ui-button-flat { + background-color: transparent; + color: $infoButtonBg; + border-color: transparent; + + &.ui-state-hover { + background: rgba($infoButtonBg, $textButtonHoverBgOpacity); + border-color: transparent; + color: $infoButtonBg; + } + + &.ui-state-active { + background: rgba($infoButtonBg, $textButtonActiveBgOpacity); + border-color: transparent; + color: $infoButtonBg; + } + } + } + + .ui-button.ui-button-danger, .ui-splitbutton.ui-button-danger > .ui-button { + background: $dangerButtonBg; + color: $dangerButtonTextColor; + border: $dangerButtonBorder; + + &.ui-state-hover { + background: $dangerButtonHoverBg; + color: $dangerButtonTextHoverColor; + border-color: $dangerButtonHoverBorderColor; + } + + &.ui-state-focus { + box-shadow: $dangerButtonFocusShadow; + } + + &.ui-state-active { + background: $dangerButtonActiveBg; + color: $dangerButtonTextActiveColor; + border-color: $dangerButtonActiveBorderColor; + } + + &.ui-button-outlined { + background-color: transparent; + color: $dangerButtonBg; + border: $outlinedButtonBorder; + + &.ui-state-hover { + background: rgba($dangerButtonBg, $textButtonHoverBgOpacity); + color: $dangerButtonBg; + border: $outlinedButtonBorder; + } + + &.ui-state-active { + background: rgba($dangerButtonBg, $textButtonActiveBgOpacity); + color: $dangerButtonBg; + border: $outlinedButtonBorder; + } + } + + &.ui-button-flat { + background-color: transparent; + color: $dangerButtonBg; + border-color: transparent; + + &.ui-state-hover { + background: rgba($dangerButtonBg, $textButtonHoverBgOpacity); + border-color: transparent; + color: $dangerButtonBg; + } + + &.ui-state-active { + background: rgba($dangerButtonBg, $textButtonActiveBgOpacity); + border-color: transparent; + color: $dangerButtonBg; + } + } + } + + .ui-commandlink, .ui-link { + color: $buttonBg; + transition: $transition; + + &:hover { + color: $buttonHoverBg; + text-decoration: underline; + } + + &:active { + color: $buttonActiveBg; + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/button/_speeddial.scss b/src/main/webapp/resources/sass/theme/designer/components/button/_speeddial.scss new file mode 100644 index 0000000..4c9ad40 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/button/_speeddial.scss @@ -0,0 +1,81 @@ +body { + .ui-speeddial-button { + &.ui-button.ui-button-icon-only { + width: $speedDialButtonWidth; + height: $speedDialButtonHeight; + + .ui-button-icon { + font-size: $speedDialButtonIconFontSize; + } + } + } + + .ui-speeddial-action { + width: $speedDialActionWidth; + height: $speedDialActionHeight; + background: $speedDialActionBg; + color: $speedDialActionTextColor; + + &:hover { + background: $speedDialActionHoverBg; + color: $speedDialActionTextHoverColor; + } + } + + .ui-speeddial-direction-up { + .ui-speeddial-item { + margin: math.div($inlineSpacing, 2) 0; + + &:first-child { + margin-bottom: $inlineSpacing; + } + } + } + + .ui-speeddial-direction-down { + .ui-speeddial-item { + margin: math.div($inlineSpacing, 2) 0; + + &:first-child { + margin-top: $inlineSpacing; + } + } + } + + .ui-speeddial-direction-left { + .ui-speeddial-item { + margin: 0 math.div($inlineSpacing, 2); + + &:first-child { + margin-right: $inlineSpacing; + } + } + } + + .ui-speeddial-direction-right { + .ui-speeddial-item { + margin: 0 math.div($inlineSpacing, 2); + + &:first-child { + margin-left: $inlineSpacing; + } + } + } + + .ui-speeddial-circle, + .ui-speeddial-semi-circle, + .ui-speeddial-quarter-circle { + .ui-speeddial-item { + margin: 0; + + &:first-child, + &:last-child { + margin: 0; + } + } + } + + .ui-speeddial-mask { + background-color: $maskBg; + } +} diff --git a/src/main/webapp/resources/sass/theme/designer/components/button/_splitbutton.scss b/src/main/webapp/resources/sass/theme/designer/components/button/_splitbutton.scss new file mode 100644 index 0000000..3040263 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/button/_splitbutton.scss @@ -0,0 +1,65 @@ +body { + .ui-splitbutton { + padding: 0; + + .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + + &.ui-state-focus { + z-index: 1; + } + } + + .ui-splitbuttonmenu { + min-width: 100%; + } + + .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: $borderRadius; + border-bottom-right-radius: $borderRadius; + + .ui-icon.ui-icon-triangle-1-s { + @include icon_override("\e902"); + } + } + } + + .ui-splitbuttonmenu { + .ui-splitbuttonmenu-filter-container { + padding: $inputListHeaderPadding; + margin: 0; + border-bottom: $inputListHeaderBorder; + background: $inputListHeaderBg; + color: $inputListHeaderTextColor; + + .ui-splitbuttonmenu-filter.ui-inputfield { + padding: $inputPadding; + width: 100%; + padding-left: 2 * nth($inputPadding, 2) + $iconSize; + } + + .ui-icon { + @include icon_override("\e908"); + position: absolute; + left: nth($inputListHeaderPadding, 2) + nth($inputPadding, 2); + top: 50%; + right: auto; + bottom: auto; + margin-top: math.div(-1 * $iconSize, 2); + color: $inputIconColor; + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/data/_carousel.scss b/src/main/webapp/resources/sass/theme/designer/components/data/_carousel.scss new file mode 100644 index 0000000..30f9686 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/data/_carousel.scss @@ -0,0 +1,39 @@ +body { + .ui-carousel { + .ui-carousel-content { + .ui-carousel-prev, + .ui-carousel-next { + @include action-icon(); + margin: $inlineSpacing; + } + } + + .ui-carousel-indicators { + padding: $carouselIndicatorsPadding; + + .ui-carousel-indicator { + margin-right: $inlineSpacing; + margin-bottom: $inlineSpacing; + + button { + background-color: $carouselIndicatorBg; + width: $carouselIndicatorWidth; + height: $carouselIndicatorHeight; + transition: $actionIconTransition; + border-radius: $carouselIndicatorBorderRadius; + + &:hover { + background: $carouselIndicatorHoverBg; + } + } + + &.ui-state-highlight { + button { + background: $primaryColor; + color: $primaryTextColor; + } + } + } + } + } +} diff --git a/src/main/webapp/resources/sass/theme/designer/components/data/_chronoline.scss b/src/main/webapp/resources/sass/theme/designer/components/data/_chronoline.scss new file mode 100644 index 0000000..e0e2cea --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/data/_chronoline.scss @@ -0,0 +1,37 @@ +body { + .ui-chronoline { + .ui-chronoline-event-marker { + border: $chronolineEventMarkerBorder; + border-radius: $chronolineEventMarkerBorderRadius; + width: $chronolineEventMarkerWidth; + height: $chronolineEventMarkerHeight; + background-color: $chronolineEventMarkerBackground; + } + + .ui-chronoline-event-connector { + background-color: $chronolineEventColor; + } + + &.ui-chronoline-vertical { + .ui-chronoline-event-opposite, + .ui-chronoline-event-content { + padding: $chronolineVerticalEventContentPadding; + } + + .ui-chronoline-event-connector { + width: $chronolineEventConnectorSize; + } + } + + &.ui-chronoline-horizontal { + .ui-chronoline-event-opposite, + .ui-chronoline-event-content { + padding: $chronolineHorizontalEventContentPadding; + } + + .ui-chronoline-event-connector { + height: $chronolineEventConnectorSize; + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/data/_datagrid.scss b/src/main/webapp/resources/sass/theme/designer/components/data/_datagrid.scss new file mode 100644 index 0000000..4edd0a0 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/data/_datagrid.scss @@ -0,0 +1,39 @@ +body { + .ui-datagrid { + .ui-datagrid-header, + .ui-datagrid-footer { + background: $panelHeaderBg; + border: $panelHeaderBorder; + color: $panelHeaderTextColor; + padding: $panelHeaderPadding; + font-weight: $panelHeaderFontWeight; + } + + .ui-datagrid-header { + border-bottom: 0 none; + } + + .ui-datagrid-footer { + border-top: 0 none; + } + + .ui-datagrid-content { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $panelContentPadding; + } + + .ui-paginator { + padding: $paginatorPadding; + + &.ui-paginator-top { + border-bottom: 0 none; + } + + &.ui-paginator-bottom { + border-top: 0 none; + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/data/_datalist.scss b/src/main/webapp/resources/sass/theme/designer/components/data/_datalist.scss new file mode 100644 index 0000000..2af7271 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/data/_datalist.scss @@ -0,0 +1,39 @@ +body { + .ui-datalist { + .ui-datalist-header, + .ui-datalist-footer { + background: $panelHeaderBg; + border: $panelHeaderBorder; + color: $panelHeaderTextColor; + padding: $panelHeaderPadding; + font-weight: $panelHeaderFontWeight; + } + + .ui-datalist-header { + border-bottom: 0 none; + } + + .ui-datalist-footer { + border-top: 0 none; + } + + .ui-datalist-content { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $panelContentPadding; + } + + .ui-paginator { + padding: $paginatorPadding; + + &.ui-paginator-top { + border-bottom: 0 none; + } + + &.ui-paginator-bottom { + border-top: 0 none; + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/data/_datascroller.scss b/src/main/webapp/resources/sass/theme/designer/components/data/_datascroller.scss new file mode 100644 index 0000000..2ef80b8 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/data/_datascroller.scss @@ -0,0 +1,27 @@ +body { + .ui-datascroller { + .ui-datascroller-header, + .ui-datascroller-footer { + background: $panelHeaderBg; + border: $panelHeaderBorder; + color: $panelHeaderTextColor; + padding: $panelHeaderPadding; + font-weight: $panelHeaderFontWeight; + } + + .ui-datascroller-header { + border-bottom: 0 none; + } + + .ui-datascroller-footer { + border-top: 0 none; + } + + .ui-datascroller-content { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $panelContentPadding; + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/data/_datatable.scss b/src/main/webapp/resources/sass/theme/designer/components/data/_datatable.scss new file mode 100644 index 0000000..6f22f6c --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/data/_datatable.scss @@ -0,0 +1,459 @@ +body { + .ui-datatable { + .ui-datatable-header { + background: $datatableHeaderBg; + border: $datatableHeaderCellBorder; + border-width: $datatableHeaderBorderWidth; + color: $datatableHeaderTextColor; + padding: $datatableHeaderPadding; + font-weight: $datatableHeaderFontWeight; + @include border-radius-top($borderRadius); + } + + .ui-datatable-footer { + background: $datatableFooterBg; + border: $datatableFooterCellBorder; + border-width: $datatableFooterBorderWidth; + color: $datatableFooterTextColor; + padding: $datatableFooterPadding; + font-weight: $datatableFooterFontWeight; + @include border-radius-bottom($borderRadius); + } + + .ui-datatable-header { + text-align: left; + } + + .ui-datatable-footer { + text-align: left; + } + + .ui-paginator { + padding: $paginatorPadding; + + &.ui-paginator-top { + border-width: $datatableTopPaginatorBorderWidth; + border-radius: 0; + } + + &.ui-paginator-bottom { + border-width: $datatableBottomPaginatorBorderWidth; + border-radius: 0; + } + } + + thead { + th { + background: $datatableHeaderCellBg; + color: $datatableHeaderCellTextColor; + padding: $datatableHeaderCellPadding; + border: $datatableHeaderCellBorder; + border-width: $datatableHeaderCellBorderWidth; + text-align: left; + box-sizing: content-box; + transition: $transition; + + .ui-column-title { + font-weight: $datatableHeaderCellFontWeight; + vertical-align: middle; + } + + .ui-sortable-column-icon { + margin: 0 0 0 $inlineSpacing; + + &.ui-icon-carat-2-n-s { + @include icon_override('\e99e'); + vertical-align: middle; + } + + &.ui-icon-triangle-1-n { + @include icon_override('\e99f'); + vertical-align: middle; + } + + &.ui-icon-triangle-1-s { + @include icon_override('\e9a0'); + vertical-align: middle; + } + } + + .ui-sortable-column-badge { + border-radius: 50%; + height: $datatableSortableColumnBadgeSize; + min-width: $datatableSortableColumnBadgeSize; + line-height: $datatableSortableColumnBadgeSize; + color: $badgeTextColor; + background: $badgeBg; + margin-left: $inlineSpacing; + font-size: $badgeFontSize; + } + + &.ui-sortable-column { + &.ui-state-focus { + @include focused-inset(); + } + } + + &.ui-state-hover { + background: $datatableHeaderCellHoverBg; + color: $datatableHeaderCellTextHoverColor; + } + + &.ui-state-active { + background: $datatableHeaderCellHighlightBg; + color: $datatableHeaderCellHighlightTextColor; + + &.ui-state-hover { + background: $datatableHeaderCellHighlightHoverBg; + color: $datatableHeaderCellHighlightTextHoverColor; + } + } + } + } + + .ui-datatable-data { + > tr { + background: $datatableBodyRowBg; + color: $datatableBodyRowTextColor; + transition: $transition; + + > td { + padding: $datatableBodyCellPadding; + border: $datatableBodyRowBorder; + border-width: $datatableBodyCellBorderWidth; + + &.ui-datatable-subtable-header { + background: $panelHeaderBg; + border: $panelHeaderBorder; + color: $panelHeaderTextColor; + font-weight: $panelHeaderFontWeight; + } + } + + &.ui-state-hover { + background: $datatableBodyRowHoverBg; + color: $datatableBodyRowTextHoverColor; + } + + &.ui-state-highlight { + background: $highlightBg; + color: $highlightTextColor; + + .ui-row-toggler { + color: $highlightTextColor; + } + + .ui-row-editor { + > a { + color: $highlightTextColor; + } + } + } + + &.ui-datatable-selectable { + cursor: pointer; + + > .ui-grouped-column { + background: $datatableBodyRowBg; + color: $datatableBodyRowTextColor; + cursor: default; + } + } + + &.ui-rowgroup-header, &.ui-datatable-summaryrow { + font-weight: 700; + } + + .ui-row-editor { + > a { + @include action-icon(); + + &.ui-row-editor-check { + margin-right: $inlineSpacing; + } + } + + .ui-icon { + &.ui-icon-pencil { + @include icon_override('\e942'); + } + + &.ui-icon-check { + @include icon_override('\e909'); + } + + &.ui-icon-close { + @include icon_override('\e90b'); + } + } + } + + .ui-row-toggler { + @include action-icon(); + + &.ui-icon-circle-triangle-e { + @include icon_override('\e901'); + } + + &.ui-icon-circle-triangle-s { + @include icon_override('\e902'); + } + } + + .ui-rowgroup-toggler { + margin-right: 2 * $inlineSpacing; + + .ui-rowgroup-toggler-icon { + @include action-icon(); + + &.ui-icon-circle-triangle-e { + @include icon_override('\e901'); + } + + &.ui-icon-circle-triangle-s { + @include icon_override('\e902'); + } + } + } + + &.ui-datatable-rowordering { + background: $highlightBg; + } + } + } + + .ui-column-resizer-helper { + background: $datatableResizerHelperBg; + } + + tfoot { + td { + background: $datatableFooterCellBg; + border: $datatableFooterCellBorder; + border-width: $datatableFooterCellBorderWidth; + color: $datatableFooterCellTextColor; + padding: $datatableFooterCellPadding; + font-weight: $datatableFooterCellFontWeight; + text-align: left; + box-sizing: content-box; + } + } + + > .ui-icon-arrowthick-1-s { + @include icon_override('\e919'); + display: none !important; + } + + > .ui-icon-arrowthick-1-n { + @include icon_override('\e91c'); + padding-top: 1.5rem !important; + } + + .ui-datatable-scrollable-body { + outline: 0 none; + } + + .ui-datatable-scrollable-header, .ui-datatable-scrollable-footer { + background: $datatableHeaderCellBg; + } + + .ui-selection-column { + .ui-chkbox-all { + width: auto; + height: auto; + } + } + + &.ui-datatable-striped { + .ui-datatable-data { + > tr { + &.ui-datatable-odd { + background: $datatableBodyRowOddBg; + + &.ui-state-hover { + background: $datatableBodyRowHoverBg; + color: $datatableBodyRowTextHoverColor; + } + + &.ui-state-highlight { + background: $highlightBg; + color: $highlightTextColor; + } + } + } + } + } + + &.ui-datatable-sm { + thead { + > tr { + > th { + padding: nth($datatableHeaderCellPadding,1) * $datatableScaleSm nth($datatableHeaderCellPadding,2) * $datatableScaleSm; + } + } + } + + .ui-datatable-scrollable-theadclone { + > tr { + > th { + padding-top: 0; + padding-bottom: 0; + } + } + } + + .ui-datatable-data { + > tr { + > td { + padding: nth($datatableBodyCellPadding,1) * $datatableScaleSm nth($datatableBodyCellPadding,2) * $datatableScaleSm; + } + } + } + + tfoot { + > tr { + > td { + padding: nth($datatableFooterCellPadding,1) * $datatableScaleSm nth($datatableFooterCellPadding,2) * $datatableScaleSm; + } + } + } + } + + &.ui-datatable-lg { + thead { + > tr { + > th { + padding: nth($datatableHeaderCellPadding,1) * $datatableScaleLg nth($datatableHeaderCellPadding,2) * $datatableScaleLg; + } + } + } + + .ui-datatable-scrollable-theadclone { + > tr { + > th { + padding-top: 0; + padding-bottom: 0; + } + } + } + + .ui-datatable-data { + > tr { + > td { + padding: nth($datatableBodyCellPadding,1) * $datatableScaleLg nth($datatableBodyCellPadding,2) * $datatableScaleLg; + } + } + } + + tfoot { + > tr { + > td { + padding: nth($datatableFooterCellPadding,1) * $datatableScaleLg nth($datatableFooterCellPadding,2) * $datatableScaleLg; + } + } + } + } + + &.ui-datatable-gridlines { + .ui-datatable-header { + border-width: 1px; + } + + thead { + > tr { + > th { + border-width: 1px; + } + } + } + + .ui-datatable-data { + > tr { + > td { + border-width: 1px; + } + } + } + + .ui-datatable-scrollable-theadclone { + > tr { + > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; + } + } + } + + tfoot { + > tr { + > td { + border-width: 1px; + } + } + } + } + + &.ui-datatable-sticky { + &.ui-sticky { + box-shadow: $overlayContainerShadow; + } + } + } + + .ui-columntoggler { + box-shadow: $overlayContainerShadow; + background: $inputListBg; + border: $inputListBorder; + + .ui-columntoggler-close { + display: none; + } + + .ui-columntoggler-items { + padding: $inputListPadding; + + .ui-columntoggler-item { + padding: $inputListItemPadding; + margin: $inputListItemMargin; + border: $inputListItemBorder; + background: $inputListItemBg; + color: $inputListItemTextColor; + border-radius: $inputListItemBorderRadius; + + .ui-chkbox { + position: static; + margin-right: $inlineSpacing; + margin-top: 0; + vertical-align: middle; + } + + label { + padding: 0; + display: inline; + } + } + } + } + + @media (max-width: 640px) { + .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: $datatableBodyRowBorder; + + &:hover, &.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: $datatableBodyRowBorder; + } + + &.ui-expanded-row-content { + > td { + display: block; + width: 100%; + } + + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/data/_dataview.scss b/src/main/webapp/resources/sass/theme/designer/components/data/_dataview.scss new file mode 100644 index 0000000..48445f9 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/data/_dataview.scss @@ -0,0 +1,49 @@ +body { + .ui-dataview { + .ui-paginator{ + &.ui-paginator-top { + border-width: $datatableTopPaginatorBorderWidth; + border-radius: 0; + } + + &.ui-paginator-bottom { + border-width: $datatableBottomPaginatorBorderWidth; + border-radius: 0; + } + } + + .ui-dataview-header { + background: $datatableHeaderBg; + color: $datatableHeaderTextColor; + padding: $datatableHeaderPadding; + font-weight: $datatableHeaderFontWeight; + border: $datatableHeaderBorder; + border-width: $datatableHeaderBorderWidth; + } + + .ui-dataview-footer { + background: $datatableFooterBg; + color: $datatableFooterTextColor; + border: $datatableFooterBorder; + border-width: $datatableFooterBorderWidth; + padding: $datatableFooterPadding; + font-weight: $datatableFooterFontWeight; + border-bottom-left-radius: $borderRadius; + border-bottom-right-radius: $borderRadius; + } + + .ui-dataview-content { + border: $dataViewContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $dataViewContentPadding; + } + + &.ui-dataview-list { + .ui-dataview-row { + border: $dataViewListItemBorder; + border-width: $dataViewListItemBorderWidth; + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/data/_fullcalendar.scss b/src/main/webapp/resources/sass/theme/designer/components/data/_fullcalendar.scss new file mode 100644 index 0000000..9a02080 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/data/_fullcalendar.scss @@ -0,0 +1,89 @@ +body { + .fc { + .fc-scrollgrid { + border-color: $scheduleCellBorderColor; + } + + .fc-daygrid-day.fc-day-today, + .fc-timegrid-col.fc-day-today { + background-color: $scheduleTodayBg; + } + + th { + background: $panelHeaderBg; + border: $panelHeaderBorder; + color: $panelHeaderTextColor; + + > .fc-scrollgrid-sync-inner { + padding: $panelHeaderPadding; + } + } + + td { + border: $panelHeaderBorder; + + &.fc-widget-content { + background: $panelContentBg; + border: $panelContentBorder; + color: $panelContentTextColor; + } + + &.fc-head-container { + border: $panelHeaderBorder; + } + } + + .fc-row { + border-right: $panelHeaderBorder; + } + + .fc-event, + .fc-event .fc-event-main{ + background: $scheduleEventBg; + border: $scheduleEventBorder; + color: $scheduleEventTextColor; + } + + .fc-divider { + background: $panelHeaderBg; + border: $panelHeaderBorder; + } + + .fc-toolbar { + .fc-button { + background: $buttonBg; + color: $buttonTextColor; + border: $buttonBorder; + transition: $transition; + + &:not(:disabled):hover { + background: $buttonHoverBg; + border-color: $buttonHoverBorderColor; + color: $buttonTextHoverColor; + } + + &:focus { + outline: $buttonFocusOutline; + outline-offset: $buttonFocusOutlineOffset; + box-shadow: $buttonFocusShadow; + } + + &:active, &.fc-button-active { + background: $buttonActiveBg; + border-color: $buttonActiveBorderColor; + color: $buttonTextActiveColor; + } + } + } + } + + .ui-fluid { + .fc { + .fc-toolbar { + .ui-button { + width: auto; + } + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/data/_orderlist.scss b/src/main/webapp/resources/sass/theme/designer/components/data/_orderlist.scss new file mode 100644 index 0000000..6fb90eb --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/data/_orderlist.scss @@ -0,0 +1,106 @@ +body { + .ui-orderlist { + .ui-orderlist-controls { + margin-right: 0; + @include flex(); + @include flex-direction-column(); + @include flex-align-center(); + @include flex-justify-center(); + + .ui-button { + margin-bottom: $inlineSpacing; + } + + .ui-icon-arrow-1-n { + @include icon-override("\e933"); + } + + .ui-icon-arrowstop-1-n { + @include icon-override("\e92f"); + } + + .ui-icon-arrow-1-s { + @include icon-override("\e930"); + } + + .ui-icon-arrowstop-1-s { + @include icon-override("\e92c"); + } + } + + .ui-orderlist-caption { + background: $panelHeaderBg; + border: $panelHeaderBorder; + color: $panelHeaderTextColor; + padding: $panelHeaderPadding; + border-bottom: 0 none; + font-weight: $panelHeaderFontWeight; + @include border-radius-top($borderRadius); + } + + .ui-g { + > div { + padding: 0; + + &.ui-orderlist-controls { + padding: 0 $inlineSpacing 0 0; + } + } + } + + .ui-orderlist-list { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $inputListPadding; + @include border-radius-bottom($borderRadius); + + .ui-orderlist-item { + padding: $inputListItemPadding; + margin: $inputListItemMargin; + border: $inputListItemBorder; + color: $inputListItemTextColor; + border-radius: $inputListItemBorderRadius ; + transition: $transition; + + &.ui-state-hover { + background: $inputListItemHoverBg; + color: $inputListItemTextHoverColor; + } + + &.ui-state-highlight { + background: $inputListItemHighlightBg; + color: $inputListItemHighlightTextColor; + + &.ui-sortable-placeholder { + background: $orderListDropPlaceholderBg; + } + } + } + } + + &.ui-orderlist-controls-right { + .ui-g { + > div { + &.ui-orderlist-controls { + padding: 0 0 0 $inlineSpacing; + } + } + } + } + } + + @media (max-width: 640px) { + .ui-orderlist { + &.ui-grid-responsive { + .ui-orderlist-controls { + @include flex-direction-row(); + .ui-button { + margin-top: $inlineSpacing; + margin-right: $inlineSpacing; + } + } + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/data/_paginator.scss b/src/main/webapp/resources/sass/theme/designer/components/data/_paginator.scss new file mode 100644 index 0000000..0159568 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/data/_paginator.scss @@ -0,0 +1,122 @@ +body { + .ui-paginator { + background: $paginatorBg; + border: $paginatorBorder; + border-width: $paginatorBorderWidth; + padding: $paginatorPadding; + + .ui-paginator-first, + .ui-paginator-prev, + .ui-paginator-next, + .ui-paginator-last { + color: $paginatorIconColor; + width: $paginatorElementWidth; + height: $paginatorElementHeight; + margin: $paginatorElementMargin; + border: $paginatorElementBorder; + vertical-align: top; + padding: 0; + border-radius: $paginatorElementBorderRadius; + transition: $transition; + + span { + display: none; + } + + &.ui-state-hover { + background: $paginatorElementHoverBg; + color: $paginatorElementHoverIconColor; + border-color: $paginatorElementHoverBorderColor; + } + + &.ui-state-focus { + @include focused(); + } + + &:before { + position: relative; + line-height: inherit; + top: -1px; + } + } + + .ui-paginator-first { + @include icon-override("\e92d"); + line-height: $paginatorElementHeight; + + &:before { + position: relative; + } + } + + .ui-paginator-prev { + @include icon-override("\e931"); + line-height: $paginatorElementHeight; + + &:before { + position: relative; + } + } + + .ui-paginator-next { + @include icon-override("\e932"); + line-height: $paginatorElementHeight; + + &:before { + position: relative; + } + } + + .ui-paginator-last { + @include icon-override("\e92e"); + line-height: $paginatorElementHeight; + + &:before { + position: relative; + } + } + + .ui-paginator-current { + color: $paginatorIconColor; + } + + .ui-paginator-pages { + padding: 0; + display: inline-block; + + .ui-paginator-page { + padding: 0; + border: $paginatorElementBorder; + text-align: center; + line-height: $paginatorElementHeight; + min-width: $paginatorElementWidth; + height: $paginatorElementHeight; + color: $paginatorIconColor; + margin: $paginatorElementMargin; + border-radius: $paginatorElementBorderRadius; + transition: $transition; + + &.ui-state-active { + background: $highlightBg; + color: $highlightTextColor; + } + + &.ui-state-hover { + background: $paginatorElementHoverBg; + color: $paginatorElementHoverIconColor; + border-color: $paginatorElementHoverBorderColor; + } + + &.ui-state-focus { + @include focused(); + } + } + } + + .ui-paginator-current, .ui-paginator-rpp-options { + margin: $inlineSpacing; + display: inline-block; + vertical-align: middle; + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/data/_picklist.scss b/src/main/webapp/resources/sass/theme/designer/components/data/_picklist.scss new file mode 100644 index 0000000..517dc90 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/data/_picklist.scss @@ -0,0 +1,140 @@ +body { + .ui-picklist { + .ui-picklist-buttons { + padding: 0 $inlineSpacing 0 $inlineSpacing; + + .ui-button { + margin-bottom: $inlineSpacing; + } + + .ui-icon-arrow-1-n { + @include icon-override("\e933"); + } + + .ui-icon-arrowstop-1-n { + @include icon-override("\e92f"); + } + + .ui-icon-arrow-1-s { + @include icon-override("\e930"); + } + + .ui-icon-arrowstop-1-s { + @include icon-override("\e92c"); + } + + .ui-icon-arrow-1-e { + @include icon-override("\e932"); + } + + .ui-icon-arrowstop-1-e { + @include icon-override("\e92e"); + } + + .ui-icon-arrow-1-w { + @include icon-override("\e931"); + } + + .ui-icon-arrowstop-1-w { + @include icon-override("\e92d"); + } + } + + .ui-picklist-caption { + background: $panelHeaderBg; + border: $panelHeaderBorder; + color: $panelHeaderTextColor; + padding: $panelHeaderPadding; + border-bottom: 0 none; + font-weight: $panelHeaderFontWeight; + @include border-radius-top($borderRadius); + } + + .ui-picklist-filter-container { + .ui-picklist-filter { + padding: $inputPadding; + width: 100%; + padding-left: 2 * nth($inputPadding, 2) + $iconSize; + margin-bottom: $inlineSpacing; + } + + .ui-icon { + @include icon_override("\e908"); + position: absolute; + left: nth($inputPadding, 2); + top: 50%; + right: auto; + margin-top: math.div(-1 * $iconSize, 2) - math.div($inlineSpacing, 2); + color: $inputIconColor; + } + } + + .ui-picklist-list { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $inputListPadding; + @include border-radius-bottom($borderRadius); + + .ui-picklist-item { + padding: $inputListItemPadding; + border: $inputListItemBorder; + margin: $inputListItemMargin; + color: $inputListItemTextColor; + border-radius: $inputListItemBorderRadius; + transition: $transition; + + &.ui-state-hover { + background: $inputListItemHoverBg; + color: $inputListItemTextHoverColor; + } + + &.ui-state-highlight { + background: $inputListItemHighlightBg; + color: $inputListItemHighlightTextColor; + + &.ui-sortable-placeholder { + background: $pickListDropPlaceholderBg; + } + } + } + } + } + + @media (max-width: 640px) { + .ui-picklist { + &.ui-picklist-responsive { + .ui-picklist-buttons { + .ui-button { + margin-top: $inlineSpacing; + margin-right: $inlineSpacing; + + &:last-child { + margin-right: 0; + } + + .ui-icon-arrow-1-e { + @include icon-override("\e930"); + } + + .ui-icon-arrowstop-1-e { + @include icon-override("\e92c"); + } + + .ui-icon-arrow-1-w { + @include icon-override("\e933"); + } + + .ui-icon-arrowstop-1-w { + @include icon-override("\e92f"); + } + } + } + + > div.ui-helper-hidden-accessible { + display: none; + } + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/data/_tagcloud.scss b/src/main/webapp/resources/sass/theme/designer/components/data/_tagcloud.scss new file mode 100644 index 0000000..be8fcbd --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/data/_tagcloud.scss @@ -0,0 +1,19 @@ +body { + .ui-tagcloud { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $panelContentPadding; + + a { + color: $inputListItemTextColor; + border-radius: $borderRadius; + transition: $transition; + + &.ui-state-hover { + background: $inputListItemHighlightBg; + color: $inputListItemHighlightTextColor; + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/data/_timeline.scss b/src/main/webapp/resources/sass/theme/designer/components/data/_timeline.scss new file mode 100644 index 0000000..68ac509 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/data/_timeline.scss @@ -0,0 +1,79 @@ +body { + .timeline-frame { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + + .timeline-navigation { + @include action-icon(); + + .ui-icon { + &.ui-icon-circle-zoomin { + @include icon_override("\e98f"); + } + + &.ui-icon-circle-zoomout { + @include icon_override("\e990"); + } + + &.ui-icon-circle-arrow-w { + @include icon_override("\e91f"); + } + + &.ui-icon-circle-arrow-e { + @include icon_override("\e920"); + } + } + } + + .timeline-event { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + + &.ui-state-active { + background: $highlightBg; + color: $highlightTextColor; + } + } + } + + .vis-timeline { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + + .vis-item { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + + .vis-item-content { + color: $panelContentTextColor; + } + + &.vis-dot { + border-width: 4px; + } + + &.vis-selected { + background: $highlightBg; + border-color: $highlightBg; + + .vis-item-content { + color: $highlightTextColor; + } + } + } + + .vis-time-axis { + .vis-text { + color: $panelContentTextColor; + } + } + + .vis-panel .vis-shadow { + box-shadow: none; + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/data/_tree.scss b/src/main/webapp/resources/sass/theme/designer/components/data/_tree.scss new file mode 100644 index 0000000..861ed0d --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/data/_tree.scss @@ -0,0 +1,205 @@ +body { + .ui-tree { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $panelContentPadding; + width: 100%; + border-radius: $borderRadius; + + .ui-tree-container { + padding: 0; + margin: 0; + + .ui-treenode { + padding: $treeNodePadding; + + .ui-treenode-content { + @include flex(); + @include flex-align-center(); + + .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 $inlineSpacing 0 0; + transition: $transition; + @include action-icon(); + + &.ui-icon-triangle-1-e { + @include icon_override("\e901"); + } + + &.ui-icon-triangle-1-s { + @include icon_override("\e902"); + } + + &.ui-icon-triangle-1-w { + @include icon_override("\e900"); + } + } + + .ui-treenode-leaf-icon { + width: $actionIconWidth; + height: $actionIconHeight; + margin: 0 $inlineSpacing 0 0; + } + + .ui-treenode-icon { + margin: 0 $inlineSpacing 0 0; + } + + .ui-treenode-label { + margin: 0; + padding: $treeNodeLabelPadding; + border-radius: $borderRadius; + + &.ui-state-hover { + background: $inputListItemHoverBg; + color: $inputListItemTextHoverColor; + } + + &.ui-state-highlight { + background: $inputListItemHighlightBg; + color: $inputListItemHighlightTextColor; + } + } + + .ui-chkbox { + margin-right: $inlineSpacing * 2; + + .ui-icon-minus { + @include icon_override("\e90f"); + color: $panelContentTextColor; + } + } + } + } + + .ui-tree-droppoint { + &.ui-state-hover { + background: $highlightBg; + } + } + + .ui-treenode-outline { + @include focused-listitem(); + } + } + + &.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; + + .ui-treenode-content { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $panelContentPadding; + border-radius: $borderRadius; + + &.ui-state-hover { + background: $inputListItemHoverBg; + color: $inputListItemTextHoverColor; + } + + &.ui-state-highlight { + background: $inputListItemHighlightBg; + color: $inputListItemHighlightTextColor; + } + + .ui-tree-toggler { + margin-right: $inlineSpacing; + vertical-align: middle; + + &.ui-icon-minus { + @include icon_override("\e90f"); + } + + &.ui-icon-plus { + @include icon_override("\e90d"); + } + } + + .ui-treenode-icon { + vertical-align: middle; + margin-right: $inlineSpacing; + } + + .ui-treenode-label { + padding: 0; + vertical-align: middle; + } + + .ui-chkbox { + margin-right: $inlineSpacing; + + .ui-icon-minus { + @include icon_override("\e90f"); + color: $panelContentTextColor; + } + } + } + + .ui-treenode:before { + background-color: $panelContentBg; + } + } + + .ui-tree-filter-container { + margin: 0 0 $inlineSpacing 0; + + .ui-icon { + @include icon_override("\e908"); + position: absolute; + left: nth($inputPadding, 2); + top: 50%; + right: auto; + bottom: auto; + margin-top: math.div(-1 * $iconSize, 2); + color: $inputIconColor; + } + + .ui-inputfield { + padding: $inputPadding; + width: 100%; + padding-left: 2 * nth($inputPadding, 2) + $iconSize; + } + } + + &.ui-tree-rtl { + .ui-tree-container { + .ui-treenode { + .ui-treenode-content { + .ui-tree-toggler { + margin-right: 0; + margin-left: $inlineSpacing; + } + + .ui-treenode-leaf-icon { + margin: 0 0 0 $inlineSpacing; + } + + .ui-treenode-icon { + margin: 0 0 0 $inlineSpacing; + } + + .ui-chkbox { + margin-right: 0; + margin-left: $inlineSpacing + 2; + } + } + } + } + } + } + + .ui-tree-draghelper { + border: 1px solid $highlightBg; + } + + .ui-fluid { + .ui-tree { + width: 100%; + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/data/_treetable.scss b/src/main/webapp/resources/sass/theme/designer/components/data/_treetable.scss new file mode 100644 index 0000000..4153442 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/data/_treetable.scss @@ -0,0 +1,343 @@ +body { + .ui-treetable { + .ui-treetable-header { + background: $datatableHeaderBg; + color: $datatableHeaderTextColor; + border: $datatableHeaderBorder; + border-width: $datatableHeaderBorderWidth; + padding: $datatableHeaderPadding; + font-weight: $datatableHeaderFontWeight; + } + + .ui-treetable-footer { + background: $datatableFooterBg; + color: $datatableFooterTextColor; + border: $datatableFooterBorder; + border-width: $datatableFooterBorderWidth; + padding: $datatableFooterPadding; + font-weight: $datatableFooterFontWeight; + } + + .ui-treetable-header { + text-align: left; + } + + .ui-treetable-footer { + text-align: left; + } + + .ui-paginator { + padding: $paginatorPadding; + + &.ui-paginator-top { + border-width: $datatableTopPaginatorBorderWidth; + border-radius: 0; + } + + &.ui-paginator-bottom { + border-width: $datatableBottomPaginatorBorderWidth; + border-radius: 0; + } + } + + thead { + th { + background: $datatableHeaderCellBg; + color: $datatableHeaderCellTextColor; + padding: $datatableHeaderCellPadding; + border: $datatableHeaderCellBorder; + border-width: $datatableHeaderCellBorderWidth; + text-align: left; + box-sizing: content-box;; + transition: $transition; + + .ui-column-title { + font-weight: $datatableHeaderCellFontWeight; + vertical-align: middle; + } + + .ui-sortable-column-icon { + margin: 0 0 0 $inlineSpacing; + + &.ui-icon-carat-2-n-s { + @include icon_override('\e99e'); + vertical-align: middle; + } + + &.ui-icon-triangle-1-n { + @include icon_override('\e99f'); + vertical-align: middle; + } + + &.ui-icon-triangle-1-s { + @include icon_override('\e9a0'); + vertical-align: middle; + } + } + + .ui-sortable-column-badge { + border-radius: 50%; + height: $datatableSortableColumnBadgeSize; + min-width: $datatableSortableColumnBadgeSize; + line-height: $datatableSortableColumnBadgeSize; + color: $badgeTextColor; + background: $badgeBg; + margin-left: $inlineSpacing; + font-size: $badgeFontSize; + } + + &.ui-sortable-column { + &.ui-state-focus { + @include focused-inset(); + } + } + + &.ui-state-hover { + background: $datatableHeaderCellHoverBg; + color: $datatableHeaderCellTextHoverColor; + } + + &.ui-state-active { + background: $datatableHeaderCellHighlightBg; + color: $datatableHeaderCellHighlightTextColor; + + &.ui-state-hover { + background: $datatableHeaderCellHighlightHoverBg; + color: $datatableHeaderCellHighlightTextHoverColor; + } + } + } + } + + .ui-treetable-data { + > tr { + background: $datatableBodyRowBg; + color: $datatableBodyRowTextColor; + transition: $transition; + + > td { + padding: $datatableBodyCellPadding; + border: $datatableBodyRowBorder; + border-width: $datatableHeaderCellBorderWidth; + + .ui-treetable-toggler { + margin-right: $inlineSpacing; + margin-top: 0; + transition: $transition; + @include action-icon(); + + &.ui-icon-triangle-1-e { + @include icon_override("\e901"); + } + + &.ui-icon-triangle-1-s { + @include icon_override("\e902"); + } + } + + .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: $inlineSpacing * 2; + + .ui-icon-minus { + @include icon_override("\e90f"); + color: $panelContentTextColor; + } + } + } + + &.ui-state-hover { + background: $datatableBodyRowHoverBg; + color: $datatableBodyRowTextHoverColor; + } + + &.ui-state-highlight { + background: $highlightBg; + color: $highlightTextColor; + cursor: default; + + .ui-treetable-toggler { + color: $highlightTextColor; + + &:hover { + color: $highlightTextColor; + } + } + } + + .ui-row-editor { + .ui-icon { + @include action-icon(); + + &.ui-icon-pencil { + @include icon_override('\e942'); + } + + &.ui-icon-check { + @include icon_override('\e909'); + margin-right: $inlineSpacing; + } + + &.ui-icon-close { + @include icon_override('\e90b'); + } + } + + .ui-row-editor-check { + display: none; + } + + .ui-row-editor-close { + display: none; + } + } + + &.ui-row-editing { + .ui-row-editor-check { + display: inline-block; + } + + .ui-row-editor-close { + display: inline-block; + color:$highlightTextColor; + } + + .ui-icon { + color:$highlightTextColor; + } + } + } + } + + tfoot { + td { + background: $datatableFooterCellBg; + border: $datatableFooterCellBorder; + border-width: $datatableFooterCellBorderWidth; + color: $datatableFooterCellTextColor; + padding: $datatableFooterCellPadding; + font-weight: $datatableFooterCellFontWeight; + box-sizing: content-box;; + } + } + + .ui-treetable-scrollable-header, .ui-treetable-scrollable-footer { + background: $datatableHeaderCellBg; + } + + .ui-column-resizer-helper { + background: $datatableResizerHelperBg; + } + + &.ui-treetable-sm { + thead { + > tr { + > th { + padding: nth($datatableHeaderCellPadding,1) * $datatableScaleSm nth($datatableHeaderCellPadding,2) * $datatableScaleSm; + } + } + } + + .ui-treetable-scrollable-theadclone { + > tr { + > th { + padding-top: 0; + padding-bottom: 0; + } + } + } + + .ui-treetable-data { + > tr { + > td { + padding: nth($datatableBodyCellPadding,1) * $datatableScaleSm nth($datatableBodyCellPadding,2) * $datatableScaleSm; + } + } + } + + tfoot { + > tr { + > td { + padding: nth($datatableFooterCellPadding,1) * $datatableScaleSm nth($datatableFooterCellPadding,2) * $datatableScaleSm; + } + } + } + } + + &.ui-treetable-lg { + thead { + > tr { + > th { + padding: nth($datatableHeaderCellPadding,1) * $datatableScaleLg nth($datatableHeaderCellPadding,2) * $datatableScaleLg; + } + } + } + + .ui-treetable-scrollable-theadclone { + > tr { + > th { + padding-top: 0; + padding-bottom: 0; + } + } + } + + .ui-treetable-data { + > tr { + > td { + padding: nth($datatableBodyCellPadding,1) * $datatableScaleLg nth($datatableBodyCellPadding,2) * $datatableScaleLg; + } + } + } + + tfoot { + > tr { + > td { + padding: nth($datatableFooterCellPadding,1) * $datatableScaleLg nth($datatableFooterCellPadding,2) * $datatableScaleLg; + } + } + } + } + + &.ui-treetable-gridlines { + .ui-treetable-header { + border-width: 1px 1px 0; + } + + thead { + > tr { + > th { + border: $datatableHeaderCellBorder; + } + } + } + + .ui-treetable-data { + > tr { + > td { + border-width: 1px; + } + } + } + + .ui-treetable-scrollable-theadclone { + > tr { + > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; + } + } + } + + tfoot { + > tr { + > td { + border-width: 1px; + } + } + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/file/_fileupload.scss b/src/main/webapp/resources/sass/theme/designer/components/file/_fileupload.scss new file mode 100644 index 0000000..20e954c --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/file/_fileupload.scss @@ -0,0 +1,64 @@ +body { + .ui-fileupload { + .ui-fileupload-buttonbar { + border: $panelHeaderBorder; + background: $panelHeaderBg; + color: $panelHeaderTextColor; + padding: $panelHeaderPadding; + @include border-radius-top($borderRadius); + + .ui-button { + margin-right: $inlineSpacing; + + &.ui-fileupload-choose { + .ui-icon { + @include icon_override ("\e90d"); + } + } + + &.ui-fileupload-upload { + .ui-icon { + @include icon_override ("\e934"); + } + } + + &.ui-fileupload-cancel { + .ui-icon { + @include icon_override ("\e90b"); + } + } + + &.ui-state-disabled { + display: none; + } + } + } + + .ui-fileupload-content { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $panelContentPadding; + border-top: 0 none; + @include border-radius-bottom($borderRadius); + + .ui-fileupload-cancel { + .ui-icon { + @include icon_override ("\e90b"); + } + } + + .ui-fileupload-files { + .ui-fileupload-row > div { + padding: $fileItemPadding; + } + } + } + } + + .ui-fileupload-simple { + .ui-icon-plusthick { + @include icon_override ("\e90d"); + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/input/_autocomplete.scss b/src/main/webapp/resources/sass/theme/designer/components/input/_autocomplete.scss new file mode 100644 index 0000000..99c064a --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/input/_autocomplete.scss @@ -0,0 +1,148 @@ +body { + .ui-autocomplete { + .ui-autocomplete-input { + &.ui-autocomplete-dd-input { + padding: $inputPadding; + @include border-radius-right(0); + } + } + + .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: $inputButtonWidth; + right: auto; + @include border-radius-left(0); + + .ui-button-text { + padding: $buttonIconOnlyPadding; + } + + .ui-icon { + @include icon-override("\e902"); + } + } + + .ui-autocomplete-multiple-container { + padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2); + + .ui-autocomplete-token { + padding: 1px 0; + margin: 0 $inlineSpacing 0 0; + background: $chipBg; + color: $chipTextColor; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: $borderRadius; + + .ui-autocomplete-token-label { + padding: 0 $iconSize * 2 0 math.div($iconSize, 2); + } + + .ui-autocomplete-token-icon { + margin-top: math.div(-1 * $iconSize, 2); + position: absolute; + @include icon_override("\e90b"); + } + } + + .ui-autocomplete-input-token { + margin: 0; + padding: math.div(nth($inputPadding, 1), 2) 0; + display: inline-block; + vertical-align: middle; + float: none; + + input { + font-family: $fontFamily; + font-size: $inputTextFontSize; + color: $inputTextColor; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + } + } + + &.ui-autocomplete-dd-multiple-container { + @include border-radius-right(0); + } + } + } + + .ui-autocomplete-panel { + padding: 0; + background: $inputListBg; + border: $inputOverlayBorder; + box-shadow: $inputOverlayShadow; + + .ui-autocomplete-emptyMessage, + .ui-autocomplete-empty-message { + border: $inputListItemBorder; + margin: $inputListItemMargin; + padding: $inputListItemPadding; + color: $inputListItemTextColor; + border-radius: $inputListItemBorderRadius; + } + + .ui-autocomplete-items { + padding: $inputListPadding; + line-height: normal; + border: 0 none; + + .ui-autocomplete-item { + border: $inputListItemBorder; + margin: $inputListItemMargin; + padding: $inputListItemPadding; + color: $inputListItemTextColor; + border-radius: $inputListItemBorderRadius; + transition: $transition; + + &.ui-autocomplete-row { + background: $datatableBodyRowBg; + color: $datatableBodyRowTextColor; + border: $datatableBodyRowBorder; + + > td { + padding: $datatableBodyCellPadding; + } + } + + &.ui-state-highlight { + background: $inputListItemHighlightBg; + color: $inputListItemHighlightTextColor; + } + } + } + } + + .ui-autocomplete-itemtip { + padding: 0; + + &.ui-state-highlight { + background: $inputListItemHighlightBg; + color: $inputListItemHighlightTextColor; + } + } + + .ui-fluid { + .ui-autocomplete { + .ui-autocomplete-input { + &.ui-autocomplete-dd-input { + width: calc(100% - #{$inputButtonWidth}); + } + } + + .ui-autocomplete-dropdown.ui-button { + width: $inputButtonWidth; + } + } + + .ui-autocomplete-multiple-container { + &.ui-autocomplete-dd-multiple-container { + width: calc(100% - #{$inputButtonWidth}); + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/input/_cascadeselect.scss b/src/main/webapp/resources/sass/theme/designer/components/input/_cascadeselect.scss new file mode 100644 index 0000000..ef4d0ae --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/input/_cascadeselect.scss @@ -0,0 +1,95 @@ +body { + .ui-cascadeselect { + background: $inputBg; + border: $inputBorder; + transition: $transition; + border-radius: $borderRadius; + + &:not(.ui-state-disabled):hover { + border-color: $inputHoverBorderColor; + } + + &:not(.ui-state-disabled).ui-state-focus { + @include focused-input(); + } + + .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: $inputPadding; + + &.ui-placeholder { + color: $inputPlaceholderTextColor; + } + + &:enabled:focus { + outline: 0 none; + box-shadow: none; + } + } + + .ui-cascadeselect-trigger { + background: transparent; + color: $inputIconColor; + width: $inputGroupAddonMinWidth; + border-top-right-radius: $borderRadius; + border-bottom-right-radius: $borderRadius; + } + } + + .ui-cascadeselect-panel { + background: $inputListBg; + border: $inputOverlayBorder; + border-radius: $borderRadius; + box-shadow: $inputOverlayShadow; + + .ui-cascadeselect-items { + padding: $inputListPadding; + + .ui-cascadeselect-item { + margin: $inputListItemMargin; + border: $inputListItemBorder; + color: $inputListItemTextColor; + background: $inputListItemBg; + transition: $transition; + border-radius: $inputListItemBorderRadius; + + .ui-cascadeselect-item-content { + padding: $inputListItemPadding; + + &:focus { + @include focused-listitem(); + } + } + + &.ui-state-highlight { + color: $highlightTextColor; + background: $highlightBg; + } + + &:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: $inputListItemTextHoverColor; + background: $inputListItemHoverBg; + } + + .ui-cascadeselect-group-icon { + font-size: $iconSize; + } + } + } + } + + .ui-input-filled { + .ui-cascadeselect { + background: $inputFilledBg; + + &:not(.ui-state-disabled):hover { + background-color: $inputFilledHoverBg; + } + + &:not(.ui-state-disabled).p-focus { + background-color: $inputFilledFocusBg; + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/input/_checkbox.scss b/src/main/webapp/resources/sass/theme/designer/components/input/_checkbox.scss new file mode 100644 index 0000000..7ab447b --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/input/_checkbox.scss @@ -0,0 +1,92 @@ +body { + .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: $checkboxWidth; + height: $checkboxHeight; + + .ui-chkbox-box { + border: $inputBorder; + border-width: $checkboxBorderWidth; + background: $inputBg; + width: $checkboxWidth; + height: $checkboxHeight; + text-align: center; + position: relative; + border-radius: $borderRadius; + transition: $transition; + + &.ui-state-hover { + border-color: $inputHoverBorderColor; + } + + &.ui-state-focus { + box-shadow: $checkboxFocusShadow; + outline: 0 none; + } + + &.ui-state-active { + border-color:$checkboxActiveBorderColor; + background: $checkboxActiveBg; + color:$checkboxTextActiveColor; + + &.ui-state-hover { + background: $checkboxActiveHoverBg; + } + } + + &.ui-state-error { + @include invalid-input(); + } + + .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: math.div(-1 * $iconSize, 2); + margin-top: math.div(-1 * $iconSize, 2); + + &.ui-icon-check { + @include icon_override("\e909"); + } + + &.ui-icon-closethick { + @include icon_override("\e90b"); + } + } + } + } + + &.ui-input-filled, + .ui-input-filled { + .ui-chkbox { + .ui-chkbox-box { + background-color: $inputFilledBg; + + &.ui-state-hover { + background-color: $inputFilledHoverBg; + } + + &.ui-state-active { + background: $checkboxActiveBg; + + &.ui-state-hover { + background: $checkboxActiveHoverBg; + } + } + } + } + } + + @if ($highlightBg == $checkboxActiveBg) { + .ui-state-highlight { + .ui-chkbox { + .ui-chkbox-box.ui-state-active { + border-color: $highlightTextColor; + } + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/input/_chips.scss b/src/main/webapp/resources/sass/theme/designer/components/input/_chips.scss new file mode 100644 index 0000000..08e0996 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/input/_chips.scss @@ -0,0 +1,40 @@ +body { + .ui-chips { + .ui-chips-container { + padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2); + + .ui-chips-token { + padding: 1px 0; + margin: math.div($inlineSpacing, 4); + background: $chipBg; + color: $chipTextColor; + border-radius: $borderRadius; + + .ui-chips-token-label { + padding: 0 $iconSize * 2 0 math.div($iconSize, 2); + } + + .ui-chips-token-icon { + margin-top: math.div(-1 * $iconSize, 2); + position: absolute; + @include icon_override("\e90b"); + } + } + + .ui-chips-input-token { + margin: 0; + padding: math.div(nth($inputPadding, 1), 2) 0; + + input { + font-family: $fontFamily; + font-size: $inputTextFontSize; + color: $inputTextColor; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + } + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/input/_colorpicker.scss b/src/main/webapp/resources/sass/theme/designer/components/input/_colorpicker.scss new file mode 100644 index 0000000..0bb67bb --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/input/_colorpicker.scss @@ -0,0 +1,10 @@ +body { + .ui-colorpicker .ui-button { + border-radius: $borderRadius; + } + + .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/input/_datepicker.scss b/src/main/webapp/resources/sass/theme/designer/components/input/_datepicker.scss new file mode 100644 index 0000000..17b1672 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/input/_datepicker.scss @@ -0,0 +1,292 @@ +body { + .ui-datepicker { + background: $inputContentPanelBg; + border: $inputBorder; + color: $inputContentPanelTextColor; + padding: $calendarPadding; + width: auto; + border-radius: $borderRadius; + + .ui-datepicker-header { + margin: 0; + padding: $calendarTitlePadding; + line-height: normal; + background: $calendarTitleBg; + color: $calendarTitleTextColor; + font-weight: 600; + border: $calendarTitleBorder; + border-width: $calendarTitleBorderWidth; + border-radius: 0; + } + + .ui-datepicker-next { + @include icon_override("\e901"); + right: 0; + } + + .ui-datepicker-prev { + @include icon_override("\e900"); + left: 0; + } + + .ui-datepicker-next, + .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: math.div(-1 * $actionIconHeight, 2); + @include action-icon(); + + span { + display: none; + } + } + + .ui-datepicker-title { + line-height: 1; + margin: 0; + + select { + width: 40%; + margin: 0; + + &:first-child { + margin-right: $inlineSpacing; + } + } + } + + .ui-datepicker-calendar { + margin: $calendarTableMargin; + + th { + padding: $calendarCellPadding; + text-align: center; + + > span { + width: $calendarCellDateWidth; + height: $calendarCellDateHeight; + } + } + + td { + padding: $calendarCellPadding; + text-align: center; + + a { + padding: 0; + color: $calendarCellDateTextColor; + text-align: center; + width: $calendarCellDateWidth; + height: $calendarCellDateHeight; + line-height: $calendarCellDateHeight; + border: $calendarCellDateBorder; + display: inline-block; + transition: $transition; + border-radius: $calendarCellDateBorderRadius; + + &:hover { + background: $calendarCellDateHoverBg; + border-color: $calendarCellDateHoverBorderColor; + } + + &:focus { + @include focused(); + } + + &.ui-state-active { + background: $calendarCellDateSelectedBg; + color: $calendarCellDateSelectedTextColor; + border: $calendarCellDateSelectedBorder; + } + } + + &.ui-datepicker-today, + &.ui-datepicker-current-day { + a { + background: $calendarCellDateTodayBg; + color: $calendarCellDateTodayTextColor; + font-weight: 600; + border: $calendarCellDateTodayBorder; + + &:hover { + background: $calendarCellDateHoverBg; + border-color: $calendarCellDateHoverBorderColor; + } + + &.ui-state-active { + background: $calendarCellDateSelectedBg; + color: $calendarCellDateSelectedTextColor; + border: $calendarCellDateSelectedBorder; + } + } + } + } + } + + &.ui-input-overlay { + border: $inputOverlayBorder; + box-shadow: $inputOverlayShadow; + } + + .ui-timepicker-div { + dl { + margin: $calendarTimePickerMargin; + + dt { + padding: $calendarTimePickerLabelPadding; + + &.ui_tpicker_time_label { + padding: $calendarTimePickerInputPadding; + } + } + + dd { + padding: $calendarTimePickerInputPadding; + margin: $calendarTimePickerInputMargin; + } + } + } + + .ui-timepicker-timeinput { + input { + color: $inputTextColor; + background: $inputBg; + padding: $inputPadding; + border: $inputBorder; + outline: 0 none; + font-size: $inputTextFontSize; + border-radius: $borderRadius; + transition: $transition; + -webkit-appearance: none; + appearance: none; + width: auto; + + &:hover { + border-color: $inputHoverBorderColor; + } + + &:focus { + @include focused-input(); + } + } + + .ui-separator { + > span { + padding: $inputPadding; + font-size: $inputTextFontSize; + } + } + } + + .ui-datepicker-buttonpane, + .ui-datepicker-buttonbar { + button { + transition: $transition; + border-radius: $borderRadius; + @include secondary-button(); + } + + .ui-g-6:first-child { + text-align: left; + } + + .ui-g-6:last-child { + text-align: right; + } + } + + .ui-datepicker-buttonbar { + border-top: $calendarTitleBorder; + padding: $calendarButtonBarPadding; + } + + .ui-monthpicker-month { + margin: $calendarTableMargin; + color: $calendarCellDateTextColor; + transition: $transition; + padding: $calendarCellPadding; + border: $borderRadius; + + &:hover { + background: $calendarCellDateHoverBg; + border-color: $calendarCellDateHoverBorderColor; + } + + &:focus { + @include focused(); + } + + &.ui-state-active { + background: $calendarCellDateSelectedBg; + color: $calendarCellDateSelectedTextColor; + border: $calendarCellDateSelectedBorder; + } + } + + .ui-datepicker-group { + padding: $calendarPadding; + } + + .ui-picker-up { + @include action-icon(); + + .ui-icon { + @include icon_override("\e903"); + } + } + + .ui-picker-down { + @include action-icon(); + + .ui-icon { + @include icon_override("\e902"); + } + } + + &.ui-datepicker-multi { + width: auto !important; + } + } + + .ui-calendar { + .ui-button.ui-button-icon-only { + width: $inputButtonWidth; + @include border-radius-left(0); + + .ui-icon-calendar { + @include icon_override("\e927"); + } + } + + &.ui-trigger-calendar { + input.hasDatepicker { + @include border-radius-right(0); + } + } + } + + .ui-fluid { + .ui-trigger-calendar { + input.hasDatepicker { + width: calc(100% - #{$inputButtonWidth}); + padding-right: 0; + } + + .ui-datepicker-trigger.ui-button { + position: absolute; + right: -1 * $inputButtonWidth; + width: $inputButtonWidth; + + .ui-button-text { + padding: $buttonIconOnlyPadding; + } + } + } + + .p-datepicker { + .ui-datepicker-trigger.ui-button { + right: 0; + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/input/_inplace.scss b/src/main/webapp/resources/sass/theme/designer/components/input/_inplace.scss new file mode 100644 index 0000000..3c9f10a --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/input/_inplace.scss @@ -0,0 +1,41 @@ +body { + .ui-inplace { + .ui-inplace-display { + padding: $inplacePadding; + border-radius: $borderRadius; + + &.ui-state-highlight { + background: $inplaceHoverBg; + color: $inplaceTextHoverColor; + transition: $transition; + } + + &.ui-state-focus { + @include focused-input(); + } + } + + .ui-inplace-save { + .ui-icon { + @include icon_override("\e909"); + } + } + + .ui-inplace-cancel { + margin-left: math.div($inlineSpacing, 2); + .ui-icon { + @include icon_override("\e90b"); + } + } + + .ui-inplace-editor { + margin-left: $inlineSpacing; + + .ui-button-icon-only { + .ui-button-text { + padding: $buttonIconOnlyPadding; + } + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/input/_input.scss b/src/main/webapp/resources/sass/theme/designer/components/input/_input.scss new file mode 100644 index 0000000..61cf32a --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/input/_input.scss @@ -0,0 +1,114 @@ +body { + @include placeholder { + color: $inputPlaceholderTextColor; + } + + .p-field { + small.ui-state-error { + color: $inputErrorBorderColor; + } + } + + .ui-float-label { + > label { + margin-left: nth($inputPadding, 1); + color: $inputPlaceholderTextColor; + } + + > input:focus ~ label, + > input.ui-state-filled ~ label, + > textarea:focus ~ label, + > textarea.ui-state-filled ~ label, + > .ui-inputwrapper-focus ~ label, + > .ui-inputwrapper-filled ~ label { + color: $inputTextColor; + } + + > input:-webkit-autofill ~ label, + > textarea:-webkit-autofill ~ label { + color: $inputTextColor; + } + } + + .ui-input-icon-left, + .ui-input-icon-right { + position: relative; + display: inline-block; + } + + .ui-fluid { + .ui-input-icon-left, + .ui-input-icon-right { + display: block; + } + } + + .ui-input-icon-left > i, + .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -.5rem; + } + + .ui-input-icon-left > i:first-of-type { + left: nth($inputPadding, 2); + color: $inputIconColor; + } + + .ui-input-icon-left > .ui-inputfield { + padding-left: 2 * nth($inputPadding, 2) + $iconSize; + } + + .ui-input-icon-right > i:last-of-type { + right: nth($inputPadding, 2); + color: $inputIconColor; + } + + .ui-input-icon-right > .ui-inputfield { + padding-right: 2 * nth($inputPadding, 2) + $iconSize; + } + + .ui-inputfield { + color: $inputTextColor; + background: $inputBg; + padding: $inputPadding; + border: $inputBorder; + outline: 0 none; + font-size: $inputTextFontSize; + border-radius: $borderRadius; + transition: $transition; + -webkit-appearance: none; + appearance: none; + + &.ui-state-hover { + border-color: $inputHoverBorderColor; + } + + &.ui-state-focus { + @include focused-input(); + } + + &.ui-state-error { + @include invalid-input(); + } + } + + .ui-input-filled, + &.ui-input-filled { + .ui-inputfield { + background-color: $inputFilledBg; + + &.ui-state-hover { + background-color: $inputFilledHoverBg; + } + + &.ui-state-focus { + background-color: $inputFilledFocusBg; + } + } + } + + .ui-inputtextarea { + vertical-align: top; + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/input/_inputgroup.scss b/src/main/webapp/resources/sass/theme/designer/components/input/_inputgroup.scss new file mode 100644 index 0000000..a67f477 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/input/_inputgroup.scss @@ -0,0 +1,67 @@ +body { + .ui-inputgroup { + .ui-inputgroup-addon, + .ui-inputgroup-addon-checkbox { + padding: $inputPadding; + border-color: $inputGroupBorderColor; + background: $inputGroupBg; + color: $inputGroupIconColor; + min-width: $inputGroupAddonMinWidth; + + &:first-child { + @include border-radius-left($borderRadius); + } + + &:last-child { + @include border-radius-right($borderRadius); + } + } + + button:first-child, input:first-child, textarea:first-child { + @include border-radius-left($borderRadius); + } + + .ui-float-label:first-child input, + .ui-float-label:first-child textarea { + border-right-width: 0px; + @include border-radius-left($borderRadius); + } + + button:last-child, input:last-child, textarea:last-child { + @include border-radius-right($borderRadius); + } + + .ui-float-label:last-child input, + .ui-float-label:last-child textarea { + border-left-width: 0px; + @include border-radius-right($borderRadius); + } + + > .ui-widget, + > .ui-float-label > .ui-widget { + border-radius: 0; + + &.ui-state-focus { + z-index: 1; + + ~ label { + z-index: 1; + } + } + } + + .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; + + .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: math.div(-1 * $checkboxHeight, 2); + margin-left: math.div(-1 * $checkboxWidth, 2); + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/input/_inputswitch.scss b/src/main/webapp/resources/sass/theme/designer/components/input/_inputswitch.scss new file mode 100644 index 0000000..3a69266 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/input/_inputswitch.scss @@ -0,0 +1,45 @@ +body { + .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: $inputSwitchOffBg; + border-radius: 8px; + + .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: $inputSwitchHandleOffBg; + border-radius: 50%; + border: $inputSwitchHandleOffBorder; + transition: $transition; + width: 20px !important; + height: 20px !important; + box-shadow: $inputSwitchHandleShadow; + + &.ui-state-focus { + @include focused-input(); + } + } + + .ui-inputswitch-on { + visibility: hidden; + } + + .ui-inputswitch-off, .ui-inputswitch-on { + span { + visibility: hidden; + } + } + + &.ui-inputswitch-checked { + background: $inputSwitchOnBg; + + .ui-inputswitch-handle { + background: $inputSwitchHandleOnBg; + border-color: $inputSwitchHandleOnBorderColor; + margin-left: 2px; + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/input/_keypad.scss b/src/main/webapp/resources/sass/theme/designer/components/input/_keypad.scss new file mode 100644 index 0000000..128bf6d --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/input/_keypad.scss @@ -0,0 +1,63 @@ +body { + .keypad-popup { + background: $inputContentPanelBg; + color: $inputContentPanelTextColor; + padding: 0; + border: $inputOverlayBorder; + margin: 0; + width: auto; + box-shadow: $inputOverlayShadow; + + button { + background: $keyboardButtonBg; + border: $keyboardButtonBorder; + padding: $keyboardButtonPadding; + margin: $keyboardButtonMargin; + outline: 0 none; + color: $keyboardButtonTextColor; + transition: $transition; + border-radius: $borderRadius; + + &.ui-state-hover { + background: $keyboardButtonHoverBg; + border-color: $keyboardButtonHoverBorderColor; + color: $keyboardButtonTextHoverColor; + } + + &.ui-state-active { + background: $keyboardButtonActiveBg; + border-color: $keyboardButtonActiveBorderColor; + color: $keyboardButtonTextActiveColor; + } + + &.keypad-shift, + &.keypad-spacebar, + &.keypad-enter, + &.keypad-clear, + &.keypad-back, + &.keypad-close { + background: $buttonBg; + color: $buttonTextColor; + border: $buttonBorder; + + &.ui-state-hover { + background: $buttonHoverBg; + border-color: $buttonHoverBorderColor; + color: $buttonTextHoverColor; + } + + &.ui-state-focus { + outline: $buttonFocusOutline; + outline-offset: $buttonFocusOutlineOffset; + box-shadow: $buttonFocusShadow; + } + + &.ui-state-active { + background: $buttonActiveBg; + border-color: $buttonActiveBorderColor; + color: $buttonTextActiveColor; + } + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/input/_multiselectlistbox.scss b/src/main/webapp/resources/sass/theme/designer/components/input/_multiselectlistbox.scss new file mode 100644 index 0000000..2563780 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/input/_multiselectlistbox.scss @@ -0,0 +1,43 @@ +body { + .ui-multiselectlistbox { + .ui-multiselectlistbox-listcontainer { + margin-right: $inlineSpacing; + border: $inputBorder; + padding: 0; + + .ui-multiselectlistbox-header { + padding: $inputListHeaderPadding; + margin: 0; + border: 0 none; + border-bottom: $inputListHeaderBorder; + background: $inputListHeaderBg; + color: $inputListHeaderTextColor; + } + + .ui-multiselectlistbox-list { + padding: $inputListPadding; + background: $inputListBg; + border: 0 none; + + .ui-multiselectlistbox-item { + padding: $inputListItemPadding; + margin: $inputListItemMargin; + background: $inputListItemBg; + color: $inputListItemTextColor; + border-radius: $inputListItemBorderRadius; + transition: $transition; + + &.ui-state-hover { + background: $inputListItemHoverBg; + color: $inputListItemTextHoverColor; + } + + &.ui-state-highlight { + background: $inputListItemHighlightBg; + color: $inputListItemHighlightTextColor; + } + } + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/input/_password.scss b/src/main/webapp/resources/sass/theme/designer/components/input/_password.scss new file mode 100644 index 0000000..20becfd --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/input/_password.scss @@ -0,0 +1,31 @@ +body { + .ui-password { + .ui-password-icon { + cursor: pointer; + } + + &.ui-password-masked { + .ui-password-icon { + @include icon_override ("\e966"); + } + } + + &.ui-password-unmasked { + .ui-password-icon { + @include icon_override ("\e965"); + } + } + } + + .ui-password-panel { + background: $inputContentPanelBg; + color: $inputContentPanelTextColor; + padding: $inputContentPanelPadding; + border: $inputOverlayBorder; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: $inputOverlayShadow; + border-radius: $borderRadius; + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/input/_radiobutton.scss b/src/main/webapp/resources/sass/theme/designer/components/input/_radiobutton.scss new file mode 100644 index 0000000..82a8368 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/input/_radiobutton.scss @@ -0,0 +1,94 @@ +body { + .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: $radiobuttonWidth; + height: $radiobuttonHeight; + + .ui-radiobutton-box { + border: $inputBorder; + border-width: $radiobuttonBorderWidth; + background: $inputBg; + width: $radiobuttonWidth; + height: $radiobuttonHeight; + text-align: center; + position: relative; + border-radius: 50%; + transition: $transition; + + &.ui-state-hover { + border-color: $inputHoverBorderColor; + } + + &.ui-state-focus { + box-shadow: $radiobuttonFocusShadow; + } + + &.ui-state-active { + border-color:$radiobuttonActiveBorderColor; + background: $radiobuttonActiveBg; + color:$radiobuttonTextActiveColor; + + &.ui-state-hover { + background: $radiobuttonActiveHoverBg; + } + + .ui-icon-bullet { + background: $radiobuttonTextActiveColor; + } + } + + &.ui-state-error { + @include invalid-input(); + } + + .ui-radiobutton-icon { + width: $radiobuttonIconSize; + height: $radiobuttonIconSize; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: math.div(-1 * $radiobuttonIconSize, 2); + margin-left: math.div(-1 * $radiobuttonIconSize, 2); + border-radius: 50%; + + &:before { + display: none; + } + } + } + } + + &.ui-input-filled, + .ui-input-filled { + .ui-radiobutton { + .ui-radiobutton-box { + background-color: $inputFilledBg; + + &.ui-state-hover { + background-color: $inputFilledHoverBg; + } + + &.ui-state-active { + background: $radiobuttonActiveBg; + + &.ui-state-hover { + background: $radiobuttonActiveHoverBg; + } + } + } + } + } + + @if ($highlightBg == $radiobuttonActiveBg) { + .ui-state-highlight { + .ui-radiobutton { + .ui-radiobutton-box.ui-state-active { + border-color: $highlightTextColor; + } + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/input/_rating.scss b/src/main/webapp/resources/sass/theme/designer/components/input/_rating.scss new file mode 100644 index 0000000..dbd17ab --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/input/_rating.scss @@ -0,0 +1,75 @@ +body { + .ui-rating { + .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: $inlineSpacing; + overflow: visible; + + &.ui-state-focus { + @include focused(); + } + + a { + @include icon_override("\e90c"); + text-indent: 0; + transition: $transition; + display: block; + font-size: $ratingIconFontSize; + height: $ratingIconHeight; + width: $ratingIconWidth; + color: $ratingCancelIconColor; + overflow: visible; + + &:hover { + color: $ratingCancelHoverIconColor; + } + } + } + + .ui-rating-star { + float: none; + display: inline-block; + margin-right: $inlineSpacing; + overflow: visible; + + &.ui-state-focus { + @include focused(); + } + + a { + @include icon_override("\e937"); + text-indent: 0; + display: block; + font-size: $ratingIconFontSize; + height: $ratingIconHeight; + width: $ratingIconWidth; + color: $ratingStarIconColor; + overflow: visible; + + &:hover { + color: $ratingStarIconHoverColor; + } + } + } + + .ui-rating-star-on { + a { + @include icon_override("\e936"); + display: block; + font-size: $ratingIconFontSize; + height: $ratingIconHeight; + width: $ratingIconWidth; + color: $ratingStarActiveIconColor; + } + } + } + + .ui-state-highlight { + .ui-rating-star { + a { + color: $highlightTextColor; + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/input/_selectbooleancheckbox.scss b/src/main/webapp/resources/sass/theme/designer/components/input/_selectbooleancheckbox.scss new file mode 100644 index 0000000..d4b3a96 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/input/_selectbooleancheckbox.scss @@ -0,0 +1,9 @@ +body { + .ui-selectbooleancheckbox, + .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + @include flex-align-center(); + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/input/_selectcheckboxmenu.scss b/src/main/webapp/resources/sass/theme/designer/components/input/_selectcheckboxmenu.scss new file mode 100644 index 0000000..61d5779 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/input/_selectcheckboxmenu.scss @@ -0,0 +1,213 @@ +body { + .ui-selectcheckboxmenu { + vertical-align: baseline; + border: $inputBorder; + position: relative; + transition: $transition; + border-radius: $borderRadius; + background: $inputBg; + + .ui-selectcheckboxmenu-label-container { + padding: $inputPadding; + padding-right: $buttonIconOnlyWidth; + display: block; + background: transparent; + border-radius: $borderRadius; + + .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; + } + } + + .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + @include flex(); + @include flex-align-center(); + @include flex-justify-center(); + width: $buttonIconOnlyWidth; + background: transparent; + border-top-right-radius: $borderRadius; + border-bottom-right-radius: $borderRadius; + + .ui-icon { + position: static; + margin: 0; + color: $inputIconColor; + @include icon_override("\e902"); + } + } + + &.ui-state-hover { + border-color: $inputHoverBorderColor; + } + + &.ui-state-focus { + @include focused-input(); + } + + &.ui-state-error { + @include invalid-input(); + } + + .ui-selectcheckboxmenu-multiple-container { + &.ui-inputfield { + padding: $inputPadding; + padding-right: $buttonIconOnlyWidth; + } + + .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 $inlineSpacing 0 0; + background: $chipBg; + color: $chipTextColor; + border-radius: $borderRadius; + + .ui-selectcheckboxmenu-token-label { + padding: 0 $iconSize * 2 0 math.div($iconSize, 2); + } + + .ui-selectcheckboxmenu-token-icon { + margin-top: math.div(-1 * $iconSize, 2); + position: absolute; + @include icon_override("\e90b"); + } + } + + .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: math.div(nth($inputPadding,1), 2) 0; + + input { + font-family: $fontFamily; + padding: 0; + margin: 0; + } + } + } + } + + &.ui-input-filled, + .ui-input-filled { + .ui-selectcheckboxmenu { + background: $inputFilledBg; + + &.ui-state-hover { + background-color: $inputFilledHoverBg; + } + + &.ui-state-focus { + background-color: $inputFilledFocusBg; + } + } + } + + .ui-selectcheckboxmenu-panel { + padding: 0; + background: $inputListBg; + border: $inputOverlayBorder; + box-shadow: $inputOverlayShadow; + border-radius: $borderRadius; + + .ui-selectcheckboxmenu-header { + padding: $inputListHeaderPadding; + margin: 0; + border-bottom: $inputListHeaderBorder; + background: $inputListHeaderBg; + color: $inputListHeaderTextColor; + position: relative; + @include flex(); + @include flex-align-center(); + + .ui-chkbox { + margin-right: $inlineSpacing; + float: none; + } + + .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 $inlineSpacing 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; + + .ui-inputfield { + padding: $inputPadding; + width: 100%; + padding-left: 2 * nth($inputPadding, 2) + $iconSize; + } + + .ui-icon { + @include icon_override("\e908"); + position: absolute; + left: nth($inputPadding, 2); + top: 50%; + right: auto; + bottom: auto; + margin-top: math.div(-1 * $iconSize, 2); + color: $inputIconColor; + } + } + + .ui-selectcheckboxmenu-close { + @include action-icon(); + margin-left: auto; + text-align: center; + margin-right: 0; + + .ui-icon { + @include icon_override("\e90b"); + float: none; + } + } + } + + .ui-selectcheckboxmenu-items { + padding: $inputListPadding; + + .ui-selectcheckboxmenu-item { + padding: $inputListItemPadding; + margin: $inputListItemMargin; + outline: 0 none; + background: $inputListItemBg; + color: $inputListItemTextColor; + border-radius: $inputListItemBorderRadius; + transition: $transition; + + &.ui-state-hover { + background: $inputListItemHoverBg; + color: $inputListItemTextHoverColor; + } + + &.ui-state-highlight { + background: $inputListItemHighlightBg; + color: $inputListItemHighlightTextColor; + } + + .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: $inlineSpacing; + } + + > label { + display: inline; + padding-left: 0; + vertical-align: middle; + } + } + + .ui-selectcheckboxmenu-item-group { + background: $submenuHeaderBg; + margin: $submenuHeaderMargin; + padding: $submenuHeaderPadding; + color: $submenuHeaderTextColor; + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/input/_selectonelistbox.scss b/src/main/webapp/resources/sass/theme/designer/components/input/_selectonelistbox.scss new file mode 100644 index 0000000..2abe3fe --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/input/_selectonelistbox.scss @@ -0,0 +1,89 @@ +body { + .ui-selectonelistbox, + .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: $inputListMinWidth; + border: $inputListBorder; + border-radius: $borderRadius; + background:$inputListBg; + + .ui-selectlistbox-filter-container { + padding: $inputListHeaderPadding; + margin: 0; + border-bottom: $inputListHeaderBorder; + background: $inputListHeaderBg; + color: $inputListHeaderTextColor; + @include border-radius-top($borderRadius); + + .ui-selectlistbox-filter.ui-inputfield { + padding: $inputPadding; + width: 100%; + padding-left: 2 * nth($inputPadding, 2) + $iconSize; + } + + .ui-icon { + @include icon_override("\e908"); + position: absolute; + left: nth($inputListHeaderPadding, 2) + nth($inputPadding, 2); + top: 50%; + right: auto; + bottom: auto; + margin-top: math.div(-1 * $iconSize, 2); + color: $inputIconColor; + } + } + + .ui-selectlistbox-listcontainer { + padding: $inputListPadding; + line-height: normal; + border: 0 none; + + .ui-selectlistbox-list { + list-style-type: none; + margin: 0; + + .ui-selectlistbox-item { + border: $inputListItemBorder; + margin: $inputListItemMargin; + padding: $inputListItemPadding; + background: $inputListItemBg; + color: $inputListItemTextColor; + border-radius: $inputListItemBorderRadius; + transition: $transition; + + &.ui-state-hover { + background: $inputListItemHoverBg; + color: $inputListItemTextHoverColor; + } + + &.ui-state-highlight { + background: $inputListItemHighlightBg; + color: $inputListItemHighlightTextColor; + } + + .ui-chkbox { + margin-right: $inlineSpacing; + vertical-align: middle; + } + + > td { + padding: $datatableBodyCellPadding; + } + } + + .ui-listbox-outline { + @include focused-listitem(); + } + } + } + } + + .ui-input-filled, + &.ui-input-filled { + .ui-selectonelistbox.ui-inputfield, + .ui-selectmanymenu.ui-inputfield { + background: $inputListBg; + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/input/_selectonemenu.scss b/src/main/webapp/resources/sass/theme/designer/components/input/_selectonemenu.scss new file mode 100644 index 0000000..77a5e70 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/input/_selectonemenu.scss @@ -0,0 +1,167 @@ +body { + .ui-selectonemenu { + vertical-align: middle; + border: $inputBorder; + position: relative; + transform: none; + padding: 0; + transition: $transition; + border-radius: $borderRadius; + background: $inputBg; + + .ui-selectonemenu-label { + background: transparent; + padding-right: $buttonIconOnlyWidth; + min-height: calc(#{(nth($inputPadding, 1) * 4)} + 3px); + } + + .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + @include flex(); + @include flex-align-center(); + @include flex-justify-center(); + width: $buttonIconOnlyWidth; + background: transparent; + border-top-right-radius: $borderRadius; + border-bottom-right-radius: $borderRadius; + + .ui-icon { + position: static; + margin: 0; + color: $inputIconColor; + @include icon_override("\e902"); + } + } + + &.ui-state-hover { + border-color: $inputHoverBorderColor; + } + + &.ui-state-focus { + @include focused-input(); + } + + &.ui-state-error { + @include invalid-input(); + } + } + + .ui-fluid { + .ui-selectonemenu-label { + width: calc(100% - #{$buttonIconOnlyWidth}); + padding: $inputPadding; + } + .ui-selectonemenu { + .ui-selectonemenu-trigger { + width: $buttonIconOnlyWidth; + padding: 0; + } + } + } + + &.ui-input-filled, + .ui-input-filled { + .ui-selectonemenu { + background: $inputFilledBg; + + &.ui-state-hover { + background-color: $inputFilledHoverBg; + } + + &.ui-state-focus { + background-color: $inputFilledFocusBg; + } + } + } + + .ui-selectonemenu-panel { + background: $inputListBg; + border: $inputOverlayBorder; + box-shadow: $inputOverlayShadow; + border-radius: $borderRadius; + + .ui-selectonemenu-filter-container { + padding: $inputListHeaderPadding; + margin: 0; + border-bottom: $inputListHeaderBorder; + background: $inputListHeaderBg; + color: $inputListHeaderTextColor; + + .ui-selectonemenu-filter.ui-inputfield { + padding: $inputPadding; + width: 100%; + padding-left: 2 * nth($inputPadding, 2) + $iconSize; + } + + .ui-icon { + @include icon_override("\e908"); + position: absolute; + left: nth($inputListHeaderPadding, 2) + nth($inputPadding, 2); + top: 50%; + right: auto; + bottom: auto; + margin-top: math.div(-1 * $iconSize, 2); + color: $inputIconColor; + } + } + + .ui-selectonemenu-items { + padding: $inputListPadding; + + &.ui-selectonemenu-table { + > thead tr th { + background: $panelHeaderBg; + border: $datatableHeaderCellBorder; + color: $panelHeaderTextColor; + font-weight: $panelHeaderFontWeight; + } + } + + .ui-selectonemenu-item { + margin: $inputListItemMargin; + padding: $inputListItemPadding; + background: $inputListItemBg; + color: $inputListItemTextColor; + outline: 0 none; + border-radius: $inputListItemBorderRadius; + transition: $transition; + + &.ui-selectonemenu-row { + background: $datatableBodyRowBg; + color: $datatableBodyRowTextColor; + border: $datatableBodyRowBorder; + + > td { + padding: $datatableBodyCellPadding; + } + + &:first-child { + border-top-color: transparent; + } + } + + &.ui-state-hover { + background: $inputListItemHoverBg; + color: $inputListItemTextHoverColor; + } + + &.ui-state-highlight { + background: $inputListItemHighlightBg; + color: $inputListItemHighlightTextColor; + overflow: auto; + } + } + + .ui-selectonemenu-item-group { + background: $submenuHeaderBg; + margin: $submenuHeaderMargin; + padding: $submenuHeaderPadding; + color: $submenuHeaderTextColor; + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/input/_slider.scss b/src/main/webapp/resources/sass/theme/designer/components/input/_slider.scss new file mode 100644 index 0000000..09a81a9 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/input/_slider.scss @@ -0,0 +1,49 @@ +body { + .ui-slider { + background: $sliderBg; + + .ui-slider-handle { + width: $sliderHandleWidth; + height: $sliderHandleHeight; + background: $sliderHandleBg; + border:$sliderHandleBorder; + transition: $transition; + border-radius: $sliderHandleBorderRadius; + + &.ui-state-hover { + border-color: $sliderHandleHoverBorderColor; + background: $sliderHandleHoverBg; + } + + &.ui-state-focus { + outline: 0 none; + } + } + + &.ui-slider-horizontal { + height: $sliderHeight; + + .ui-slider-handle { + top: math.div(-1 * $sliderHandleHeight, 2) + math.div($sliderHeight, 2); + margin-left: math.div(-1 * $sliderHandleWidth, 2); + } + } + + &.ui-slider-vertical { + width: $sliderWidth; + + .ui-slider-handle { + left: math.div(-1 * $sliderHandleWidth, 2) + math.div($sliderWidth, 2); + margin-top: math.div(-1 * $sliderHandleHeight, 2); + } + } + + .ui-slider-range { + background: $sliderRangeBg; + } + } + + .ui-inputtext + .ui-slider { + margin-bottom: $inlineSpacing; + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/input/_spinner.scss b/src/main/webapp/resources/sass/theme/designer/components/input/_spinner.scss new file mode 100644 index 0000000..9b0c408 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/input/_spinner.scss @@ -0,0 +1,46 @@ +body { + .ui-spinner { + .ui-spinner-input { + padding-right: $buttonIconOnlyWidth + $inlineSpacing; + } + + .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: $buttonIconOnlyWidth; + z-index: 1; + + .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: math.div(-1 * $iconSize, 2); + margin-top: math.div(-1 * $iconSize, 2); + } + + &.ui-spinner-up { + border-top-right-radius: $borderRadius; + + .ui-icon-triangle-1-n { + @include icon_override ("\e933"); + } + } + + &.ui-spinner-down { + border-bottom-right-radius: $borderRadius; + + .ui-icon-triangle-1-s { + @include icon_override ("\e930"); + } + } + } + } + + .ui-fluid { + .ui-spinner { + .ui-spinner-input { + padding-right: $buttonIconOnlyWidth + $inlineSpacing; + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/input/_toggleswitch.scss b/src/main/webapp/resources/sass/theme/designer/components/input/_toggleswitch.scss new file mode 100644 index 0000000..8df3f10 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/input/_toggleswitch.scss @@ -0,0 +1,55 @@ +body { + .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; + + .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: $inputSwitchOffBg; + transition: $transition; + border-radius: $inputSwitchBorderRadius; + } + + .ui-toggleswitch-slider:before { + position: absolute; + content: ""; + top: 50%; + background: $inputSwitchHandleOffBg; + width: 1.250rem; + height: 1.250rem; + left: .25rem; + margin-top: math.div(-1 * 1.250rem, 2); + border-radius: $inputSwitchHandleBorderRadius; + transition: transform $transitionDuration; + } + + &.ui-toggleswitch-checked { + .ui-toggleswitch-slider:before { + transform: translateX(1.250rem); + } + } + + &.ui-toggleswitch-focus { + .ui-toggleswitch-slider { + @include focused(); + } + } + + &.ui-toggleswitch-checked { + .ui-toggleswitch-slider { + background: $inputSwitchOnBg; + + &:before { + background: $inputSwitchHandleOnBg; + } + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/menu/_breadcrumb.scss b/src/main/webapp/resources/sass/theme/designer/components/menu/_breadcrumb.scss new file mode 100644 index 0000000..1f9e980 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/menu/_breadcrumb.scss @@ -0,0 +1,87 @@ +body { + .ui-breadcrumb { + background: $breadcrumbBg; + border: $breadcrumbBorder; + border-radius: $borderRadius; + padding: $breadcrumbPadding; + + @mixin breadcrumb-item-content { + .ui-menuitem-link { + transition: $transition; + border-radius: $borderRadius; + margin: 0; + + &:focus { + @include focused(); + } + + .ui-menuitem-text { + color: $breadcrumbItemTextColor; + } + + .ui-menuitem-icon { + color: $breadcrumbItemIconColor; + } + } + + &.ui-breadcrumb-chevron { + @include icon_override("\e901"); + margin: 0 $inlineSpacing 0 $inlineSpacing; + color: $breadcrumbSeparatorColor; + } + + &:not(.ui-breadcrumb-chevron) { + @include flex(); + @include flex-align-center(); + @include icon-override-with-content("\e901") { + margin: 0 $inlineSpacing 0 $inlineSpacing; + color: $breadcrumbSeparatorColor; + } + } + + &:first-child { + &:not(.ui-breadcrumb-chevron):before { + display: none; + } + + a.ui-icon-home { + @include icon_override("\e925"); + color: $breadcrumbItemIconColor; + margin: 0; + + span { + display: none; + } + } + } + + &:last-child { + .ui-menuitem-link { + .ui-menuitem-text { + color: $breadcrumbLastItemTextColor; + } + + .ui-menuitem-icon { + color: $breadcrumbLastItemIconColor; + } + } + } + } + + ul { + li { + float: none; + display: inline-block; + vertical-align: middle; + + @include breadcrumb-item-content; + } + } + + .ui-breadcrumb-items { + li { + @include breadcrumb-item-content; + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/menu/_menu.scss b/src/main/webapp/resources/sass/theme/designer/components/menu/_menu.scss new file mode 100644 index 0000000..aa6f3b2 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/menu/_menu.scss @@ -0,0 +1,299 @@ +body { + .ui-menu { + padding: $verticalMenuPadding; + background: $menuBg; + border: $menuBorder; + border-radius: $borderRadius; + + &.ui-shadow { + border: $overlayContentBorder; + box-shadow: $overlayMenuShadow; + } + + &.ui-menu-toggleable { + .ui-menu-list { + .ui-widget-header { + .ui-icon { + position: static; + margin-right: $inlineSpacing; + } + + .ui-icon-triangle-1-e { + @include icon_override("\e901"); + } + + .ui-icon-triangle-1-s { + @include icon_override("\e902"); + } + + h3 { + font-size: $fontSize; + padding-left: 0; + } + } + } + } + + .ui-menu-list { + .ui-widget-header { + margin: $submenuHeaderMargin; + width: 100%; + background: $submenuHeaderBg; + color: $submenuHeaderTextColor; + float: none; + border: $submenuHeaderBorder; + padding: $submenuHeaderPadding; + transition: $transition; + border-radius: 0; + + h3 { + padding: 0; + font-size: $submenuHeaderFontSize; + font-weight: $submenuHeaderFontWeight; + color: $submenuHeaderTextColor; + float: none; + } + + &.ui-state-hover { + background: $menuitemHoverBg; + color: $menuitemTextHoverColor; + + .ui-icon { + color: $menuitemHoverIconColor; + } + } + } + + .ui-menuitem { + margin: $menuitemMargin; + width: 100%; + border: 0 none; + float: none; + border-radius: $menuitemBorderRadius; + transition: $transition; + + .ui-menuitem-link { + padding: $menuitemPadding; + width: 100%; + border: 0 none; + float: none; + border-radius: $menuitemBorderRadius; + transition: $transition; + + &.ui-state-hover { + background: $menuitemHoverBg; + + .ui-icon { + color: $menuitemHoverIconColor; + } + + .ui-menuitem-text { + color: $menuitemTextHoverColor; + } + } + + .ui-menuitem-icon { + margin-right: $inlineSpacing; + vertical-align: middle; + float: none; + color: $menuitemIconColor; + } + + .ui-menuitem-text { + float: none; + vertical-align: middle; + color: $menuitemTextColor; + } + + .ui-icon-triangle-1-e:last-child { + @include icon_override("\e932"); + position: relative; + margin-right: math.div(-1 * $iconSize, 2); + color: $menuitemIconColor; + } + + .ui-icon-triangle-1-s:last-child { + @include icon_override("\e930"); + margin-right: math.div(-1 * $iconSize, 2); + color: $menuitemIconColor; + } + } + + &.ui-state-hover { + background: $menuitemHoverBg; + color: $menuitemTextHoverColor; + + > .ui-menuitem-link { + color: $panelContentTextColor; + + .ui-icon { + color: $menuitemHoverIconColor; + } + } + } + + &.ui-menuitem-active { + > .ui-menuitem-link { + background: $menuitemHoverBg; + + .ui-menuitem-text { + color: $menuitemTextHoverColor; + } + + .ui-menuitem-icon, .ui-icon { + color: $menuitemHoverIconColor; + } + } + } + } + + .ui-menu-child { + background: $menuBg; + padding: $verticalMenuPadding; + + &.ui-shadow { + border-radius: $borderRadius; + border: $overlayContentBorder; + box-shadow: $overlayMenuShadow; + } + } + + .ui-separator { + width: 100%; + margin: $menuSeparatorMargin; + border-top: $menuBorder; + } + } + + &.ui-menubar { + padding: $horizontalMenuPadding; + background: $horizontalMenuBg; + border-radius: $borderRadius; + + > .ui-menu-list { + > .ui-menuitem { + display: inline-block; + width: auto; + + > .ui-menuitem-link { + border-radius: $borderRadius; + + .ui-menuitem-icon { + position: static; + vertical-align: middle; + } + + > span { + float: none; + display: inline-block; + } + + .ui-icon-triangle-1-s:last-child { + margin-left: $inlineSpacing; + vertical-align: middle; + } + } + + &.ui-menubar-options { + float: right; + margin-right: $inlineSpacing; + } + } + } + } + + &.ui-slidemenu { + .ui-slidemenu-backward { + padding: $submenuHeaderPadding; + color: $submenuHeaderTextColor; + width: 100%; + border: $submenuHeaderBorder; + background: $submenuHeaderBg; + margin-bottom: 0; + border-radius: 0; + + .ui-icon-triangle-1-w { + position: relative; + top: 2px; + @include icon_override("\e931"); + margin-right: $inlineSpacing; + } + } + + .ui-menu-child { + padding: 0; + + &.ui-shadow { + box-shadow: none; + border: 0 none; + } + } + } + + &.ui-megamenu { + .ui-widget-header { + margin: $submenuHeaderMargin; + width: 100%; + background: $submenuHeaderBg; + color: $submenuHeaderTextColor; + float: none; + border: $submenuHeaderBorder; + padding: $submenuHeaderPadding; + font-weight: $submenuHeaderFontWeight; + font-size: $submenuHeaderFontSize; + transition: $transition; + border-radius: 0; + + span { + float: none; + padding: 0; + } + } + + .ui-menu-list { + > table { + > tbody { + > tr { + > td { + padding: 0; + } + } + } + } + + .ui-menuitem-link { + border-radius: $borderRadius; + } + } + + &.ui-megamenu-vertical { + background: $horizontalMenuBg; + padding: $verticalMenuPadding; + + > .ui-menu-list { + .ui-menuitem { + width: 100%; + + > .ui-menuitem-link { + border-radius: $menuitemBorderRadius; + } + } + + > .ui-menuitem { + > .ui-menuitem-link { + .ui-icon:last-child { + float: right; + } + } + } + } + } + } + + .ui-divider.ui-widget { + &.ui-divider-horizontal { + margin: 0; + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/menu/_panelmenu.scss b/src/main/webapp/resources/sass/theme/designer/components/menu/_panelmenu.scss new file mode 100644 index 0000000..b2ed3fa --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/menu/_panelmenu.scss @@ -0,0 +1,135 @@ +body { + .ui-panelmenu { + .ui-icon { + position: static; + } + + .ui-panelmenu-panel:first-child { + .ui-panelmenu-header { + margin-top: 0; + border-top: $accordionHeaderBorder; + border-top-right-radius: $borderRadius; + border-top-left-radius: $borderRadius; + } + } + + .ui-panelmenu-panel:last-child { + .ui-panelmenu-header { + border-bottom-right-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + + &.ui-state-active { + border-radius: 0; + } + } + } + + h3.ui-panelmenu-header { + border: $accordionHeaderBorder; + border-top: 0 none; + background: $accordionHeaderBg; + color: $accordionHeaderTextColor; + padding: $accordionHeaderPadding; + font-weight: $accordionHeaderFontWeight; + margin: $accordionSpacing 0 0 0; + transition: $transition; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: $fontSize; + + .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: $inlineSpacing; + + &.ui-icon-triangle-1-e { + @include icon_override("\e901"); + } + + &.ui-icon-triangle-1-s { + @include icon_override("\e902"); + } + } + + a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; + } + + &.ui-state-hover { + border-color: $accordionHeaderHoverBorderColor; + background: $accordionHeaderHoverBg; + color: $accordionHeaderTextHoverColor; + } + + &.ui-state-active { + border-color: $accordionHeaderActiveBorderColor; + background: $panelHeaderBg; + color: $accordionHeaderTextActiveColor; + + &:hover { + border-color: $accordionHeaderActiveHoverBorderColor; + background: $accordionHeaderActiveHoverBg; + color: $accordionHeaderTextHoverColor; + } + } + } + + .ui-panelmenu-content { + padding: $verticalMenuPadding; + background: $menuBg; + border: $menuBorder; + margin-top: 0; + position: static; + border-top: 0 none; + + .ui-menuitem-link { + padding: $menuitemPadding; + color: $menuitemTextColor; + transition: $transition; + + &.ui-state-hover { + background: $menuitemHoverBg; + + .ui-icon, .ui-panelmenu-icon { + color: $menuitemHoverIconColor; + } + + .ui-menuitem-text { + color: $menuitemTextHoverColor; + } + } + + > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: $inlineSpacing; + position: static; + color: $menuitemIconColor; + + &.ui-panelmenu-icon { + &.ui-icon-triangle-1-e { + @include icon_override("\e932"); + } + + &.ui-icon-triangle-1-s { + @include icon_override("\e930"); + } + } + } + + .ui-menuitem-text { + display: inline-block; + vertical-align: middle; + } + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/menu/_steps.scss b/src/main/webapp/resources/sass/theme/designer/components/menu/_steps.scss new file mode 100644 index 0000000..0ac0330 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/menu/_steps.scss @@ -0,0 +1,76 @@ +body { + .ui-steps { + position: relative; + + ul { + @include flex(); + } + + .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; + + .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; + + .ui-steps-number { + color: $stepsItemNumberColor; + background: $stepsItemNumberBg; + border: $stepsItemNumberBorder; + width: $stepsItemNumberWidth; + height: $stepsItemNumberHeight; + font-size: $stepsItemNumberFontSize; + padding: 0; + margin-top: $stepsItemNumberHeight; + margin-left: auto; + margin-right: auto; + border-radius: $stepsItemNumberBorderRadius; + @include flex(); + @include flex-align-center(); + @include flex-justify-center(); + } + + .ui-steps-title { + display: block; + padding-top: $inlineSpacing; + color: $stepsItemTextColor; + } + } + + &.ui-state-highlight { + .ui-steps-number { + background: $highlightBg; + color: $highlightTextColor; + border-color: $highlightBg; + } + + .ui-steps-title { + font-weight: 600; + color: $textColor; + } + } + } + + .ui-steps-item:not(.ui-state-highlight){ + opacity: .65; + } + + &:before { + content:' '; + border-top: $menuBorder; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/menu/_tabmenu.scss b/src/main/webapp/resources/sass/theme/designer/components/menu/_tabmenu.scss new file mode 100644 index 0000000..3698b15 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/menu/_tabmenu.scss @@ -0,0 +1,100 @@ +body { + .ui-tabmenu { + padding: 0; + position: static; + + .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: $tabsNavBg; + @include flex(); + @include flex-wrap(wrap); + position: relative; + + &:before { + position: absolute; + border-bottom: $tabsNavBorder; + left: 0; + bottom: 0; + width: 100%; + } + + .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: $tabsHeaderBg; + color: $tabsHeaderTextColor; + top: 0; + margin: 0; + border-bottom: $tabsNavBorder; + cursor: pointer; + @include flex(); + @include flex-align-center(); + transition: $transition; + + a { + color: $tabsHeaderTextColor; + padding: $tabsHeaderPadding; + font-weight: $tabsHeaderFontWeight; + display: block; + line-height: 1; + outline: 0 none; + + .ui-icon { + margin-right: $inlineSpacing; + } + } + + &.ui-state-hover { + background: $tabsHeaderHoverBg; + border-color: $tabsHeaderHoverBorderColor; + + a { + color: $tabsHeaderTextHoverColor; + + .ui-icon { + color: $tabsHeaderTextHoverColor; + } + } + } + + &.ui-state-active { + background: $tabsHeaderActiveBg; + border-color: $tabsHeaderActiveBorderColor; + + a { + color: $tabsHeaderTextActiveColor; + + .ui-icon { + color: $tabsHeaderTextActiveColor; + } + } + } + + &.ui-menuitem-outline { + @include focused(); + } + } + } + } + + @media screen and (max-width: $phoneBreakpoint) { + .ui-tabmenu { + .ui-tabmenu-nav { + .ui-tabmenuitem a { + .ui-menuitem-icon { + margin-right: 0; + } + + .ui-menuitem-text { + display: none; + } + } + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/messages/_growl.scss b/src/main/webapp/resources/sass/theme/designer/components/messages/_growl.scss new file mode 100644 index 0000000..c6267e9 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/messages/_growl.scss @@ -0,0 +1,74 @@ +body { + .ui-growl { + top: 85px; + + .ui-growl-item-container { + margin: $growlMargin; + border-radius: $borderRadius; + box-shadow: $overlayContainerShadow; + + .ui-icon-closethick { + @include icon_override("\e90b"); + position: absolute; + top: .5rem; + right: .5rem; + } + + .ui-growl-item { + padding: $growlPadding; + min-height: 70px; + } + + &.ui-growl-info { + background: $infoMessageBg; + border: $infoMessageBorder; + color: $infoMessageTextColor; + border-width: $messagesBorderWidth; + + .ui-growl-image { + @include icon_override("\e924"); + font-size: $growlIconFontSize; + color: $infoMessageIconColor; + } + + .ui-icon { + color: $infoMessageIconColor; + } + } + + &.ui-growl-warn { + background: $warnMessageBg; + border: $warnMessageBorder; + color: $warnMessageTextColor; + border-width: $messagesBorderWidth; + + .ui-growl-image { + @include icon_override("\e922"); + font-size: $growlIconFontSize; + color: $warnMessageIconColor; + } + + .ui-icon { + color: $warnMessageIconColor; + } + } + + &.ui-growl-error, &.ui-growl-fatal { + background: $errorMessageBg; + border: $errorMessageBorder; + color: $errorMessageTextColor; + border-width: $messagesBorderWidth; + + .ui-growl-image { + @include icon_override("\e90c"); + font-size: $growlIconFontSize; + color: $errorMessageIconColor; + } + + .ui-icon { + color: $errorMessageIconColor; + } + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/messages/_message.scss b/src/main/webapp/resources/sass/theme/designer/components/messages/_message.scss new file mode 100644 index 0000000..dc9bfa9 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/messages/_message.scss @@ -0,0 +1,82 @@ +body { + .ui-message { + padding: $inputPadding; + display: inline-block; + border-radius: $borderRadius; + + &.ui-message-info { + background: $infoMessageBg; + border: $infoMessageBorder; + border-width: $messageBorderWidth; + color: $infoMessageTextColor; + + .ui-message-info-icon { + @include icon_override("\e924"); + margin: 0; + color: $infoMessageIconColor; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; + } + + .ui-message-info-detail { + margin-left: $inlineSpacing; + } + } + + &.ui-message-warn { + background: $warnMessageBg; + border: $warnMessageBorder; + border-width: $messageBorderWidth; + color: $warnMessageTextColor; + + .ui-message-warn-icon { + @include icon_override("\e922"); + margin: 0; + color: $warnMessageIconColor; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; + } + + .ui-message-warn-detail { + margin-left: $inlineSpacing; + } + } + + &.ui-message-error,&.ui-message-fatal { + background: $errorMessageBg; + border: $errorMessageBorder; + border-width: $messageBorderWidth; + color: $errorMessageTextColor; + + .ui-message-error-icon { + @include icon_override("\e90c"); + margin: 0; + color: $errorMessageIconColor; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; + } + + .ui-message-error-detail { + margin-left: $inlineSpacing; + } + } + + &.ui-message-icon-only { + width: auto; + height: auto; + } + } + + .ui-widget + .ui-message { + margin: 0 0 0 $inlineSpacing; + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/messages/_messages.scss b/src/main/webapp/resources/sass/theme/designer/components/messages/_messages.scss new file mode 100644 index 0000000..530ee34 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/messages/_messages.scss @@ -0,0 +1,116 @@ +body { + .ui-messages { + padding: 0; + margin: 0; + font-weight: $messagesFontWeight; + position: relative; + border-radius: $borderRadius; + + > div { + padding: $messagesPadding; + margin: $messagesMargin; + border-radius: $borderRadius; + } + + ul { + margin: 0; + + .ui-messages-info-summary, + .ui-messages-warn-summary, + .ui-messages-error-summary, + .ui-messages-fatal-summary { + margin: 0 $inlineSpacing 0 0; + } + + .ui-messages-info-detail, + .ui-messages-warn-detail, + .ui-messages-error-detail, + .ui-messages-fatal-detail { + margin: 0; + } + } + + .ui-messages-close { + position: absolute; + right: math.div(-1 * $actionIconWidth, 2); + top: math.div(-1 * $actionIconHeight, 2); + @include action-icon(); + text-align: center; + transition: background-color $transitionDuration; + + .ui-icon-close { + @include icon_override("\e90b"); + } + } + + .ui-messages-info { + background: $infoMessageBg; + border: $infoMessageBorder; + border-width: $messagesBorderWidth; + color: $infoMessageTextColor; + + .ui-messages-info-icon { + @include icon_override("\e924"); + font-size: $messagesIconFontSize; + margin: 0 $inlineSpacing 0 0; + color: $infoMessageIconColor; + } + + .ui-messages-close { + background: $infoMessageBg; + color: $infoMessageIconColor; + + &:hover { + background: darken($infoMessageBg, 5%); + } + } + } + + .ui-messages-warn { + background:$warnMessageBg; + border: $warnMessageBorder; + border-width: $messagesBorderWidth; + color: $warnMessageTextColor; + + .ui-messages-warn-icon { + @include icon_override("\e922"); + font-size: $messagesIconFontSize; + margin: 0 $inlineSpacing 0 0; + color: $warnMessageIconColor; + } + + .ui-messages-close { + background:$warnMessageBg; + color: $warnMessageIconColor; + + &:hover { + background: darken($warnMessageBg, 5%); + } + } + } + + .ui-messages-error, .ui-messages-fatal { + background: $errorMessageBg; + border: $errorMessageBorder; + border-width: $messagesBorderWidth; + color: $errorMessageTextColor; + + .ui-messages-error-icon, + .ui-messages-fatal { + @include icon_override("\e90c"); + font-size: $messagesIconFontSize; + margin: 0 $inlineSpacing 0 0; + color: $errorMessageIconColor; + } + + .ui-messages-close { + background: $errorMessageBg; + color: $errorMessageIconColor; + + &:hover { + background: darken($errorMessageBg, 5%); + } + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/misc/_avatar.scss b/src/main/webapp/resources/sass/theme/designer/components/misc/_avatar.scss new file mode 100644 index 0000000..a8f4b66 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/misc/_avatar.scss @@ -0,0 +1,32 @@ +body { + .ui-avatar { + background-color: $avatarBg; + border-radius: $borderRadius; + + &.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + + .ui-avatar-icon { + font-size: 1.5rem; + } + } + + &.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + + .ui-avatar-icon { + font-size: 2rem; + } + } + } + + .ui-avatar-group { + .ui-avatar { + border: 2px solid $panelContentBg; + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/misc/_badge.scss b/src/main/webapp/resources/sass/theme/designer/components/misc/_badge.scss new file mode 100644 index 0000000..bebc936 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/misc/_badge.scss @@ -0,0 +1,69 @@ +body { + .ui-badge { + background: $badgeBg; + color: $badgeTextColor; + font-size: $badgeFontSize; + font-weight: $badgeFontWeight; + min-width: $badgeMinWidth; + height: $badgeHeight; + line-height: $badgeHeight; + + &:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; + } + + &.ui-badge-secondary { + background: $secondaryButtonBg; + color: $secondaryButtonTextColor; + } + + &.ui-badge-success { + background: $successButtonBg; + color: $successButtonTextColor; + } + + &.ui-badge-info { + background: $infoButtonBg; + color: $infoButtonTextColor; + } + + &.ui-badge-warning { + background: $warningButtonBg; + color: $warningButtonTextColor; + } + + &.ui-badge-danger { + background: $dangerButtonBg; + color: $dangerButtonTextColor; + } + + &.ui-badge-lg { + font-size: 1.5 * $badgeFontSize; + min-width: 1.5 * $badgeMinWidth; + height: 1.5 * $badgeHeight; + line-height: 1.5 * $badgeHeight; + } + + &.ui-badge-xl { + font-size: 2 * $badgeFontSize; + min-width: 2 * $badgeMinWidth; + height: 2 * $badgeHeight; + line-height: 2 * $badgeHeight; + } + } + + .ui-overlay-badge { + position: relative; + display: inline-block; + + .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/misc/_chip.scss b/src/main/webapp/resources/sass/theme/designer/components/misc/_chip.scss new file mode 100644 index 0000000..c60988f --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/misc/_chip.scss @@ -0,0 +1,35 @@ +body { + .ui-chip { + background-color: $chipBg; + color: $chipTextColor; + border-radius: $chipBorderRadius; + padding: 0 nth($inputPadding, 2); + + .ui-chip-text { + line-height: 1.5; + margin-top: math.div(nth($inputPadding, 1), 2); + margin-bottom: math.div(nth($inputPadding, 1), 2); + } + + .ui-chip-icon { + margin-right: $inlineSpacing; + } + + img { + width: 1.5 + nth($inputPadding, 1); + height: 1.5 + nth($inputPadding, 1); + margin-left: -1 * nth($inputPadding, 2); + margin-right: $inlineSpacing; + } + + .ui-chip-remove-icon { + margin-left: $inlineSpacing; + border-radius: $borderRadius; + transition: $transition; + + &:focus { + @include focused(); + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/misc/_clock.scss b/src/main/webapp/resources/sass/theme/designer/components/misc/_clock.scss new file mode 100644 index 0000000..a6b8eaa --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/misc/_clock.scss @@ -0,0 +1,8 @@ +body { + .ui-clock { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $panelContentPadding; + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/misc/_galleria.scss b/src/main/webapp/resources/sass/theme/designer/components/misc/_galleria.scss new file mode 100644 index 0000000..01bf982 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/misc/_galleria.scss @@ -0,0 +1,186 @@ +body { + .ui-galleria { + .ui-galleria-close { + margin: $galleriaCloseIconMargin; + background: $galleriaCloseIconBg; + color: $galleriaCloseIconColor; + width: $galleriaCloseIconWidth; + height: $galleriaCloseIconHeight; + transition: $actionIconTransition; + border-radius: $galleriaCloseIconBorderRadius; + + .ui-galleria-close-icon { + font-size: $galleriaCloseIconFontSize; + } + + &:hover { + background: $galleriaCloseIconHoverBg; + color: $galleriaCloseIconHoverColor; + } + } + + .ui-galleria-item-nav { + background: $galleriaItemNavigatorBg; + color: $galleriaItemNavigatorColor; + width: $galleriaItemNavigatorWidth; + height: $galleriaItemNavigatorHeight; + transition: $actionIconTransition; + border-radius: $galleriaItemNavigatorBorderRadius; + margin: $galleriaItemNavigatorMargin; + + .ui-galleria-item-prev-icon { + @include icon_override("\e900"); + font-size: $galleriaItemNavigatorFontSize; + } + + .ui-galleria-item-next-icon { + @include icon_override("\e901"); + font-size: $galleriaItemNavigatorFontSize; + } + + &:not(.ui-state-disabled) { + &:hover { + background: $galleriaItemNavigatorHoverBg; + color: $galleriaItemNavigatorHoverColor; + } + } + } + + .ui-galleria-caption-item { + background: $galleriaCaptionBg; + color: $galleriaCaptionTextColor; + padding: $galleriaCaptionPadding; + } + + .ui-galleria-indicators { + padding: $galleriaIndicatorsPadding; + + .ui-galleria-indicator { + button { + background-color: $galleriaIndicatorBg; + width: $galleriaIndicatorWidth; + height: $galleriaIndicatorHeight; + transition: $actionIconTransition; + border-radius: $galleriaIndicatorBorderRadius; + + &:hover { + background: $galleriaIndicatorHoverBg; + } + } + + &.ui-state-highlight { + button { + background: $primaryColor; + color: $primaryTextColor; + } + } + } + } + + &.ui-galleria-indicators-bottom, + &.ui-galleria-indicators-top { + .ui-galleria-indicator { + margin-right: $inlineSpacing; + } + } + + &.ui-galleria-indicators-left, + &.ui-galleria-indicators-right { + .ui-galleria-indicator { + margin-bottom: $inlineSpacing; + } + } + + &.ui-galleria-indicator-onitem { + .ui-galleria-indicators { + background: $galleriaIndicatorsBgOnItem; + + .ui-galleria-indicator { + button { + background: $galleriaIndicatorBgOnItem; + + &:hover { + background: $galleriaIndicatorHoverBgOnItem; + } + } + + &.ui-state-highlight { + button { + background: $highlightBg; + color: $highlightTextColor; + } + } + } + } + } + + .ui-galleria-thumbnail-container { + background: $galleriaThumbnailContainerBg; + padding: $galleriaThumbnailContainerPadding; + + .ui-galleria-thumbnail-prev, + .ui-galleria-thumbnail-next { + margin: $inlineSpacing; + background-color: $galleriaThumbnailNavigatorBg; + color: $galleriaThumbnailNavigatorColor; + width: $galleriaThumbnailNavigatorWidth; + height: $galleriaThumbnailNavigatorHeight; + transition: $actionIconTransition; + border-radius: $galleriaThumbnailNavigatorBorderRadius; + + &:hover { + background: $galleriaThumbnailNavigatorHoverBg; + color: $galleriaThumbnailNavigatorHoverColor; + } + + .ui-icon-circle-triangle-e { + @include icon_override("\e901"); + } + + .ui-icon-circle-triangle-s { + @include icon_override("\e902"); + } + + .ui-icon-circle-triangle-w { + @include icon_override("\e900"); + } + + .ui-icon-circle-triangle-n { + @include icon_override("\e903"); + } + } + + .ui-galleria-thumbnail-item-content { + transition: $listItemTransition; + margin: $galleriaThumbnailContentMargin; + margin-left: 0; + margin-right: 0; + + &:focus { + @include focused(); + } + } + } + + &.ui-galleria-thumbnails-left, + &.ui-galleria-thumbnails-right { + .ui-galleria-thumbnail-container { + .ui-galleria-thumbnail-item-content { + margin: $galleriaThumbnailContentMargin; + } + } + } + + .ui-galleria-link { + &:focus { + @include focused(); + } + } + } +} + +.ui-galleria-mask { + &.ui-widget-overlay { + background-color: $galleriaMaskBg; + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/misc/_log.scss b/src/main/webapp/resources/sass/theme/designer/components/misc/_log.scss new file mode 100644 index 0000000..a805c64 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/misc/_log.scss @@ -0,0 +1,59 @@ +body { + .ui-log { + padding: 0; + box-shadow: $overlayContainerShadow; + border: $overlayContentBorder; + border-radius: $borderRadius; + height: auto; + + .ui-log-header { + background: $dialogHeaderBg; + color: $dialogHeaderTextColor; + font-weight: $dialogHeaderFontWeight; + border-bottom: $dialogHeaderBorder; + padding: $dialogHeaderPadding; + height: auto; + + .ui-log-button { + display: inline-block; + position: static; + margin-right: $inlineSpacing; + padding: 2px; + @include action-icon(); + + .ui-icon-trash { + @include icon_override("\e93d"); + } + + .ui-icon-note { + @include icon_override("\e9a8"); + } + + .ui-icon-info { + @include icon_override("\e924"); + } + + .ui-icon-notice { + @include icon_override("\e989"); + } + + .ui-icon-search { + @include icon_override("\e908"); + } + + .ui-icon-alert { + @include icon_override("\e922"); + } + } + } + + .ui-log-content { + background: $dialogContentBg; + color: $dialogContentTextColor; + border: $dialogContentBorder; + padding: $dialogContentPadding; + border: $dialogContentBorder; + overflow: auto; + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/misc/_progressbar.scss b/src/main/webapp/resources/sass/theme/designer/components/misc/_progressbar.scss new file mode 100644 index 0000000..9914f39 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/misc/_progressbar.scss @@ -0,0 +1,21 @@ +body { + .ui-progressbar { + border: $progressBarBorder; + height: $progressBarHeight; + background: $progressBarBg; + border-radius: $borderRadius; + + .ui-progressbar-value { + border: 0 none; + margin: 0; + background: $progressBarValueBg; + border-radius: $borderRadius; + } + + .ui-progressbar-label { + margin-top: 0; + color: $textColor; + line-height: $progressBarHeight; + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/misc/_scrolltop.scss b/src/main/webapp/resources/sass/theme/designer/components/misc/_scrolltop.scss new file mode 100644 index 0000000..5bebaa3 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/misc/_scrolltop.scss @@ -0,0 +1,19 @@ +body { + .ui-scrolltop { + width: $scrollTopWidth; + height: $scrollTopHeight; + border-radius: $scrollTopBorderRadius; + box-shadow: $inputOverlayShadow; + transition: $transition; + background: $scrollTopBg; + + &:hover { + background: $scrollTopHoverBg; + } + + .ui-scrolltop-icon { + font-size: $scrollTopFontSize; + color: $scrollTopTextColor; + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/misc/_skeleton.scss b/src/main/webapp/resources/sass/theme/designer/components/misc/_skeleton.scss new file mode 100644 index 0000000..2347b8f --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/misc/_skeleton.scss @@ -0,0 +1,10 @@ +body { + .ui-skeleton { + background-color: $skeletonBg; + border-radius: $borderRadius; + + &:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), $skeletonAnimationBg, rgba(255, 255, 255, 0)); + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/misc/_tag.scss b/src/main/webapp/resources/sass/theme/designer/components/misc/_tag.scss new file mode 100644 index 0000000..8ace3e3 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/misc/_tag.scss @@ -0,0 +1,45 @@ +body { + .ui-tag { + background: $badgeBg; + color: $badgeTextColor; + font-size: $badgeFontSize; + font-weight: $badgeFontWeight; + padding: $tagPadding; + border-radius: $borderRadius; + + &:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; + } + + &.ui-tag-success { + background: $successButtonBg; + color: $successButtonTextColor; + } + + &.ui-tag-info { + background: $infoButtonBg; + color: $infoButtonTextColor; + } + + &.ui-tag-warning { + background: $warningButtonBg; + color: $warningButtonTextColor; + } + + &.ui-tag-danger { + background: $dangerButtonBg; + color: $dangerButtonTextColor; + } + + &.ui-tag-rounded { + border-radius: 10rem; + } + + .ui-tag-icon { + margin-right: math.div($inlineSpacing, 2); + font-size: $badgeFontSize; + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/misc/_terminal.scss b/src/main/webapp/resources/sass/theme/designer/components/misc/_terminal.scss new file mode 100644 index 0000000..d453ae8 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/misc/_terminal.scss @@ -0,0 +1,8 @@ +body { + .ui-terminal { + background: $panelContentBg; + color: $panelContentTextColor; + border: $panelContentBorder; + padding: $panelContentPadding; + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/overlay/_confirmpopup.scss b/src/main/webapp/resources/sass/theme/designer/components/overlay/_confirmpopup.scss new file mode 100644 index 0000000..9e153ac --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/overlay/_confirmpopup.scss @@ -0,0 +1,69 @@ +body { + .ui-confirm-popup { + background: $panelContentBg; + color: $panelContentTextColor; + border: $overlayContentBorder; + border-radius: $borderRadius; + box-shadow: $overlayContainerShadow; + + .ui-confirm-popup-content { + padding: $confirmPopupContentPadding; + } + + .ui-confirm-popup-footer { + text-align: right; + padding: $confirmPopupFooterPadding; + + button { + margin: 0 $inlineSpacing 0 0; + width: auto; + + &:last-child { + margin: 0; + } + } + } + + &:after { + border-style: solid; + border-color: rgba($panelContentBg, 0); + border-bottom-color: $panelContentBg; + } + + &:before { + border-style: solid; + + @if (nth($overlayContentBorder, 2) == 'none') { + border-color: rgba($panelContentBg, 0); + border-bottom-color: $panelContentBg; + } + @else { + border-color: rgba(nth($overlayContentBorder, 3), 0); + border-bottom-color: nth($overlayContentBorder, 3); + } + } + + &.ui-confirm-popup-flipped { + &:after { + border-top-color: $panelContentBg; + } + + &:before { + @if (nth($overlayContentBorder, 2) == 'none') { + border-top-color: $panelContentBg; + } + @else { + border-top-color: nth($overlayContentBorder, 3); + } + } + } + + .ui-confirm-popup-icon { + font-size: $iconSize * 1.5; + } + + .ui-confirm-popup-message { + margin-left: $inlineSpacing * 2; + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/overlay/_dialog.scss b/src/main/webapp/resources/sass/theme/designer/components/overlay/_dialog.scss new file mode 100644 index 0000000..4b13a55 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/overlay/_dialog.scss @@ -0,0 +1,145 @@ +body { + .ui-dialog { + padding: 0; + box-shadow: $overlayContainerShadow; + border: $overlayContentBorder; + border-radius: $borderRadius; + + .ui-dialog-titlebar { + background: $dialogHeaderBg; + color: $dialogHeaderTextColor; + font-weight: $dialogHeaderFontWeight; + border-bottom: $dialogHeaderBorder; + padding: $dialogHeaderPadding; + + .ui-dialog-title { + margin: 0; + float: none; + font-size: $dialogHeaderFontSize; + } + + .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: $inlineSpacing; + @include action-icon(); + + .ui-icon-closethick { + @include icon_override("\e90b"); + } + + .ui-icon-minus { + @include icon_override("\e90f"); + } + + .ui-icon-plus { + @include icon_override("\e90d"); + } + + .ui-icon-extlink { + @include icon_override("\e93b"); + } + + .ui-icon-newwin { + @include icon_override("\e93a"); + } + } + } + + .ui-dialog-content { + background: $dialogContentBg; + color: $dialogContentTextColor; + border: $dialogContentBorder; + padding: $dialogContentPadding; + border: $dialogContentBorder; + } + + .ui-dialog-footer { + border-top: $dialogFooterBorder; + background: $dialogFooterBg; + color: $dialogFooterTextColor; + padding: $dialogFooterPadding; + margin: 0; + text-align: right; + + button { + margin: 0 $inlineSpacing 0 0; + width: auto; + } + } + + &.ui-confirm-dialog { + .ui-dialog-content { + padding: $confirmDialogContentPadding; + @include flex(); + @include flex-align-center(); + + > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 $inlineSpacing; + + &.ui-icon { + margin-right: $inlineSpacing; + font-size: $confirmDialogIconFontSize; + + &.ui-icon-warn { + @include icon_override("\e922"); + } + + &.ui-icon-info { + @include icon_override("\e924"); + } + + &.ui-icon-error { + @include icon_override("\e90c"); + } + } + } + } + } + + &.ui-resizable { + .ui-dialog-content { + box-sizing: content-box; + } + } + + &.ui-message-dialog { + .ui-dialog-content { + padding: $confirmDialogContentPadding; + @include flex(); + @include flex-align-center(); + + > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 $inlineSpacing; + + &.ui-dialog-message { + margin-right: $inlineSpacing; + font-size: $confirmDialogIconFontSize; + width: auto; + height: auto; + + &.ui-messages-warn-icon { + @include icon_override("\e922"); + } + + &.ui-messages-info-icon { + @include icon_override("\e922"); + } + + &.ui-messages-error-icon { + @include icon_override("\e90c"); + } + } + } + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/overlay/_lightbox.scss b/src/main/webapp/resources/sass/theme/designer/components/overlay/_lightbox.scss new file mode 100644 index 0000000..652a425 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/overlay/_lightbox.scss @@ -0,0 +1,75 @@ +body { + .ui-lightbox { + box-shadow: $overlayContainerShadow; + + .ui-lightbox-caption { + border: $panelHeaderBorder; + background: $panelHeaderBg; + color: $panelHeaderTextColor; + padding: $panelHeaderPadding; + font-weight: $panelHeaderFontWeight; + + .ui-lightbox-caption-text { + color: $panelHeaderTextColor; + margin: 0; + } + + .ui-lightbox-close { + padding: 0; + @include action-icon(); + + .ui-icon { + @include icon_override("\e90b"); + } + } + } + + .ui-lightbox-content-wrapper { + overflow: hidden; + background: $panelContentBg; + color: $panelContentTextColor; + border: 0 none; + padding: 0; + + .ui-lightbox-nav-left { + @include icon_override("\e900"); + transition: all $transitionDuration; + font-size: 24px; + margin-left: 4px; + color: #ffffff; + + &:hover { + scale: 1.2; + } + + span { + display: none; + } + } + + .ui-lightbox-nav-right { + @include icon_override("\e901"); + transition: all $transitionDuration; + font-size: 24px; + margin-right: 4px; + color: #ffffff; + + &:hover { + scale: 1.2; + } + + span { + display: none; + } + } + + .ui-lightbox-content { + border-radius: 0; + } + + .ui-lightbox-content.ui-lightbox-loading + a { + display: none; + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/overlay/_overlaypanel.scss b/src/main/webapp/resources/sass/theme/designer/components/overlay/_overlaypanel.scss new file mode 100644 index 0000000..2b58056 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/overlay/_overlaypanel.scss @@ -0,0 +1,40 @@ +body { + .ui-overlaypanel { + background: $panelContentBg; + color: $panelContentTextColor; + padding: 0; + border: $overlayContentBorder; + box-shadow: $overlayContainerShadow; + border-radius: $borderRadius; + + .ui-overlaypanel-content { + padding: $panelContentPadding; + } + + .ui-overlaypanel-close { + position: absolute; + width: $actionIconWidth; + height: $actionIconHeight; + right: math.div(-1 * $actionIconWidth, 2); + top: math.div(-1 * $actionIconWidth, 2); + background: $overlayPanelCloseIconBg; + color: $overlayPanelCloseIconColor; + transition: $transition; + border-radius: $actionIconBorderRadius; + text-align: center; + line-height: $actionIconHeight; + padding: 0; + + &:hover { + background: $overlayPanelCloseIconHoverBg; + color: $overlayPanelCloseIconHoverColor; + } + + .ui-icon { + @include icon_override("\e90b"); + display: inline-block; + line-height: inherit; + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/overlay/_sidebar.scss b/src/main/webapp/resources/sass/theme/designer/components/overlay/_sidebar.scss new file mode 100644 index 0000000..b12053a --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/overlay/_sidebar.scss @@ -0,0 +1,22 @@ +body { + .ui-sidebar { + background: $panelContentBg; + color: $panelContentTextColor; + padding: $panelContentPadding; + border: $overlayContentBorder; + box-shadow: none; + + .ui-sidebar-close { + padding: 0; + @include action-icon(); + + .ui-icon { + @include icon_override("\e90b"); + } + } + + &.ui-sidebar-active { + box-shadow: $overlayContainerShadow; + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/overlay/_tooltip.scss b/src/main/webapp/resources/sass/theme/designer/components/overlay/_tooltip.scss new file mode 100644 index 0000000..6e41b5b --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/overlay/_tooltip.scss @@ -0,0 +1,38 @@ +body { + .ui-tooltip { + .ui-tooltip-text { + background: $tooltipBg; + color: $tooltipTextColor; + box-shadow: $overlayContainerShadow; + border-radius: $borderRadius; + } + + &.ui-state-error { + border: 0 none; + } + + &.ui-tooltip-right { + .ui-tooltip-arrow { + border-right-color: $tooltipBg; + } + } + + &.ui-tooltip-left { + .ui-tooltip-arrow { + border-left-color: $tooltipBg; + } + } + + &.ui-tooltip-top { + .ui-tooltip-arrow { + border-top-color: $tooltipBg; + } + } + + &.ui-tooltip-bottom { + .ui-tooltip-arrow { + border-bottom-color: $tooltipBg; + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/panel/_accordion.scss b/src/main/webapp/resources/sass/theme/designer/components/panel/_accordion.scss new file mode 100644 index 0000000..33458d2 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/panel/_accordion.scss @@ -0,0 +1,85 @@ +body { + .ui-accordion { + .ui-accordion-header { + border: $accordionHeaderBorder; + border-top: 0 none; + background: $accordionHeaderBg; + color: $accordionHeaderTextColor; + padding: $accordionHeaderPadding; + font-weight: $accordionHeaderFontWeight; + margin-top: $accordionSpacing; + transition: $transition; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + + &:first-child { + margin-top: 0; + border-top: $accordionHeaderBorder; + border-top-right-radius: $borderRadius; + border-top-left-radius: $borderRadius; + } + + &.ui-accordion-header-last { + border-bottom-right-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + + &.ui-state-active { + border-radius: 0; + } + } + + &.ui-state-hover { + border-color: $accordionHeaderHoverBorderColor; + background: $accordionHeaderHoverBg; + color: $accordionHeaderTextHoverColor; + } + + &.ui-state-active { + background: $accordionHeaderActiveBg; + border-color: $accordionHeaderActiveBorderColor; + color: $accordionHeaderTextActiveColor; + + &:hover { + border-color: $accordionHeaderActiveHoverBorderColor; + background: $accordionHeaderActiveHoverBg; + color: $accordionHeaderTextHoverColor; + } + } + + &:focus { + @include focused(); + } + + > .ui-icon { + position: static; + display: inline-block; + margin: 0 $inlineSpacing 0 0; + + &.ui-icon-triangle-1-e { + @include icon_override("\e901"); + } + + &.ui-icon-triangle-1-s { + @include icon_override("\e902"); + } + } + } + + .ui-accordion-content { + border: $accordionContentBorder; + background: $accordionContentBg; + color: $accordionContentTextColor; + padding: $accordionContentPadding; + margin: 0; + position: static; + border-top: 0 none; + + &:last-of-type { + border-bottom-right-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/panel/_card.scss b/src/main/webapp/resources/sass/theme/designer/components/panel/_card.scss new file mode 100644 index 0000000..385865b --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/panel/_card.scss @@ -0,0 +1,32 @@ +body { + .ui-card { + background: $panelContentBg; + color: $panelContentTextColor; + box-shadow: $cardShadow; + border-radius: $borderRadius; + + .ui-card-body { + padding: $cardBodyPadding; + } + + .ui-card-title { + font-size: $cardTitleFontSize; + font-weight: $cardTitleFontWeight; + margin-bottom: $inlineSpacing; + } + + .ui-card-subtitle { + font-weight: $cardSubTitleFontWeight; + margin-bottom: $inlineSpacing; + color: $cardSubTitleColor; + } + + .ui-card-content { + padding: $cardContentPadding; + } + + .ui-card-footer { + padding: $cardFooterPadding; + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/panel/_dashboard.scss b/src/main/webapp/resources/sass/theme/designer/components/panel/_dashboard.scss new file mode 100644 index 0000000..84d2c17 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/panel/_dashboard.scss @@ -0,0 +1,7 @@ +body { + .ui-dashboard { + .ui-sortable-placeholder { + background-color: $highlightBg; + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/panel/_divider.scss b/src/main/webapp/resources/sass/theme/designer/components/panel/_divider.scss new file mode 100644 index 0000000..f5e3ded --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/panel/_divider.scss @@ -0,0 +1,33 @@ +body { + .ui-divider { + .ui-divider-content { + background-color: $panelContentBg; + } + + &.ui-divider-horizontal { + margin: $dividerHorizontalMargin; + padding: $dividerHorizontalPadding; + + &:before { + border-top: $dividerSize $dividerColor; + } + + .ui-divider-content { + padding: 0 $inlineSpacing; + } + } + + &.ui-divider-vertical { + margin: $dividerVerticalMargin; + padding: $dividerVerticalPadding; + + &:before { + border-left: $dividerSize $dividerColor; + } + + .ui-divider-content { + padding: $inlineSpacing 0; + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/panel/_fieldset.scss b/src/main/webapp/resources/sass/theme/designer/components/panel/_fieldset.scss new file mode 100644 index 0000000..c4e3011 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/panel/_fieldset.scss @@ -0,0 +1,49 @@ +body { + .ui-fieldset { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $panelContentPadding; + border-radius: $borderRadius; + + .ui-fieldset-legend { + border: $panelHeaderBorder; + background: $panelHeaderBg; + color: $panelHeaderTextColor; + padding: $panelHeaderPadding; + font-weight: $panelHeaderFontWeight; + border-radius: $borderRadius; + user-select: none; + transition: $transition; + + .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: $inlineSpacing; + } + + .ui-icon-minusthick { + @include icon_override("\e90f"); + } + + .ui-icon-plusthick { + @include icon_override("\e90d"); + } + + &.ui-state-hover { + outline: 0 none; + border-color: $panelHeaderHoverBorderColor; + background: $panelHeaderHoverBg; + color: $panelHeaderTextHoverColor; + + .ui-icon { + color: $panelHeaderHoverIconColor; + } + } + + &.ui-state-focus { + @include focused(); + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/panel/_notificationbar.scss b/src/main/webapp/resources/sass/theme/designer/components/panel/_notificationbar.scss new file mode 100644 index 0000000..b7a57a1 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/panel/_notificationbar.scss @@ -0,0 +1,8 @@ +body { + .ui-notificationbar { + background: $panelContentBg; + color: $panelContentTextColor; + padding: $panelContentPadding; + border: $panelContentBorder; + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/panel/_panel.scss b/src/main/webapp/resources/sass/theme/designer/components/panel/_panel.scss new file mode 100644 index 0000000..157972b --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/panel/_panel.scss @@ -0,0 +1,91 @@ +body { + .ui-panel { + padding: 0; + + .ui-panel-title { + margin: 0; + } + + .ui-panel-titlebar { + border: $panelHeaderBorder; + background: $panelHeaderBg; + color: $panelHeaderTextColor; + padding: $panelHeaderPadding; + font-weight: $panelHeaderFontWeight; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + @include border-radius-top($borderRadius); + + .ui-panel-titlebar-icon { + margin: 0; + margin-left: $inlineSpacing; + @include action-icon(); + margin-top: math.div(-1 * $actionIconHeight, 8); + margin-bottom: math.div(-1 * $actionIconHeight, 4); + + .ui-icon-closethick { + @include icon_override("\e90b"); + } + + .ui-icon-minusthick { + @include icon_override("\e90f"); + } + + .ui-icon-plusthick { + @include icon_override("\e90d"); + } + + .ui-icon-gear { + @include icon_override("\e94a"); + } + } + + & + .ui-panel-content { + border-top: 0 none; + } + } + + .ui-panel-content { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $panelContentPadding; + } + + .ui-panel-footer { + border: $panelFooterBorder; + background: $panelFooterBg; + color: $panelFooterTextColor; + padding: $panelFooterPadding; + margin: 0; + border-top: 0 none; + } + + > div { + &:last-of-type { + @include border-radius-bottom($borderRadius); + } + } + + &.ui-panel-collapsed { + .ui-panel-titlebar { + @include border-radius-bottom($borderRadius); + } + } + + &.ui-panel-collapsed-h { + .ui-panel-titlebar { + position: relative; + + .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: math.div(-1 * $iconSize, 2); + margin-top: math.div(-1 * $iconSize, 2); + } + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/panel/_panelgrid.scss b/src/main/webapp/resources/sass/theme/designer/components/panel/_panelgrid.scss new file mode 100644 index 0000000..28a12ad --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/panel/_panelgrid.scss @@ -0,0 +1,18 @@ +body { + .ui-panelgrid { + .ui-panelgrid-cell { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $panelContentPadding; + + &.ui-widget-header { + border: $panelHeaderBorder; + background: $panelHeaderBg; + color: $panelHeaderTextColor; + padding: $panelHeaderPadding; + font-weight: $panelHeaderFontWeight; + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/panel/_scrollpanel.scss b/src/main/webapp/resources/sass/theme/designer/components/panel/_scrollpanel.scss new file mode 100644 index 0000000..b4b4d9b --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/panel/_scrollpanel.scss @@ -0,0 +1,21 @@ +body { + .ui-scrollpanel { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $panelContentPadding; + + .ui-scrollpanel-drag { + background:$scrollPanelHandleBg; + } + + .ui-scrollpanel-track { + background: $scrollPanelTrackBg; + border: $scrollPanelTrackBorder; + } + + .ui-scrollpanel-corner { + background: $scrollPanelTrackBg; + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/panel/_splitter.scss b/src/main/webapp/resources/sass/theme/designer/components/panel/_splitter.scss new file mode 100644 index 0000000..fa45d88 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/panel/_splitter.scss @@ -0,0 +1,21 @@ +body { + .ui-splitter { + border: $panelContentBorder; + background: $panelContentBg; + border-radius: $borderRadius; + color: $panelContentTextColor; + + .ui-splitter-gutter { + transition: $transition; + background: $splitterGutterBg; + + .ui-splitter-gutter-handle { + background: $splitterGutterHandleBg; + } + } + + .ui-splitter-gutter-resizing { + background: $splitterGutterHandleBg; + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/panel/_tabs.scss b/src/main/webapp/resources/sass/theme/designer/components/panel/_tabs.scss new file mode 100644 index 0000000..f83ffbc --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/panel/_tabs.scss @@ -0,0 +1,282 @@ +body { + .ui-tabs { + padding: 0; + position: static; + + .ui-tabs-nav { + margin: 0; + padding: 0; + background: $tabsNavBg; + @include flex(); + + li { + &.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: $tabsHeaderPadding; + background: $tabsHeaderBg; + color: $tabsHeaderTextColor; + margin: 0; + cursor: pointer; + @include flex(); + @include flex-align-center(); + transition: $transition; + + a { + color: $tabsHeaderTextColor; + padding: 0; + font-weight: $tabsHeaderFontWeight; + display: block; + line-height: 1; + transition: $transition; + } + + .ui-icon { + position: static; + + &.ui-icon-close { + margin: 0; + float: none; + @include icon_override("\e90b"); + margin-left: $inlineSpacing; + } + } + + &.ui-state-hover { + background: $tabsHeaderHoverBg; + + a { + color: $tabsHeaderTextHoverColor; + } + + .ui-icon { + color: $tabsHeaderTextHoverColor; + } + } + + &.ui-state-active { + background: $tabsHeaderActiveBg; + + a { + color: $tabsHeaderTextActiveColor; + } + + .ui-icon { + color: $tabsHeaderTextActiveColor; + } + } + + &.ui-tabs-outline { + @include focused-inset(); + } + } + + &.ui-tabs-actions { + order: 1; + margin-left: auto; + } + } + } + + .ui-tabs-panels { + border: $tabsContentBorder; + background: $tabsContentBg; + color: $tabsContentTextColor; + padding: 0; + margin: 0; + position: static; + @include border-radius-bottom($borderRadius); + + .ui-tabs-panel { + padding: $tabsContentPadding; + } + } + + &.ui-tabs-top { + > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + @include flex(); + @include flex-wrap(wrap); + + &:before { + content: ""; + position: absolute; + display: block; + border-bottom: $tabsNavBorder; + left: 0; + bottom: 0; + width: 100%; + } + + li.ui-tabs-header { + top: 0; + border-bottom: $tabsNavBorder; + + &.ui-state-hover { + border-color: $tabsHeaderHoverBorderColor; + } + + &.ui-state-active { + border-color: $tabsHeaderActiveBorderColor; + } + } + } + + > .ui-tabs-panels { + border-width: 1px 0 0 0; + } + } + + &.ui-tabs-bottom { + > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + @include flex(); + @include flex-wrap(wrap); + + &:before { + content: ""; + position: absolute; + display: block; + border-top: $tabsNavBorder; + left: 0; + top: 0; + width: 100%; + } + + li.ui-tabs-header { + top: 0; + border-top: $tabsNavBorder; + + &.ui-state-hover { + border-color: $tabsHeaderHoverBorderColor; + } + + &.ui-state-active { + border-color: $tabsHeaderActiveBorderColor; + } + } + } + + > .ui-tabs-panels { + border-width: 1px 0 0 0; + } + } + + &.ui-tabs-left, &.ui-tabs-right { + > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + @include flex-direction-column(); + + li.ui-tabs-header { + width: 100%; + } + } + + > .ui-tabs-panels { + width: 75%; + } + } + + &.ui-tabs-right { + > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: $tabsNavBorder; + + li.ui-tabs-header { + top: 0; + border-left: $tabsNavBorder; + left: -1 * $tabsNavBorderWidth; + + &.ui-state-hover { + border-color: $tabsHeaderHoverBorderColor; + } + + &.ui-state-active { + border-color: $tabsHeaderActiveBorderColor; + } + } + } + + > .ui-tabs-panels { + border-width: 1px 0 0 0; + } + } + + &.ui-tabs-left { + > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -1 * $tabsNavBorderWidth; + + li.ui-tabs-header { + top: 0; + border-right: $tabsNavBorder; + margin-right: -1 * $tabsNavBorderWidth; + + &.ui-state-hover { + border-color: $tabsHeaderHoverBorderColor; + } + + &.ui-state-active { + border-color: $tabsHeaderActiveBorderColor; + } + } + } + + > .ui-tabs-panels { + border-width: 1px 0 0 0; + } + } + + .ui-tabs-navscroller { + position: relative; + + .ui-tabs-navscroller-btn { + border: 0 none; + background: $tabsScrollerButtonBg; + color: $tabsScrollerButtonIconColor; + outline: 0 none; + z-index: 1; + @include flex(); + @include flex-align-center(); + transition: $transition; + + &.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; + + .ui-icon { + margin: 0; + @include icon_override("\e900"); + } + } + + &.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; + + .ui-icon { + margin: 0; + @include icon_override("\e901"); + } + } + + &.ui-state-hover { + background: $tabsScrollerButtonHoverBg; + color: $tabsScrollerButtonIconHoverColor; + } + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/panel/_toolbar.scss b/src/main/webapp/resources/sass/theme/designer/components/panel/_toolbar.scss new file mode 100644 index 0000000..b6da13c --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/panel/_toolbar.scss @@ -0,0 +1,9 @@ +body { + .ui-toolbar { + border: $panelHeaderBorder; + background: $panelHeaderBg; + color: $panelHeaderTextColor; + padding: $panelHeaderPadding; + border-radius: $borderRadius; + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/theme/designer/components/panel/_wizard.scss b/src/main/webapp/resources/sass/theme/designer/components/panel/_wizard.scss new file mode 100644 index 0000000..29fad27 --- /dev/null +++ b/src/main/webapp/resources/sass/theme/designer/components/panel/_wizard.scss @@ -0,0 +1,38 @@ +body { + .ui-wizard { + .ui-wizard-step-titles { + .ui-wizard-step-title { + border: $panelHeaderBorder; + background: $panelHeaderBg; + color: $panelHeaderTextColor; + padding: $panelHeaderPadding; + margin: 0; + border-right: 0 none; + border-radius: 0; + + &:first-child { + @include border-radius-left($borderRadius); + } + + &:last-child { + @include border-radius-right($borderRadius); + border-right: $panelHeaderBorder; + } + + &.ui-state-highlight { + background: $highlightBg; + color: $highlightTextColor; + } + } + } + + .ui-icon-arrowthick-1-w { + @include icon-override("\e91a"); + } + + .ui-icon-arrowthick-1-e { + @include icon_override('\e91b'); + } + + } +} \ No newline at end of file diff --git a/src/main/webapp/resources/sass/variables/layout/_layout_common.scss b/src/main/webapp/resources/sass/variables/layout/_layout_common.scss new file mode 100644 index 0000000..3025e75 --- /dev/null +++ b/src/main/webapp/resources/sass/variables/layout/_layout_common.scss @@ -0,0 +1,11 @@ +//general +$fontSize:14px !default; +$fontFamily: 'Open Sans' !default; +$mobileBreakpoint:991px !default; +$borderRadius:5px !default; +$animationDuration:.2s !default; +$animationTimingFunction:cubic-bezier(.05,.74,.2,.99) !default; +$letterSpacing:normal !default; +$transitionDuration:.2s !default; +$tabletBreakpoint:991px !default; +$phoneBreakpoint:576px !default; \ No newline at end of file diff --git a/src/main/webapp/resources/sass/variables/layout/_layout_dark.scss b/src/main/webapp/resources/sass/variables/layout/_layout_dark.scss new file mode 100644 index 0000000..b592b0c --- /dev/null +++ b/src/main/webapp/resources/sass/variables/layout/_layout_dark.scss @@ -0,0 +1,16 @@ +$bodyBgColor:linear-gradient(99deg, #394149 0%, #2F363E 100%)!default; +$textColor:#E5E8EC !default; +$textSecondaryColor:#CDD2DB !default; + +$contentBgColor:#434B54 !default; +$contentAltBgColor:#4E565F !default; +$dividerColor:#4E565F !default; + +$menuTooltipBgColor:#1c202c !default; +$menuTooltipTextColor:#ffffff !default; + +:root{ + --content-alt-bg-color:#{$contentAltBgColor}; +} + +@import './_layout_common.scss'; \ No newline at end of file diff --git a/src/main/webapp/resources/sass/variables/layout/_layout_dim.scss b/src/main/webapp/resources/sass/variables/layout/_layout_dim.scss new file mode 100644 index 0000000..280fcee --- /dev/null +++ b/src/main/webapp/resources/sass/variables/layout/_layout_dim.scss @@ -0,0 +1,16 @@ +$bodyBgColor:linear-gradient(99deg, #344057 0%, #232D40 100%) !default; +$textColor:#CACFDB !default; +$textSecondaryColor:#B1B9C9 !default; + +$contentBgColor:#3C4962 !default; +$contentAltBgColor:#495771 !default; +$dividerColor:#495771 !default; + +$menuTooltipBgColor:#1c202c !default; +$menuTooltipTextColor:#ffffff !default; + +:root{ + --content-alt-bg-color:#{$contentAltBgColor}; +} + +@import './_layout_common.scss'; \ No newline at end of file diff --git a/src/main/webapp/resources/sass/variables/layout/_layout_light.scss b/src/main/webapp/resources/sass/variables/layout/_layout_light.scss new file mode 100644 index 0000000..1726f8f --- /dev/null +++ b/src/main/webapp/resources/sass/variables/layout/_layout_light.scss @@ -0,0 +1,18 @@ +$bodyBgColor:linear-gradient(99deg, #F6F9FE 0%, #E8F1F8 100%) !default; +$textColor:#515C66 !default; +$textSecondaryColor:#657380 !default; + +$contentBgColor:#FDFEFF !default; +$contentAltBgColor:#E8F1F8 !default; +$dividerColor: #E8F1F8 !default; + +$menuTooltipBgColor:#1c202c !default; +$menuTooltipTextColor:#ffffff !default; + +:root{ + --content-alt-bg-color:#{$contentAltBgColor}; +} + +@import './_layout_common.scss'; + + diff --git a/src/main/webapp/resources/sass/variables/theme/_theme_dark.scss b/src/main/webapp/resources/sass/variables/theme/_theme_dark.scss new file mode 100644 index 0000000..3caef51 --- /dev/null +++ b/src/main/webapp/resources/sass/variables/theme/_theme_dark.scss @@ -0,0 +1,805 @@ +$colors: ( + "blue": #2196F3, + "green": #4caf50, + "yellow": #FBC02D, + "cyan": #00BCD4, + "pink": #E91E63, + "indigo": #3F51B5, + "teal": #009688, + "orange": #F57C00, + "bluegray": #607D8B, + "purple": #9C27B0, + "red": #FF4032, + "primary": $primaryColor +) !default; + +//shades +$shade000:#E6E8EB !default; //text color +$shade100:#D0D3D7 !default; //text secondary color +$shade200:#748095 !default; //unused +$shade300:#6A768C !default; //unused +$shade400:#606D83 !default; //unused +$shade500:#57647A !default; //unused +$shade600:#5B646D !default; //input bg, border, divider +$shade700:#394149 !default; //odd table row background +$shade800:#434B54 !default; //elevated surface +$shade900:#2F363E !default; //ground surface + +$hoverBg:rgba(#4E565F,.7) !default; + +//global +$fontSize:1rem !default; +$fontFamily:'Open Sans' !default; +$textColor:$shade000 !default; +$transitionDuration:.2s !default; +$transition:background-color $transitionDuration, color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration !default; +$actionIconTransition:background-color $transitionDuration, color $transitionDuration, box-shadow $transitionDuration, opacity $transitionDuration ease-in-out !default; +$listItemTransition:box-shadow $transitionDuration !default; +$animationDuration:.2s !default; +$animationTimingFunction:cubic-bezier(.05,.74,.2,.99) !default; +$letterSpacing:normal !default; +$borderRadius:3px !default; +$tabletBreakpoint:991px !default; +$phoneBreakpoint:576px !default; +$disabledOpacity:.4 !default; +$maskBg:rgba(0, 0, 0, 0.4) !default; +$inlineSpacing:.5rem !default; +$iconSize:1rem !default; +$errorColor:#ef9a9a !default; + +//highlight +$highlightBg:rgba($primaryColor,.7) !default; +$highlightTextColor:$primaryTextColor !default; + +//action icon +$actionIconWidth:2rem !default; +$actionIconHeight:2rem !default; +$actionIconBg:transparent !default; +$actionIconColor:$shade100 !default; +$actionIconBorder:0 none !default; +$actionIconHoverBg:$hoverBg !default; +$actionIconHoverColor:$shade000 !default; +$actionIconHoverBorderColor:transparent !default; +$actionIconBorderRadius:50% !default; + +//focus +$focusOutlineColor:$primaryLightColor !default; +$focusOutline:0 none !default; +$focusOutlineOffset:0 !default; +$focusShadow:0 0 0 1px $focusOutlineColor !default; + +//input field +$inputPadding:.5rem .5rem !default; +$inputTextFontSize:1rem !default; +$inputBg:$shade900 !default; +$inputTextColor:$shade000 !default; +$inputIconColor:$shade100 !default; +$inputBorder:1px solid $shade600 !default; +$inputHoverBorderColor:$primaryColor !default; +$inputFocusBorderColor:$primaryColor !default; +$inputErrorBorderColor:$errorColor !default; +$inputPlaceholderTextColor:$shade100 !default; +$inputFocusShadow:0 0 0 1px $primaryLightColor !default; +$inputFilledBg:$shade600 !default; +$inputFilledHoverBg:$shade600 !default; +$inputFilledFocusBg:$shade600 !default; + +//groups +$inputGroupBorderColor:$shade600 !default; +$inputGroupBg:$shade800 !default; +$inputGroupTextColor:$shade000 !default; +$inputGroupIconColor:$shade100 !default; +$inputGroupAddonMinWidth:2.357rem !default; + +//input lists +$inputListMinWidth:12rem !default; +$inputListBg:$shade800 !default; +$inputListBorder:$inputBorder !default; +$inputListPadding:.5rem 0 !default; + +$inputListItemPadding:.5rem 1rem !default; +$inputListItemBg:transparent !default; +$inputListItemTextColor:$shade000 !default; +$inputListItemHoverBg:$hoverBg !default; +$inputListItemTextHoverColor:$shade000 !default; +$inputListItemHighlightBg:$highlightBg !default; +$inputListItemHighlightTextColor:$highlightTextColor !default; +$inputListItemBorder:0 none !default; +$inputListItemBorderRadius:0 !default; +$inputListItemMargin:0 !default; +$inputListItemFocusShadow:inset 0 0 0 .15rem $focusOutlineColor !default; +$inputListHeaderPadding:.5rem 1rem !default; +$inputListHeaderBg:$shade800 !default; +$inputListHeaderTextColor:$shade000 !default; +$inputListHeaderBorder:0 none !default; + +//inputs with panels (password, keyboard) +$inputContentPanelPadding:1rem !default; +$inputContentPanelBg:$shade800 !default; +$inputContentPanelTextColor:$shade000 !default; + +//inputs with overlays +$inputOverlayBorder:1px solid $shade600 !default; +$inputOverlayShadow:0 0 10px 0 rgba(0, 0, 0, 0.16) !default; + +//inputs with buttons +$inputButtonWidth:2.357rem !default; + +//button +$buttonTextOnlyPadding:.5rem 1rem !default; +$buttonWithLeftIconPadding:.5rem 1rem .5rem 2rem !default; +$buttonWithRightIconPadding:.5rem 2rem .5rem 1rem !default; +$buttonIconOnlyPadding:.5rem !default; +$buttonIconOnlyWidth:2.357rem !default; + +$buttonBg:$primaryColor !default; +$buttonBorder:1px solid $primaryColor !default; +$buttonTextColor:$primaryTextColor !default; + +$buttonHoverBg:$primaryDarkColor !default; +$buttonHoverBorderColor:$primaryDarkColor !default; +$buttonTextHoverColor:$primaryTextColor !default; + +$buttonActiveBg:$primaryDarkerColor !default; +$buttonActiveBorderColor:$primaryDarkerColor !default; +$buttonTextActiveColor:$primaryTextColor !default; + +$buttonFocusOutline:0 none !default; +$buttonFocusOutlineOffset:0 !default; +$buttonFocusShadow:0 0 0 1px $primaryLightColor !default; +$raisedButtonShadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !default; +$roundedButtonBorderRadius:2rem !default; + +$textButtonHoverBgOpacity:.04 !default; +$textButtonActiveBgOpacity:.16 !default; +$outlinedButtonBorder:1px solid !default; +$plainButtonTextColor:$shade100 !default; +$plainButtonHoverBgColor:$hoverBg !default; +$plainButtonActiveBgColor:rgba(255,255,255,.16) !default; + +//button severities +$secondaryButtonBg:#78909C !default; +$secondaryButtonTextColor:#ffffff !default; +$secondaryButtonBorder:1px solid $secondaryButtonBg !default; +$secondaryButtonHoverBg:scale-color($secondaryButtonBg, $lightness: -10%) !default; +$secondaryButtonTextHoverColor:$secondaryButtonTextColor !default; +$secondaryButtonHoverBorderColor:scale-color($secondaryButtonBg, $lightness: -10%) !default; +$secondaryButtonActiveBg:scale-color($secondaryButtonBg, $lightness: -20%) !default; +$secondaryButtonTextActiveColor:$secondaryButtonTextColor !default; +$secondaryButtonActiveBorderColor:scale-color($secondaryButtonBg, $lightness: -20%) !default; +$secondaryButtonFocusShadow:0 0 0 1px scale-color($secondaryButtonBg, $lightness: 30%) !default; + +$infoButtonBg:#81D4FA !default; +$infoButtonTextColor:#121212 !default; +$infoButtonBorder:1px solid $infoButtonBg !default; +$infoButtonHoverBg:scale-color($infoButtonBg, $lightness: -10%) !default; +$infoButtonTextHoverColor:$infoButtonTextColor !default; +$infoButtonHoverBorderColor:scale-color($infoButtonBg, $lightness: -10%) !default; +$infoButtonActiveBg:scale-color($infoButtonBg, $lightness: -20%) !default; +$infoButtonTextActiveColor:$infoButtonTextColor !default; +$infoButtonActiveBorderColor:scale-color($infoButtonBg, $lightness: -20%) !default; +$infoButtonFocusShadow:0 0 0 1px scale-color($infoButtonBg, $lightness: 30%) !default; + +$successButtonBg:#C5E1A5 !default; +$successButtonTextColor:#121212 !default; +$successButtonBorder:1px solid $successButtonBg !default; +$successButtonHoverBg:scale-color($successButtonBg, $lightness: -10%) !default; +$successButtonTextHoverColor:$successButtonTextColor !default; +$successButtonHoverBorderColor:scale-color($successButtonBg, $lightness: -10%) !default; +$successButtonActiveBg:scale-color($successButtonBg, $lightness: -20%) !default; +$successButtonTextActiveColor:$successButtonTextColor !default; +$successButtonActiveBorderColor:scale-color($successButtonBg, $lightness: -20%) !default; +$successButtonFocusShadow:0 0 0 1px scale-color($successButtonBg, $lightness: 30%) !default; + +$warningButtonBg:#FFE082 !default; +$warningButtonTextColor:#121212 !default; +$warningButtonBorder:1px solid $warningButtonBg !default; +$warningButtonHoverBg:scale-color($warningButtonBg, $lightness: -10%) !default; +$warningButtonTextHoverColor:$warningButtonTextColor !default; +$warningButtonHoverBorderColor:scale-color($warningButtonBg, $lightness: -10%) !default; +$warningButtonActiveBg:scale-color($warningButtonBg, $lightness: -20%) !default; +$warningButtonTextActiveColor:$warningButtonTextColor !default; +$warningButtonActiveBorderColor:scale-color($warningButtonBg, $lightness: -20%) !default; +$warningButtonFocusShadow:0 0 0 1px scale-color($warningButtonBg, $lightness: 30%) !default; + +$helpButtonBg:#CE93D8 !default; +$helpButtonTextColor:#121212 !default; +$helpButtonBorder:1px solid $helpButtonBg !default; +$helpButtonHoverBg:scale-color($helpButtonBg, $lightness: -10%) !default; +$helpButtonTextHoverColor:$helpButtonTextColor !default; +$helpButtonHoverBorderColor:scale-color($helpButtonBg, $lightness: -10%) !default; +$helpButtonActiveBg:scale-color($helpButtonBg, $lightness: -20%) !default; +$helpButtonTextActiveColor:$helpButtonTextColor !default; +$helpButtonActiveBorderColor:scale-color($helpButtonBg, $lightness: -20%) !default; +$helpButtonFocusShadow:0 0 0 1px scale-color($helpButtonBg, $lightness: 30%) !default; + +$dangerButtonBg:#F48FB1 !default; +$dangerButtonTextColor:#121212 !default; +$dangerButtonBorder:1px solid $dangerButtonBg !default; +$dangerButtonHoverBg:scale-color($dangerButtonBg, $lightness: -10%) !default; +$dangerButtonTextHoverColor:$dangerButtonTextColor !default; +$dangerButtonHoverBorderColor:scale-color($dangerButtonBg, $lightness: -10%) !default; +$dangerButtonActiveBg:scale-color($dangerButtonBg, $lightness: -20%) !default; +$dangerButtonTextActiveColor:$dangerButtonTextColor !default; +$dangerButtonActiveBorderColor:scale-color($dangerButtonBg, $lightness: -20%) !default; +$dangerButtonFocusShadow:0 0 0 1px scale-color($dangerButtonBg, $lightness: 30%) !default; + +//checkbox +$checkboxBorderWidth:2px !default; +$checkboxWidth:1.5rem !default; +$checkboxHeight:1.5rem !default; +$checkboxActiveBorderColor:$primaryColor !default; +$checkboxActiveBg:$primaryColor !default; +$checkboxActiveHoverBg:$primaryDarkColor !default; +$checkboxTextActiveColor:$primaryTextColor !default; +$checkboxFocusShadow:0 0 0 2px $primaryLightColor !default; + +//radiobutton +$radiobuttonBorderWidth:2px !default; +$radiobuttonWidth:20px !default; +$radiobuttonHeight:20px !default; +$radiobuttonIconSize:12px !default; +$radiobuttonActiveBorderColor:$primaryColor !default; +$radiobuttonActiveBg:$primaryColor !default; +$radiobuttonActiveHoverBg:$primaryDarkColor !default; +$radiobuttonTextActiveColor:$primaryTextColor !default; +$radiobuttonFocusShadow:0 0 0 2px $primaryLightColor !default; + +//togglebutton +$toggleButtonBg:$shade800 !default; +$toggleButtonBorder:1px solid $shade600 !default; +$toggleButtonTextColor:$shade000 !default; +$toggleButtonIconColor:$shade100 !default; +$toggleButtonHoverBg:$hoverBg !default; +$toggleButtonHoverBorderColor:$shade600 !default; +$toggleButtonTextHoverColor:$shade000 !default; +$toggleButtonHoverIconColor:$shade100 !default; +$toggleButtonActiveBg:$primaryColor !default; +$toggleButtonActiveBorderColor:$primaryColor !default; +$toggleButtonTextActiveColor:$primaryTextColor !default; +$toggleButtonActiveIconColor:$primaryTextColor !default; +$toggleButtonActiveHoverBg:$primaryDarkColor !default; +$toggleButtonActiveHoverBorderColor:$primaryDarkColor !default; +$toggleButtonActiveTextHoverColor:$primaryTextColor !default; +$toggleButtonActiveHoverIconColor:$primaryTextColor !default; + +//inplace +$inplacePadding:$inputPadding !default; +$inplaceHoverBg:$hoverBg !default; +$inplaceTextHoverColor:$shade000 !default; + +//rating +$ratingCancelIconColor:#F48FB1 !default; +$ratingCancelHoverIconColor:#F48FB1 !default; +$ratingIconWidth:1.25rem !default; +$ratingIconHeight:1.25rem !default; +$ratingIconFontSize:1.25rem !default; +$ratingStarIconColor:$shade000 !default; +$ratingStarIconHoverColor:$primaryDarkColor !default; +$ratingStarActiveIconColor:$primaryColor !default; + +//slider +$sliderBg:$shade600 !default; +$sliderHeight:.286rem !default; +$sliderWidth:.286rem !default; +$sliderHandleWidth:1.143rem !default; +$sliderHandleHeight:1.143rem !default; +$sliderHandleBg:$shade600 !default; +$sliderHandleBorder:2px solid $primaryColor !default; +$sliderHandleBorderRadius:50% !default; +$sliderHandleHoverBorderColor:$primaryColor !default; +$sliderHandleHoverBg:$primaryColor !default; +$sliderRangeBg:$primaryColor !default; + +//calendar +$calendarPadding:.5rem !default; +$calendarTitlePadding:1rem !default; +$calendarTitleBg:$shade800 !default; +$calendarTitleTextColor:$shade000 !default; +$calendarTitleBorder:solid $shade600 !default; +$calendarTitleBorderWidth:0 0 1px 0 !default; +$calendarTableMargin:.5rem 0 !default; +$calendarCellPadding:.5rem !default; +$calendarCellDateTextColor:$shade000 !default; +$calendarCellDateWidth:2.5rem !default; +$calendarCellDateHeight:2.5rem !default; +$calendarCellDateBorder:0 none !default; +$calendarCellDateHoverBg:$hoverBg !default; +$calendarCellDateHoverBorderColor:transparent !default; +$calendarCellDateBorderRadius:50% !default; +$calendarCellDateSelectedBg:$highlightBg !default; +$calendarCellDateSelectedTextColor:$highlightTextColor !default; +$calendarCellDateSelectedBorder:0 none !default; +$calendarCellDateTodayBg:transparent !default; +$calendarCellDateTodayTextColor:$primaryColor !default; +$calendarCellDateTodayBorder:0 none !default; + +$calendarButtonBarPadding:1rem 0 !default; +$calendarTimePickerMargin:.857em 0 !default; +$calendarTimePickerLabelPadding:0 !default; +$calendarTimePickerInputPadding:.5em 0 !default; +$calendarTimePickerInputMargin:0 .714em .714em 40% !default; + +//keyboard +$keyboardButtonPadding:.5rem !default; +$keyboardButtonMargin:2px !default; +$keyboardButtonBorder:1px solid $shade600 !default; +$keyboardButtonBg:$shade800 !default; +$keyboardButtonTextColor:$shade100 !default; +$keyboardButtonHoverBorderColor:$shade600 !default; +$keyboardButtonHoverBg:$hoverBg !default; +$keyboardButtonTextHoverColor:$shade000 !default; +$keyboardButtonActiveBorderColor:$shade600 !default; +$keyboardButtonActiveBg:$shade900 !default; +$keyboardButtonTextActiveColor:$shade000 !default; + +//switch +$inputSwitchOffBg:$shade600 !default; +$inputSwitchHandleOffBg:$shade800 !default; +$inputSwitchHandleOffBorder:2px solid $shade600 !default; +$inputSwitchOnBg:$primaryColor !default; +$inputSwitchHandleOnBg:$shade000 !default; +$inputSwitchHandleOnBorderColor:$primaryDarkerColor !default; +$inputSwitchHandleBorderRadius:50% !default; +$inputSwitchHandleShadow:0 none !default; +$inputSwitchBorderRadius:30px !default; + +//panel common +$panelHeaderBorder:1px solid $shade600 !default; +$panelHeaderBg:$shade800 !default; +$panelHeaderTextColor:$shade000 !default; +$panelHeaderFontWeight:700 !default; +$panelHeaderPadding:1rem !default; +$panelContentBorder:1px solid $shade600 !default; +$panelContentBg:$shade800 !default; +$panelContentTextColor:$shade000 !default; +$panelContentPadding:1rem !default; +$panelFooterBorder:1px solid $shade600 !default; +$panelFooterBg:$shade800 !default; +$panelFooterTextColor:$shade000 !default; +$panelFooterPadding:1rem !default; + +$panelHeaderHoverBg:$hoverBg !default; +$panelHeaderHoverBorderColor:$shade600 !default; +$panelHeaderTextHoverColor:$shade000 !default; +$panelHeaderHoverIconColor:$shade000 !default; + +//accordion +$accordionSpacing:0 !default; +$accordionHeaderBorder:$panelHeaderBorder !default; +$accordionHeaderBg:$panelHeaderBg !default; +$accordionHeaderTextColor:$panelHeaderTextColor !default; +$accordionHeaderFontWeight:$panelHeaderFontWeight !default; +$accordionHeaderPadding:$panelHeaderPadding !default; + +$accordionHeaderHoverBg:$hoverBg !default; +$accordionHeaderHoverBorderColor:$shade600 !default; +$accordionHeaderTextHoverColor:$shade000 !default; + +$accordionHeaderActiveBg:$panelHeaderBg !default; +$accordionHeaderActiveBorderColor:$shade600 !default; +$accordionHeaderTextActiveColor:$shade000 !default; + +$accordionHeaderActiveHoverBg:$hoverBg !default; +$accordionHeaderActiveHoverBorderColor:$shade600 !default; +$accordionHeaderActiveTextHoverColor:$shade000 !default; + +$accordionContentBorder:$panelContentBorder !default; +$accordionContentBg:$panelContentBg !default; +$accordionContentTextColor:$panelContentTextColor !default; +$accordionContentPadding:$panelContentPadding !default; + +//tabview +$tabsHeaderSpacing:.286rem !default; +$tabsNavBorderWidth:2px !default; +$tabsNavBorder:$tabsNavBorderWidth solid $shade600 !default; +$tabsNavBg:$shade800 !default; + +$tabsHeaderBg:$shade800 !default; +$tabsHeaderTextColor:$shade100 !default; +$tabsHeaderFontWeight:700 !default; +$tabsHeaderPadding:$panelHeaderPadding !default; + +$tabsHeaderHoverBg:$shade800 !default; +$tabsHeaderHoverBorderColor:$primaryColor !default; +$tabsHeaderTextHoverColor:$shade000 !default; + +$tabsHeaderActiveBg:$shade800 !default; +$tabsHeaderActiveBorderColor:$primaryColor !default; +$tabsHeaderTextActiveColor:$primaryColor !default; + +$tabsContentBorder:0 none !default; +$tabsContentBg:$shade800 !default; +$tabsContentTextColor:$shade000 !default; +$tabsContentPadding:$panelContentPadding !default; + +//action icon +$tabsScrollerButtonBg:$shade800 !default; +$tabsScrollerButtonIconColor:$shade100 !default; +$tabsScrollerButtonHoverBg:$hoverBg !default; +$tabsScrollerButtonIconHoverColor:$shade000 !default; + +//scrollpanel +$scrollPanelHandleBg:$shade900 !default; +$scrollPanelTrackBorder:0 none !default; +$scrollPanelTrackBg:$shade600 !default; + +//paginator +$paginatorBg:$shade800 !default; +$paginatorBorder:solid $shade600 !default; +$paginatorBorderWidth:1px !default; +$paginatorIconColor:$shade100 !default; +$paginatorPadding:1rem !default; +$paginatorElementWidth:2.286em !default; +$paginatorElementHeight:2.286em !default; +$paginatorElementHoverBg:$hoverBg !default; +$paginatorElementHoverIconColor:$shade000 !default; +$paginatorElementMargin:0 .125em !default; +$paginatorElementBorder:1px solid transparent !default; +$paginatorElementHoverBorderColor:transparent !default; +$paginatorElementBorderRadius:$borderRadius !default; + +//datatable +$datatableHeaderBorder:1px solid $shade600 !default; +$datatableHeaderBorderWidth:0 0 1px 0 !default; +$datatableHeaderBg:$shade800 !default; +$datatableHeaderTextColor:$shade100 !default; +$datatableHeaderFontWeight:600 !default; +$datatableHeaderPadding:1rem 1rem !default; + +$datatableHeaderBorderWidth:0 0 1px 0 !default; +$datatableHeaderCellPadding:1rem 1rem !default; +$datatableHeaderCellBg:$shade800 !default; +$datatableHeaderCellTextColor:$shade000 !default; +$datatableHeaderCellFontWeight:700 !default; +$datatableHeaderCellBorder:1px solid $shade600 !default; +$datatableHeaderCellBorderWidth:0 0 1px 0 !default; +$datatableHeaderCellHoverBg:$hoverBg !default; +$datatableHeaderCellTextHoverColor:$shade000 !default; +$datatableHeaderCellHighlightBg:$shade800 !default; +$datatableHeaderCellHighlightTextColor:$primaryColor !default; +$datatableHeaderCellHighlightHoverBg:$hoverBg !default; +$datatableHeaderCellHighlightTextHoverColor:$primaryColor !default; +$datatableSortableColumnBadgeSize:1.143rem !default; +$datatableBodyRowBg:$shade800 !default; +$datatableBodyRowTextColor:$shade000 !default; +$datatableBodyRowBorder:1px solid $shade600 !default; +$datatableBodyRowOddBg:$shade700 !default; +$datatableBodyRowHoverBg:$hoverBg !default; +$datatableBodyRowTextHoverColor:$shade000 !default; +$datatableBodyCellPadding:1rem 1rem !default; +$datatableBodyCellBorderWidth:0 0 1px 0 !default; +$datatableFooterBorderWidth:0 0 1px 0 !default; +$datatableFooterCellPadding:1rem 1rem !default; +$datatableFooterCellBg:$shade800 !default; +$datatableFooterCellTextColor:$shade000 !default; +$datatableFooterCellFontWeight:700 !default; +$datatableFooterCellBorder:1px solid $shade600 !default; +$datatableFooterCellBorderWidth:0 0 1px 0 !default; +$datatableResizerHelperBg:$primaryColor !default; + +$datatableFooterBorder:1px solid $shade600 !default; +$datatableFooterBorderWidth:0 0 1px 0 !default; +$datatableFooterBg:$shade800 !default; +$datatableFooterTextColor:$shade000 !default; +$datatableFooterFontWeight:600 !default; +$datatableFooterPadding:1rem 1rem !default; + +$datatableTopPaginatorBorderWidth:1px 0 1px 0 !default; +$datatableBottomPaginatorBorderWidth:0 0 1px 0 !default; + +$datatableScaleSm:0.5 !default; +$datatableScaleLg:1.25 !default; + +//dataview +$dataViewContentPadding:0 !default; +$dataViewContentBorder:0 none !default; +$dataViewListItemBorder:solid $shade600 !default; +$dataViewListItemBorderWidth:0 0 1px 0 !default; + +//orderlist, picklist +$orderListDropPlaceholderBg:scale-color($highlightBg, $lightness: -20%) !default; +$pickListDropPlaceholderBg:scale-color($highlightBg, $lightness: -20%) !default; + +//schedule +$scheduleCellBorderColor: $shade600 !default; +$scheduleTodayBg:$highlightBg !default; +$scheduleEventBg:$primaryDarkColor !default; +$scheduleEventBorder:1px solid $primaryDarkColor !default; +$scheduleEventTextColor:$primaryTextColor !default; + +//tree +$treeNodePadding:.143em 0 !default; +$treeNodeLabelPadding:.286em !default; + +//messages +$messagesMargin:1rem 0 !default; +$messagesPadding:1.5rem !default; +$messagesIconFontSize:1.5rem !default; +$messagesBorderWidth:0 0 0 6px !default; +$messagesFontWeight:600 !default; +$infoMessageBg:#9BF2F7 !default; +$infoMessageBorder:1px solid #2B7AA4 !default; +$infoMessageTextColor:#2B7AA4 !default; +$infoMessageIconColor:#2B7AA4 !default; +$warnMessageBg:#F8D895 !default; +$warnMessageBorder:1px solid #A76927 !default; +$warnMessageTextColor:#A76927 !default; +$warnMessageIconColor:#A76927 !default; +$errorMessageBg:#FABD9A !default; +$errorMessageBorder:1px solid #AD342B !default; +$errorMessageTextColor:#AD342B !default; +$errorMessageIconColor:#AD342B !default; +$growlIconFontSize:2rem !default; +$growlMargin:0 0 1rem 0 !default; +$growlPadding:1rem !default; +$messageBorderWidth:0 0 0 3px !default; + +//overlays +$overlayContentBorder:1px solid $shade600 !default; +$overlayContainerShadow:0 0 10px 0 rgba(0, 0, 0, 0.16) !default; + +//dialog +$dialogHeaderBorder:0 none !default; +$dialogHeaderBg:$shade800 !default; +$dialogHeaderTextColor:$shade000 !default; +$dialogHeaderFontWeight:700 !default; +$dialogHeaderFontSize:1.25rem !default; +$dialogHeaderPadding:1.5rem !default; +$dialogContentBorder:0 none !default; +$dialogContentBg:$shade800 !default; +$dialogContentTextColor:$shade000 !default; +$dialogContentPadding:0 1.5rem 2rem 1.5rem !default; +$dialogFooterBorder:0 none !default; +$dialogFooterBg:$shade800 !default; +$dialogFooterTextColor:$shade000 !default; +$dialogFooterPadding:0 1.5rem 1.5rem 1.5rem !default; + +$confirmDialogContentPadding:0 1.5rem 2rem 1.5rem !default; +$confirmDialogIconFontSize:2.5rem !default; + +//overlay panel +$overlayPanelCloseIconBg:$primaryColor !default; +$overlayPanelCloseIconColor:$primaryTextColor !default; +$overlayPanelCloseIconHoverBg:$primaryDarkColor !default; +$overlayPanelCloseIconHoverColor:$primaryTextColor !default; + +//tooltip +$tooltipBg:$shade600 !default; +$tooltipTextColor:$shade000 !default; + +//steps +$stepsItemTextColor:$shade000 !default; +$stepsItemNumberBorder:1px solid $shade600 !default; +$stepsItemNumberColor:$shade000 !default; +$stepsItemNumberBg:$shade800 !default; +$stepsItemNumberFontSize:1.143rem !default; +$stepsItemNumberWidth:2rem !default; +$stepsItemNumberHeight:2rem !default; +$stepsItemNumberBorderRadius:50% !default; + +//progressbar +$progressBarHeight:1rem !default; +$progressBarBorder:0 none !default; +$progressBarBg:$shade600 !default; +$progressBarValueBg:$primaryColor !default; + +//menu +$verticalMenuPadding:.25rem 0 !default; +$menuBg:$shade800 !default; +$menuBorder:1px solid $shade600 !default; +$menuitemTextColor:$shade000 !default; +$menuitemIconColor:$shade100 !default; +$menuitemHoverBg:$hoverBg !default; +$menuitemTextHoverColor:$shade000 !default; +$menuitemHoverIconColor:$shade000 !default; +$menuitemPadding:.75rem 1rem !default; +$menuitemMargin:0 !default; +$menuitemBorderRadius:0 !default; +$menuSeparatorMargin:.25rem 0 !default; + +$breadcrumbPadding:1rem !default; +$breadcrumbBg:$menuBg !default; +$breadcrumbBorder:$menuBorder !default; +$breadcrumbItemTextColor:$menuitemTextColor !default; +$breadcrumbItemIconColor:$menuitemIconColor !default; +$breadcrumbLastItemTextColor:$menuitemTextColor !default; +$breadcrumbLastItemIconColor:$menuitemIconColor !default; +$breadcrumbSeparatorColor:$menuitemTextColor !default; + +$submenuHeaderMargin:0 !default; +$submenuHeaderPadding:.75rem 1rem !default; +$submenuHeaderBg:$shade800 !default; +$submenuHeaderBorder:0 none !default; +$submenuHeaderTextColor:$shade000 !default; +$submenuHeaderFontWeight:700 !default; +$submenuHeaderFontSize:1rem !default; + +$horizontalMenuPadding:.5rem !default; +$horizontalMenuBg:$shade800 !default; + +$overlayMenuShadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12) !default; + +//upload +$fileItemPadding:1rem !default; + +//badge and tag +$badgeBg:$primaryColor !default; +$badgeTextColor:$primaryTextColor !default; +$badgeMinWidth:1.5rem !default; +$badgeHeight:1.5rem !default; +$badgeFontWeight:700 !default; +$badgeFontSize:.75rem !default; + +$tagPadding:.25rem .4rem !default; + +//card +$cardBodyPadding:1rem !default; +$cardTitleFontSize:1.5rem !default; +$cardTitleFontWeight:700 !default; +$cardSubTitleFontWeight:700 !default; +$cardSubTitleColor:$shade100 !default; +$cardContentPadding:1rem 0 !default; +$cardFooterPadding:1rem 0 0 0 !default; +$cardShadow:0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12) !default; + +//divider +$dividerHorizontalMargin:1rem 0 !default; +$dividerHorizontalPadding:0 1rem !default; +$dividerVerticalMargin:0 1rem !default; +$dividerVerticalPadding:1rem 0 !default; +$dividerSize:1px !default; +$dividerColor:$shade600 !default; + +//avatar +$avatarBg:$shade600 !default; +$avatarTextColor:$textColor !default; + +//chip +$chipBg:$shade600 !default; +$chipTextColor:$textColor !default; +$chipBorderRadius: 16px !default; + +//scrollTop +$scrollTopBg:$highlightBg !default; +$scrollTopHoverBg:scale-color($highlightBg, $alpha: 24%) !default; +$scrollTopWidth:3rem !default; +$scrollTopHeight:3rem !default; +$scrollTopBorderRadius:50% !default; +$scrollTopFontSize:1.5rem !default; +$scrollTopTextColor:$highlightTextColor !default; + +//skeleton +$skeletonBg:rgba(255,255,255,.06) !default; +$skeletonAnimationBg:rgba(255,255,255,.04) !default; + +//splitter +$splitterGutterBg:rgba(255,255,255,.03) !default; +$splitterGutterHandleBg:$shade600 !default; + +//chronoline +$chronolineVerticalEventContentPadding:0 1rem !default; +$chronolineHorizontalEventContentPadding:1rem 0 !default; +$chronolineEventMarkerWidth:1rem !default; +$chronolineEventMarkerHeight:1rem !default; +$chronolineEventMarkerBorderRadius:50% !default; +$chronolineEventMarkerBorder:2px solid $primaryColor !default; +$chronolineEventMarkerBackground:$shade800 !default; +$chronolineEventConnectorSize:2px !default; +$chronolineEventColor:$shade600 !default; + +//confirmpopup +$confirmPopupContentPadding:$panelContentPadding !default; +$confirmPopupFooterPadding:0 1rem 1rem 1rem !default; + +//speeddial +$speedDialButtonWidth: 4rem !default; +$speedDialButtonHeight: 4rem !default; +$speedDialButtonIconFontSize: 1.3rem !default; +$speedDialActionWidth: 3rem !default; +$speedDialActionHeight: 3rem !default; +$speedDialActionBg: $shade000 !default; +$speedDialActionHoverBg: $shade100 !default; +$speedDialActionTextColor: $shade900 !default; +$speedDialActionTextHoverColor: $shade900 !default; + +//carousel +$carouselIndicatorsPadding:1rem !default; +$carouselIndicatorBg:$shade600 !default; +$carouselIndicatorHoverBg:$hoverBg !default; +$carouselIndicatorBorderRadius:0 !default; +$carouselIndicatorWidth:2rem !default; +$carouselIndicatorHeight:.5rem !default; + +//galleria +$galleriaMaskBg:rgba(0,0,0,0.9) !default; +$galleriaCloseIconMargin:.5rem !default; +$galleriaCloseIconFontSize:2rem !default; +$galleriaCloseIconBg:transparent !default; +$galleriaCloseIconColor:#f8f9fa !default; +$galleriaCloseIconHoverBg:rgba(255,255,255,0.1) !default; +$galleriaCloseIconHoverColor:#f8f9fa !default; +$galleriaCloseIconWidth:4rem !default; +$galleriaCloseIconHeight:4rem !default; +$galleriaCloseIconBorderRadius:50% !default; + +$galleriaItemNavigatorBg:transparent !default; +$galleriaItemNavigatorColor:#f8f9fa !default; +$galleriaItemNavigatorMargin:0 .5rem !default; +$galleriaItemNavigatorFontSize:2rem !default; +$galleriaItemNavigatorHoverBg:rgba(255,255,255,0.1) !default; +$galleriaItemNavigatorHoverColor:#f8f9fa !default; +$galleriaItemNavigatorWidth:4rem !default; +$galleriaItemNavigatorHeight:4rem !default; +$galleriaItemNavigatorBorderRadius:$borderRadius !default; + +$galleriaCaptionBg:rgba(0,0,0,.5) !default; +$galleriaCaptionTextColor:#f8f9fa !default; +$galleriaCaptionPadding:1rem !default; + +$galleriaIndicatorsPadding:1rem !default; +$galleriaIndicatorBg:$shade600 !default; +$galleriaIndicatorHoverBg:rgba(255,255,255,0.1) !default; +$galleriaIndicatorBorderRadius:50% !default; +$galleriaIndicatorWidth:1rem !default; +$galleriaIndicatorHeight:1rem !default; +$galleriaIndicatorsBgOnItem:rgba(0,0,0,.5) !default; +$galleriaIndicatorBgOnItem:rgba(255,255,255,.4) !default; +$galleriaIndicatorHoverBgOnItem:rgba(255,255,255,.6) !default; + +$galleriaThumbnailContainerBg:rgba(0,0,0,.9) !default; +$galleriaThumbnailContainerPadding:.8rem .25rem !default; +$galleriaThumbnailContentMargin:.2rem !default; +$galleriaThumbnailNavigatorBg:transparent !default; +$galleriaThumbnailNavigatorColor:#f8f9fa !default; +$galleriaThumbnailNavigatorHoverBg:rgba(255,255,255,0.1) !default; +$galleriaThumbnailNavigatorHoverColor:#f8f9fa !default; +$galleriaThumbnailNavigatorBorderRadius:50% !default; +$galleriaThumbnailNavigatorWidth:2rem !default; +$galleriaThumbnailNavigatorHeight:2rem !default; + +:root { + --surface-a:#{$shade800}; + --surface-b:#{$shade900}; + --surface-c:#{$hoverBg}; + --surface-d:#{$shade600}; + --surface-e:#{$shade800}; + --surface-f:#{$shade800}; + --text-color:#{$shade000}; + --text-color-secondary:#{$shade100}; + --primary-color:#{$primaryColor}; + --primary-color-text:#{$primaryTextColor}; + --font-family:#{$fontFamily}; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50:#e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding:#{$panelContentPadding}; + --inline-spacing:#{$inlineSpacing}; + --border-radius:#{$borderRadius}; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#1e1e1e; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); + --maskbg: #{$maskBg}; + --focus-ring: #{$focusShadow}; + } \ No newline at end of file diff --git a/src/main/webapp/resources/sass/variables/theme/_theme_dim.scss b/src/main/webapp/resources/sass/variables/theme/_theme_dim.scss new file mode 100644 index 0000000..d6994eb --- /dev/null +++ b/src/main/webapp/resources/sass/variables/theme/_theme_dim.scss @@ -0,0 +1,804 @@ +$colors: ( + "blue": #2196F3, + "green": #4caf50, + "yellow": #FBC02D, + "cyan": #00BCD4, + "pink": #E91E63, + "indigo": #3F51B5, + "teal": #009688, + "orange": #F57C00, + "bluegray": #607D8B, + "purple": #9C27B0, + "red": #FF4032, + "primary": $primaryColor +) !default; + +//shades +$shade000:#E5E8EC !default; //text color +$shade100:#CDD2DB !default; //text secondary color +$shade200:#748095 !default; //unused +$shade300:#6A768C !default; //unused +$shade400:#606D83 !default; //unused +$shade500:#57647A !default; //unused +$shade600:#65738D !default; //input bg, border, divider +$shade700:#344057 !default; //odd table row background +$shade800:#3C4962 !default; //elevated surface +$shade900:#2B364C !default; //ground surface + +$hoverBg: rgba(#495771,.7) !default; + +//global +$fontSize:1rem !default; +$fontFamily:'Open Sans' !default; +$textColor:$shade000 !default; +$transitionDuration:.2s !default; +$transition:background-color $transitionDuration, color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration !default; +$actionIconTransition:background-color $transitionDuration, color $transitionDuration, box-shadow $transitionDuration, opacity $transitionDuration ease-in-out !default; +$listItemTransition:box-shadow $transitionDuration !default; +$animationDuration:.2s !default; +$animationTimingFunction:cubic-bezier(.05,.74,.2,.99) !default; +$letterSpacing:normal !default; +$borderRadius:3px !default; +$tabletBreakpoint:991px !default; +$phoneBreakpoint:576px !default; +$disabledOpacity:.4 !default; +$maskBg:rgba(0, 0, 0, 0.4) !default; +$inlineSpacing:.5rem !default; +$iconSize:1rem !default; +$errorColor:#ef9a9a !default; + +//highlight +$highlightBg:rgba($primaryColor,.7) !default; +$highlightTextColor:$primaryTextColor !default; + +//action icon +$actionIconWidth:2rem !default; +$actionIconHeight:2rem !default; +$actionIconBg:transparent !default; +$actionIconColor:$shade100 !default; +$actionIconBorder:0 none !default; +$actionIconHoverBg:$hoverBg !default; +$actionIconHoverColor:$shade000 !default; +$actionIconHoverBorderColor:transparent !default; +$actionIconBorderRadius:50% !default; + +//focus +$focusOutlineColor:$primaryLightColor !default; +$focusOutline:0 none !default; +$focusOutlineOffset:0 !default; +$focusShadow:0 0 0 1px $focusOutlineColor !default; + +//input field +$inputPadding:.5rem .5rem !default; +$inputTextFontSize:1rem !default; +$inputBg:$shade900 !default; +$inputTextColor:$shade000 !default; +$inputIconColor:$shade100 !default; +$inputBorder:1px solid $shade600 !default; +$inputHoverBorderColor:$primaryColor !default; +$inputFocusBorderColor:$primaryColor !default; +$inputErrorBorderColor:$errorColor !default; +$inputPlaceholderTextColor:$shade100 !default; +$inputFocusShadow:0 0 0 1px $primaryLightColor !default; +$inputFilledBg:$shade600 !default; +$inputFilledHoverBg:$shade600 !default; +$inputFilledFocusBg:$shade600 !default; + +//groups +$inputGroupBorderColor:$shade600 !default; +$inputGroupBg:$shade800 !default; +$inputGroupTextColor:$shade000 !default; +$inputGroupIconColor:$shade100 !default; +$inputGroupAddonMinWidth:2.357rem !default; + +//input lists +$inputListMinWidth:12rem !default; +$inputListBg:$shade800 !default; +$inputListBorder:$inputBorder !default; +$inputListPadding:.5rem 0 !default; + +$inputListItemPadding:.5rem 1rem !default; +$inputListItemBg:transparent !default; +$inputListItemTextColor:$shade000 !default; +$inputListItemHoverBg:$hoverBg !default; +$inputListItemTextHoverColor:$shade000 !default; +$inputListItemHighlightBg:$highlightBg !default; +$inputListItemHighlightTextColor:$highlightTextColor !default; +$inputListItemBorder:0 none !default; +$inputListItemBorderRadius:0 !default; +$inputListItemMargin:0 !default; +$inputListItemFocusShadow:inset 0 0 0 .15rem $focusOutlineColor !default; +$inputListHeaderPadding:.5rem 1rem !default; +$inputListHeaderBg:$shade800 !default; +$inputListHeaderTextColor:$shade000 !default; +$inputListHeaderBorder:0 none !default; + +//inputs with panels (password, keyboard) +$inputContentPanelPadding:1rem !default; +$inputContentPanelBg:$shade800 !default; +$inputContentPanelTextColor:$shade000 !default; + +//inputs with overlays +$inputOverlayBorder:1px solid $shade600 !default; +$inputOverlayShadow:0 0 10px 0 rgba(0, 0, 0, 0.16) !default; + +//inputs with buttons +$inputButtonWidth:2.357rem !default; + +//button +$buttonTextOnlyPadding:.5rem 1rem !default; +$buttonWithLeftIconPadding:.5rem 1rem .5rem 2rem !default; +$buttonWithRightIconPadding:.5rem 2rem .5rem 1rem !default; +$buttonIconOnlyPadding:.5rem !default; +$buttonIconOnlyWidth:2.357rem !default; + +$buttonBg:$primaryColor !default; +$buttonBorder:1px solid $primaryColor !default; +$buttonTextColor:$primaryTextColor !default; + +$buttonHoverBg:$primaryDarkColor !default; +$buttonHoverBorderColor:$primaryDarkColor !default; +$buttonTextHoverColor:$primaryTextColor !default; + +$buttonActiveBg:$primaryDarkerColor !default; +$buttonActiveBorderColor:$primaryDarkerColor !default; +$buttonTextActiveColor:$primaryTextColor !default; + +$buttonFocusOutline:0 none !default; +$buttonFocusOutlineOffset:0 !default; +$buttonFocusShadow:0 0 0 1px $primaryLightColor !default; +$raisedButtonShadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !default; +$roundedButtonBorderRadius:2rem !default; + +$textButtonHoverBgOpacity:.04 !default; +$textButtonActiveBgOpacity:.16 !default; +$outlinedButtonBorder:1px solid !default; +$plainButtonTextColor:$shade100 !default; +$plainButtonHoverBgColor:$hoverBg !default; +$plainButtonActiveBgColor:rgba(255,255,255,.16) !default; + +//button severities +$secondaryButtonBg:#78909C !default; +$secondaryButtonTextColor:#ffffff !default; +$secondaryButtonBorder:1px solid $secondaryButtonBg !default; +$secondaryButtonHoverBg:scale-color($secondaryButtonBg, $lightness: -10%) !default; +$secondaryButtonTextHoverColor:$secondaryButtonTextColor !default; +$secondaryButtonHoverBorderColor:scale-color($secondaryButtonBg, $lightness: -10%) !default; +$secondaryButtonActiveBg:scale-color($secondaryButtonBg, $lightness: -20%) !default; +$secondaryButtonTextActiveColor:$secondaryButtonTextColor !default; +$secondaryButtonActiveBorderColor:scale-color($secondaryButtonBg, $lightness: -20%) !default; +$secondaryButtonFocusShadow:0 0 0 1px scale-color($secondaryButtonBg, $lightness: 30%) !default; + +$infoButtonBg:#81D4FA !default; +$infoButtonTextColor:#121212 !default; +$infoButtonBorder:1px solid $infoButtonBg !default; +$infoButtonHoverBg:scale-color($infoButtonBg, $lightness: -10%) !default; +$infoButtonTextHoverColor:$infoButtonTextColor !default; +$infoButtonHoverBorderColor:scale-color($infoButtonBg, $lightness: -10%) !default; +$infoButtonActiveBg:scale-color($infoButtonBg, $lightness: -20%) !default; +$infoButtonTextActiveColor:$infoButtonTextColor !default; +$infoButtonActiveBorderColor:scale-color($infoButtonBg, $lightness: -20%) !default; +$infoButtonFocusShadow:0 0 0 1px scale-color($infoButtonBg, $lightness: 30%) !default; + +$successButtonBg:#C5E1A5 !default; +$successButtonTextColor:#121212 !default; +$successButtonBorder:1px solid $successButtonBg !default; +$successButtonHoverBg:scale-color($successButtonBg, $lightness: -10%) !default; +$successButtonTextHoverColor:$successButtonTextColor !default; +$successButtonHoverBorderColor:scale-color($successButtonBg, $lightness: -10%) !default; +$successButtonActiveBg:scale-color($successButtonBg, $lightness: -20%) !default; +$successButtonTextActiveColor:$successButtonTextColor !default; +$successButtonActiveBorderColor:scale-color($successButtonBg, $lightness: -20%) !default; +$successButtonFocusShadow:0 0 0 1px scale-color($successButtonBg, $lightness: 30%) !default; + +$warningButtonBg:#FFE082 !default; +$warningButtonTextColor:#121212 !default; +$warningButtonBorder:1px solid $warningButtonBg !default; +$warningButtonHoverBg:scale-color($warningButtonBg, $lightness: -10%) !default; +$warningButtonTextHoverColor:$warningButtonTextColor !default; +$warningButtonHoverBorderColor:scale-color($warningButtonBg, $lightness: -10%) !default; +$warningButtonActiveBg:scale-color($warningButtonBg, $lightness: -20%) !default; +$warningButtonTextActiveColor:$warningButtonTextColor !default; +$warningButtonActiveBorderColor:scale-color($warningButtonBg, $lightness: -20%) !default; +$warningButtonFocusShadow:0 0 0 1px scale-color($warningButtonBg, $lightness: 30%) !default; + +$helpButtonBg:#CE93D8 !default; +$helpButtonTextColor:#121212 !default; +$helpButtonBorder:1px solid $helpButtonBg !default; +$helpButtonHoverBg:scale-color($helpButtonBg, $lightness: -10%) !default; +$helpButtonTextHoverColor:$helpButtonTextColor !default; +$helpButtonHoverBorderColor:scale-color($helpButtonBg, $lightness: -10%) !default; +$helpButtonActiveBg:scale-color($helpButtonBg, $lightness: -20%) !default; +$helpButtonTextActiveColor:$helpButtonTextColor !default; +$helpButtonActiveBorderColor:scale-color($helpButtonBg, $lightness: -20%) !default; +$helpButtonFocusShadow:0 0 0 1px scale-color($helpButtonBg, $lightness: 30%) !default; + +$dangerButtonBg:#F48FB1 !default; +$dangerButtonTextColor:#121212 !default; +$dangerButtonBorder:1px solid $dangerButtonBg !default; +$dangerButtonHoverBg:scale-color($dangerButtonBg, $lightness: -10%) !default; +$dangerButtonTextHoverColor:$dangerButtonTextColor !default; +$dangerButtonHoverBorderColor:scale-color($dangerButtonBg, $lightness: -10%) !default; +$dangerButtonActiveBg:scale-color($dangerButtonBg, $lightness: -20%) !default; +$dangerButtonTextActiveColor:$dangerButtonTextColor !default; +$dangerButtonActiveBorderColor:scale-color($dangerButtonBg, $lightness: -20%) !default; +$dangerButtonFocusShadow:0 0 0 1px scale-color($dangerButtonBg, $lightness: 30%) !default; + +//checkbox +$checkboxBorderWidth:2px !default; +$checkboxWidth:1.5rem !default; +$checkboxHeight:1.5rem !default; +$checkboxActiveBorderColor:$primaryColor !default; +$checkboxActiveBg:$primaryColor !default; +$checkboxActiveHoverBg:$primaryDarkColor !default; +$checkboxTextActiveColor:$primaryTextColor !default; +$checkboxFocusShadow:0 0 0 2px $primaryLightColor !default; + +//radiobutton +$radiobuttonBorderWidth:2px !default; +$radiobuttonWidth:20px !default; +$radiobuttonHeight:20px !default; +$radiobuttonIconSize:12px !default; +$radiobuttonActiveBorderColor:$primaryColor !default; +$radiobuttonActiveBg:$primaryColor !default; +$radiobuttonActiveHoverBg:$primaryDarkColor !default; +$radiobuttonTextActiveColor:$primaryTextColor !default; +$radiobuttonFocusShadow:0 0 0 2px $primaryLightColor !default; + +//togglebutton +$toggleButtonBg:$shade800 !default; +$toggleButtonBorder:1px solid $shade600 !default; +$toggleButtonTextColor:$shade000 !default; +$toggleButtonIconColor:$shade100 !default; +$toggleButtonHoverBg:$hoverBg !default; +$toggleButtonHoverBorderColor:$shade600 !default; +$toggleButtonTextHoverColor:$shade000 !default; +$toggleButtonHoverIconColor:$shade100 !default; +$toggleButtonActiveBg:$primaryColor !default; +$toggleButtonActiveBorderColor:$primaryColor !default; +$toggleButtonTextActiveColor:$primaryTextColor !default; +$toggleButtonActiveIconColor:$primaryTextColor !default; +$toggleButtonActiveHoverBg:$primaryDarkColor !default; +$toggleButtonActiveHoverBorderColor:$primaryDarkColor !default; +$toggleButtonActiveTextHoverColor:$primaryTextColor !default; +$toggleButtonActiveHoverIconColor:$primaryTextColor !default; + +//inplace +$inplacePadding:$inputPadding !default; +$inplaceHoverBg:$hoverBg !default; +$inplaceTextHoverColor:$shade000 !default; + +//rating +$ratingCancelIconColor:#F48FB1 !default; +$ratingCancelHoverIconColor:#F48FB1 !default; +$ratingIconWidth:1.25rem !default; +$ratingIconHeight:1.25rem !default; +$ratingIconFontSize:1.25rem !default; +$ratingStarIconColor:$shade000 !default; +$ratingStarIconHoverColor:$primaryDarkColor !default; +$ratingStarActiveIconColor:$primaryColor !default; + +//slider +$sliderBg:$shade600 !default; +$sliderHeight:.286rem !default; +$sliderWidth:.286rem !default; +$sliderHandleWidth:1.143rem !default; +$sliderHandleHeight:1.143rem !default; +$sliderHandleBg:$shade600 !default; +$sliderHandleBorder:2px solid $primaryColor !default; +$sliderHandleBorderRadius:50% !default; +$sliderHandleHoverBorderColor:$primaryColor !default; +$sliderHandleHoverBg:$primaryColor !default; +$sliderRangeBg:$primaryColor !default; + +//calendar +$calendarPadding:.5rem !default; +$calendarTitlePadding:1rem !default; +$calendarTitleBg:$shade800 !default; +$calendarTitleTextColor:$shade000 !default; +$calendarTitleBorder:solid $shade600 !default; +$calendarTitleBorderWidth:0 0 1px 0 !default; +$calendarTableMargin:.5rem 0 !default; +$calendarCellPadding:.5rem !default; +$calendarCellDateTextColor:$shade000 !default; +$calendarCellDateWidth:2.5rem !default; +$calendarCellDateHeight:2.5rem !default; +$calendarCellDateBorder:0 none !default; +$calendarCellDateHoverBg:$hoverBg !default; +$calendarCellDateHoverBorderColor:transparent !default; +$calendarCellDateBorderRadius:50% !default; +$calendarCellDateSelectedBg:$highlightBg !default; +$calendarCellDateSelectedTextColor:$highlightTextColor !default; +$calendarCellDateSelectedBorder:0 none !default; +$calendarCellDateTodayBg:transparent !default; +$calendarCellDateTodayTextColor:$primaryColor !default; +$calendarCellDateTodayBorder:0 none !default; + +$calendarButtonBarPadding:1rem 0 !default; +$calendarTimePickerMargin:.857em 0 !default; +$calendarTimePickerLabelPadding:0 !default; +$calendarTimePickerInputPadding:.5em 0 !default; +$calendarTimePickerInputMargin:0 .714em .714em 40% !default; + +//keyboard +$keyboardButtonPadding:.5rem !default; +$keyboardButtonMargin:2px !default; +$keyboardButtonBorder:1px solid $shade600 !default; +$keyboardButtonBg:$shade800 !default; +$keyboardButtonTextColor:$shade100 !default; +$keyboardButtonHoverBorderColor:$shade600 !default; +$keyboardButtonHoverBg:$hoverBg !default; +$keyboardButtonTextHoverColor:$shade000 !default; +$keyboardButtonActiveBorderColor:$shade600 !default; +$keyboardButtonActiveBg:$shade900 !default; +$keyboardButtonTextActiveColor:$shade000 !default; + +//switch +$inputSwitchOffBg:$shade600 !default; +$inputSwitchHandleOffBg:$shade800 !default; +$inputSwitchHandleOffBorder:2px solid $shade600 !default; +$inputSwitchOnBg:$primaryColor !default; +$inputSwitchHandleOnBg:$shade000 !default; +$inputSwitchHandleOnBorderColor:$primaryDarkerColor !default; +$inputSwitchHandleBorderRadius:50% !default; +$inputSwitchHandleShadow:0 none !default; +$inputSwitchBorderRadius:30px !default; + +//panel common +$panelHeaderBorder:1px solid $shade600 !default; +$panelHeaderBg:$shade800 !default; +$panelHeaderTextColor:$shade000 !default; +$panelHeaderFontWeight:700 !default; +$panelHeaderPadding:1rem !default; +$panelContentBorder:1px solid $shade600 !default; +$panelContentBg:$shade800 !default; +$panelContentTextColor:$shade000 !default; +$panelContentPadding:1rem !default; +$panelFooterBorder:1px solid $shade600 !default; +$panelFooterBg:$shade800 !default; +$panelFooterTextColor:$shade000 !default; +$panelFooterPadding:1rem !default; + +$panelHeaderHoverBg:$hoverBg !default; +$panelHeaderHoverBorderColor:$shade600 !default; +$panelHeaderTextHoverColor:$shade000 !default; +$panelHeaderHoverIconColor:$shade000 !default; + +//accordion +$accordionSpacing:0 !default; +$accordionHeaderBorder:$panelHeaderBorder !default; +$accordionHeaderBg:$panelHeaderBg !default; +$accordionHeaderTextColor:$panelHeaderTextColor !default; +$accordionHeaderFontWeight:$panelHeaderFontWeight !default; +$accordionHeaderPadding:$panelHeaderPadding !default; + +$accordionHeaderHoverBg:$hoverBg !default; +$accordionHeaderHoverBorderColor:$shade600 !default; +$accordionHeaderTextHoverColor:$shade000 !default; + +$accordionHeaderActiveBg:$panelHeaderBg !default; +$accordionHeaderActiveBorderColor:$shade600 !default; +$accordionHeaderTextActiveColor:$shade000 !default; + +$accordionHeaderActiveHoverBg:$hoverBg !default; +$accordionHeaderActiveHoverBorderColor:$shade600 !default; +$accordionHeaderActiveTextHoverColor:$shade000 !default; + +$accordionContentBorder:$panelContentBorder !default; +$accordionContentBg:$panelContentBg !default; +$accordionContentTextColor:$panelContentTextColor !default; +$accordionContentPadding:$panelContentPadding !default; + +//tabview +$tabsHeaderSpacing:.286rem !default; +$tabsNavBorderWidth:2px !default; +$tabsNavBorder:$tabsNavBorderWidth solid $shade600 !default; +$tabsNavBg:$shade800 !default; + +$tabsHeaderBg:$shade800 !default; +$tabsHeaderTextColor:$shade100 !default; +$tabsHeaderFontWeight:700 !default; +$tabsHeaderPadding:$panelHeaderPadding !default; + +$tabsHeaderHoverBg:$shade800 !default; +$tabsHeaderHoverBorderColor:$primaryColor !default; +$tabsHeaderTextHoverColor:$shade000 !default; + +$tabsHeaderActiveBg:$shade800 !default; +$tabsHeaderActiveBorderColor:$primaryColor !default; +$tabsHeaderTextActiveColor:$primaryColor !default; + +$tabsContentBorder:0 none !default; +$tabsContentBg:$shade800 !default; +$tabsContentTextColor:$shade000 !default; +$tabsContentPadding:$panelContentPadding !default; + +//action icon +$tabsScrollerButtonBg:$shade800 !default; +$tabsScrollerButtonIconColor:$shade100 !default; +$tabsScrollerButtonHoverBg:$hoverBg !default; +$tabsScrollerButtonIconHoverColor:$shade000 !default; + +//scrollpanel +$scrollPanelHandleBg:$shade900 !default; +$scrollPanelTrackBorder:0 none !default; +$scrollPanelTrackBg:$shade600 !default; + +//paginator +$paginatorBg:$shade800 !default; +$paginatorBorder:solid $shade600 !default; +$paginatorBorderWidth:1px !default; +$paginatorIconColor:$shade100 !default; +$paginatorPadding:1rem !default; +$paginatorElementWidth:2.286em !default; +$paginatorElementHeight:2.286em !default; +$paginatorElementHoverBg:$hoverBg !default; +$paginatorElementHoverIconColor:$shade000 !default; +$paginatorElementMargin:0 .125em !default; +$paginatorElementBorder:1px solid transparent !default; +$paginatorElementHoverBorderColor:transparent !default; +$paginatorElementBorderRadius:$borderRadius !default; + +//datatable +$datatableHeaderBorder:1px solid $shade600 !default; +$datatableHeaderBorderWidth:0 0 1px 0 !default; +$datatableHeaderBg:$shade800 !default; +$datatableHeaderTextColor:$shade100 !default; +$datatableHeaderFontWeight:600 !default; +$datatableHeaderPadding:1rem 1rem !default; + +$datatableHeaderCellPadding:1rem 1rem !default; +$datatableHeaderCellBg:$shade800 !default; +$datatableHeaderCellTextColor:$shade000 !default; +$datatableHeaderCellFontWeight:700 !default; +$datatableHeaderCellBorder:1px solid $shade600 !default; +$datatableHeaderCellBorderWidth:0 0 1px 0 !default; +$datatableHeaderCellHoverBg:$hoverBg !default; +$datatableHeaderCellTextHoverColor:$shade000 !default; +$datatableHeaderCellHighlightBg:$shade800 !default; +$datatableHeaderCellHighlightTextColor:$primaryColor !default; +$datatableHeaderCellHighlightHoverBg:$hoverBg !default; +$datatableHeaderCellHighlightTextHoverColor:$primaryColor !default; +$datatableSortableColumnBadgeSize:1.143rem !default; +$datatableBodyRowBg:$shade800 !default; +$datatableBodyRowTextColor:$shade000 !default; +$datatableBodyRowBorder:1px solid $shade600 !default; +$datatableBodyRowOddBg:$shade700 !default; +$datatableBodyRowHoverBg:$hoverBg !default; +$datatableBodyRowTextHoverColor:$shade000 !default; +$datatableBodyCellPadding:1rem 1rem !default; +$datatableBodyCellBorderWidth:0 0 1px 0 !default; +$datatableFooterBorderWidth:0 0 1px 0 !default; +$datatableFooterCellPadding:1rem 1rem !default; +$datatableFooterCellBg:$shade800 !default; +$datatableFooterCellTextColor:$shade000 !default; +$datatableFooterCellFontWeight:700 !default; +$datatableFooterCellBorder:1px solid $shade600 !default; +$datatableFooterCellBorderWidth:0 0 1px 0 !default; +$datatableResizerHelperBg:$primaryColor !default; + +$datatableFooterBorder:1px solid $shade600 !default; +$datatableFooterBorderWidth:0 0 1px 0 !default; +$datatableFooterBg:$shade800 !default; +$datatableFooterTextColor:$shade000 !default; +$datatableFooterFontWeight:600 !default; +$datatableFooterPadding:1rem 1rem !default; + +$datatableTopPaginatorBorderWidth:1px 0 1px 0 !default; +$datatableBottomPaginatorBorderWidth:0 0 1px 0 !default; + +$datatableScaleSm:0.5 !default; +$datatableScaleLg:1.25 !default; + +//dataview +$dataViewContentPadding:0 !default; +$dataViewContentBorder:0 none !default; +$dataViewListItemBorder:solid $shade600 !default; +$dataViewListItemBorderWidth:0 0 1px 0 !default; + +//orderlist, picklist +$orderListDropPlaceholderBg:scale-color($highlightBg, $lightness: -20%) !default; +$pickListDropPlaceholderBg:scale-color($highlightBg, $lightness: -20%) !default; + +//schedule +$scheduleCellBorderColor:$shade600 !default; +$scheduleTodayBg:$highlightBg !default; +$scheduleEventBg:$primaryDarkColor !default; +$scheduleEventBorder:1px solid $primaryDarkColor !default; +$scheduleEventTextColor:$primaryTextColor !default; + +//tree +$treeNodePadding:.143em 0 !default; +$treeNodeLabelPadding:.286em !default; + +//messages +$messagesMargin:1rem 0 !default; +$messagesPadding:1.5rem !default; +$messagesIconFontSize:1.5rem !default; +$messagesBorderWidth:0 0 0 6px !default; +$messagesFontWeight:600 !default; +$infoMessageBg:#9BF2F7 !default; +$infoMessageBorder:1px solid #2B7AA4 !default; +$infoMessageTextColor:#2B7AA4 !default; +$infoMessageIconColor:#2B7AA4 !default; +$warnMessageBg:#F8D895 !default; +$warnMessageBorder:1px solid #A76927 !default; +$warnMessageTextColor:#A76927 !default; +$warnMessageIconColor:#A76927 !default; +$errorMessageBg:#FABD9A !default; +$errorMessageBorder:1px solid #AD342B !default; +$errorMessageTextColor:#AD342B !default; +$errorMessageIconColor:#AD342B !default; +$growlIconFontSize:2rem !default; +$growlMargin:0 0 1rem 0 !default; +$growlPadding:1rem !default; +$messageBorderWidth:0 0 0 3px !default; + +//overlays +$overlayContentBorder:1px solid $shade600 !default; +$overlayContainerShadow:0 0 10px 0 rgba(0, 0, 0, 0.16) !default; + +//dialog +$dialogHeaderBorder:0 none !default; +$dialogHeaderBg:$shade800 !default; +$dialogHeaderTextColor:$shade000 !default; +$dialogHeaderFontWeight:700 !default; +$dialogHeaderFontSize:1.25rem !default; +$dialogHeaderPadding:1.5rem !default; +$dialogContentBorder:0 none !default; +$dialogContentBg:$shade800 !default; +$dialogContentTextColor:$shade000 !default; +$dialogContentPadding:0 1.5rem 2rem 1.5rem !default; +$dialogFooterBorder:0 none !default; +$dialogFooterBg:$shade800 !default; +$dialogFooterTextColor:$shade000 !default; +$dialogFooterPadding:0 1.5rem 1.5rem 1.5rem !default; + +$confirmDialogContentPadding:0 1.5rem 2rem 1.5rem !default; +$confirmDialogIconFontSize:2.5rem !default; + +//overlay panel +$overlayPanelCloseIconBg:$primaryColor !default; +$overlayPanelCloseIconColor:$primaryTextColor !default; +$overlayPanelCloseIconHoverBg:$primaryDarkColor !default; +$overlayPanelCloseIconHoverColor:$primaryTextColor !default; + +//tooltip +$tooltipBg:$shade600 !default; +$tooltipTextColor:$shade000 !default; + +//steps +$stepsItemTextColor:$shade000 !default; +$stepsItemNumberBorder:1px solid $shade600 !default; +$stepsItemNumberColor:$shade000 !default; +$stepsItemNumberBg:$shade800 !default; +$stepsItemNumberFontSize:1.143rem !default; +$stepsItemNumberWidth:2rem !default; +$stepsItemNumberHeight:2rem !default; +$stepsItemNumberBorderRadius:50% !default; + +//progressbar +$progressBarHeight:1rem !default; +$progressBarBorder:0 none !default; +$progressBarBg:$shade600 !default; +$progressBarValueBg:$primaryColor !default; + +//menu +$verticalMenuPadding:.25rem 0 !default; +$menuBg:$shade800 !default; +$menuBorder:1px solid $shade600 !default; +$menuitemTextColor:$shade000 !default; +$menuitemIconColor:$shade100 !default; +$menuitemHoverBg:$hoverBg !default; +$menuitemTextHoverColor:$shade000 !default; +$menuitemHoverIconColor:$shade000 !default; +$menuitemPadding:.75rem 1rem !default; +$menuitemMargin:0 !default; +$menuitemBorderRadius:0 !default; +$menuSeparatorMargin:.25rem 0 !default; + +$breadcrumbPadding:1rem !default; +$breadcrumbBg:$menuBg !default; +$breadcrumbBorder:$menuBorder !default; +$breadcrumbItemTextColor:$menuitemTextColor !default; +$breadcrumbItemIconColor:$menuitemIconColor !default; +$breadcrumbLastItemTextColor:$menuitemTextColor !default; +$breadcrumbLastItemIconColor:$menuitemIconColor !default; +$breadcrumbSeparatorColor:$menuitemTextColor !default; + +$submenuHeaderMargin:0 !default; +$submenuHeaderPadding:.75rem 1rem !default; +$submenuHeaderBg:$shade800 !default; +$submenuHeaderBorder:0 none !default; +$submenuHeaderTextColor:$shade000 !default; +$submenuHeaderFontWeight:700 !default; +$submenuHeaderFontSize:1rem !default; + +$horizontalMenuPadding:.5rem !default; +$horizontalMenuBg:$shade800 !default; + +$overlayMenuShadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12) !default; + +//upload +$fileItemPadding:1rem !default; + +//badge and tag +$badgeBg:$primaryColor !default; +$badgeTextColor:$primaryTextColor !default; +$badgeMinWidth:1.5rem !default; +$badgeHeight:1.5rem !default; +$badgeFontWeight:700 !default; +$badgeFontSize:.75rem !default; + +$tagPadding:.25rem .4rem !default; + +//card +$cardBodyPadding:1rem !default; +$cardTitleFontSize:1.5rem !default; +$cardTitleFontWeight:700 !default; +$cardSubTitleFontWeight:700 !default; +$cardSubTitleColor:$shade100 !default; +$cardContentPadding:1rem 0 !default; +$cardFooterPadding:1rem 0 0 0 !default; +$cardShadow:0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12) !default; + +//divider +$dividerHorizontalMargin:1rem 0 !default; +$dividerHorizontalPadding:0 1rem !default; +$dividerVerticalMargin:0 1rem !default; +$dividerVerticalPadding:1rem 0 !default; +$dividerSize:1px !default; +$dividerColor:$shade600 !default; + +//avatar +$avatarBg:$shade600 !default; +$avatarTextColor:$textColor !default; + +//chip +$chipBg:$shade600 !default; +$chipTextColor:$textColor !default; +$chipBorderRadius: 16px !default; + +//scrollTop +$scrollTopBg:$highlightBg !default; +$scrollTopHoverBg:scale-color($highlightBg, $alpha: 24%) !default; +$scrollTopWidth:3rem !default; +$scrollTopHeight:3rem !default; +$scrollTopBorderRadius:50% !default; +$scrollTopFontSize:1.5rem !default; +$scrollTopTextColor:$highlightTextColor !default; + +//skeleton +$skeletonBg:rgba(255,255,255,.06) !default; +$skeletonAnimationBg:rgba(255,255,255,.04) !default; + +//splitter +$splitterGutterBg:rgba(255,255,255,.03) !default; +$splitterGutterHandleBg:$shade600 !default; + +//chronoline +$chronolineVerticalEventContentPadding:0 1rem !default; +$chronolineHorizontalEventContentPadding:1rem 0 !default; +$chronolineEventMarkerWidth:1rem !default; +$chronolineEventMarkerHeight:1rem !default; +$chronolineEventMarkerBorderRadius:50% !default; +$chronolineEventMarkerBorder:2px solid $primaryColor !default; +$chronolineEventMarkerBackground:$shade800 !default; +$chronolineEventConnectorSize:2px !default; +$chronolineEventColor:$shade600 !default; + +//confirmpopup +$confirmPopupContentPadding:$panelContentPadding !default; +$confirmPopupFooterPadding:0 1rem 1rem 1rem !default; + +//speeddial +$speedDialButtonWidth: 4rem !default; +$speedDialButtonHeight: 4rem !default; +$speedDialButtonIconFontSize: 1.3rem !default; +$speedDialActionWidth: 3rem !default; +$speedDialActionHeight: 3rem !default; +$speedDialActionBg: $shade000 !default; +$speedDialActionHoverBg: $shade100 !default; +$speedDialActionTextColor: $shade900 !default; +$speedDialActionTextHoverColor: $shade900 !default; + +//carousel +$carouselIndicatorsPadding:1rem !default; +$carouselIndicatorBg:$shade600 !default; +$carouselIndicatorHoverBg:$hoverBg !default; +$carouselIndicatorBorderRadius:0 !default; +$carouselIndicatorWidth:2rem !default; +$carouselIndicatorHeight:.5rem !default; + +//galleria +$galleriaMaskBg:rgba(0,0,0,0.9) !default; +$galleriaCloseIconMargin:.5rem !default; +$galleriaCloseIconFontSize:2rem !default; +$galleriaCloseIconBg:transparent !default; +$galleriaCloseIconColor:#f8f9fa !default; +$galleriaCloseIconHoverBg:rgba(255,255,255,0.1) !default; +$galleriaCloseIconHoverColor:#f8f9fa !default; +$galleriaCloseIconWidth:4rem !default; +$galleriaCloseIconHeight:4rem !default; +$galleriaCloseIconBorderRadius:50% !default; + +$galleriaItemNavigatorBg:transparent !default; +$galleriaItemNavigatorColor:#f8f9fa !default; +$galleriaItemNavigatorMargin:0 .5rem !default; +$galleriaItemNavigatorFontSize:2rem !default; +$galleriaItemNavigatorHoverBg:rgba(255,255,255,0.1) !default; +$galleriaItemNavigatorHoverColor:#f8f9fa !default; +$galleriaItemNavigatorWidth:4rem !default; +$galleriaItemNavigatorHeight:4rem !default; +$galleriaItemNavigatorBorderRadius:$borderRadius !default; + +$galleriaCaptionBg:rgba(0,0,0,.5) !default; +$galleriaCaptionTextColor:#f8f9fa !default; +$galleriaCaptionPadding:1rem !default; + +$galleriaIndicatorsPadding:1rem !default; +$galleriaIndicatorBg:$shade600 !default; +$galleriaIndicatorHoverBg:rgba(255,255,255,0.1) !default; +$galleriaIndicatorBorderRadius:50% !default; +$galleriaIndicatorWidth:1rem !default; +$galleriaIndicatorHeight:1rem !default; +$galleriaIndicatorsBgOnItem:rgba(0,0,0,.5) !default; +$galleriaIndicatorBgOnItem:rgba(255,255,255,.4) !default; +$galleriaIndicatorHoverBgOnItem:rgba(255,255,255,.6) !default; + +$galleriaThumbnailContainerBg:rgba(0,0,0,.9) !default; +$galleriaThumbnailContainerPadding:.8rem .25rem !default; +$galleriaThumbnailContentMargin:.2rem !default; +$galleriaThumbnailNavigatorBg:transparent !default; +$galleriaThumbnailNavigatorColor:#f8f9fa !default; +$galleriaThumbnailNavigatorHoverBg:rgba(255,255,255,0.1) !default; +$galleriaThumbnailNavigatorHoverColor:#f8f9fa !default; +$galleriaThumbnailNavigatorBorderRadius:50% !default; +$galleriaThumbnailNavigatorWidth:2rem !default; +$galleriaThumbnailNavigatorHeight:2rem !default; + +:root { + --surface-a:#{$shade800}; + --surface-b:#{$shade900}; + --surface-c:#{$hoverBg}; + --surface-d:#{$shade600}; + --surface-e:#{$shade800}; + --surface-f:#{$shade800}; + --text-color:#{$shade000}; + --text-color-secondary:#{$shade100}; + --primary-color:#{$primaryColor}; + --primary-color-text:#{$primaryTextColor}; + --font-family:#{$fontFamily}; + --surface-0: #17212f; + --surface-50: #2e3744; + --surface-100: #454d59; + --surface-200: #5d646d; + --surface-300: #747a82; + --surface-400: #8b9097; + --surface-500: #a2a6ac; + --surface-600: #b9bcc1; + --surface-700: #d1d3d5; + --surface-800: #e8e9ea; + --surface-900: #ffffff; + --gray-50:#e8e9ea; + --gray-100: #d1d3d5; + --gray-200: #b9bcc1; + --gray-300: #a2a6ac; + --gray-400: #8b9097; + --gray-500: #747a82; + --gray-600: #5d646d; + --gray-700: #454d59; + --gray-800: #2e3744; + --gray-900: #17212f; + --content-padding:#{$panelContentPadding}; + --inline-spacing:#{$inlineSpacing}; + --border-radius:#{$borderRadius}; + --surface-ground:#17212f; + --surface-section:#17212f; + --surface-card:#1f2d40; + --surface-overlay:#1f2d40; + --surface-border:#304562; + --surface-hover:rgba(255,255,255,.03); + --maskbg: #{$maskBg}; + --focus-ring: #{$focusShadow}; + } \ No newline at end of file diff --git a/src/main/webapp/resources/sass/variables/theme/_theme_light.scss b/src/main/webapp/resources/sass/variables/theme/_theme_light.scss new file mode 100644 index 0000000..99d2458 --- /dev/null +++ b/src/main/webapp/resources/sass/variables/theme/_theme_light.scss @@ -0,0 +1,802 @@ +$colors: ( + "blue": #2196F3, + "green": #4caf50, + "yellow": #FBC02D, + "cyan": #00BCD4, + "pink": #E91E63, + "indigo": #3F51B5, + "teal": #009688, + "orange": #F57C00, + "bluegray": #607D8B, + "purple": #9C27B0, + "red": #FF4032, + "primary": $primaryColor +) !default; + +//shades of gray +$shade000:#FDFEFF !default; //surface +$shade100:#F6F9FE !default; //header background +$shade200:rgba(#E8F1F8,.7) !default; //hover background +$shade300:#E4E5E5 !default; //content border +$shade400:#D7D8D9 !default; //input border +$shade500:#515C66 !default; //input icon +$shade600:#657380 !default; //text secondary color +$shade700:#515C66 !default; //text color +$shade800:#3B475F !default; //unused +$shade900:#252F44 !default; //unused + +//global +$fontSize:1rem !default; +$fontFamily:'Open Sans' !default; +$textColor:$shade700 !default; +$transitionDuration:.2s !default; +$transition:background-color $transitionDuration, color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration !default; +$actionIconTransition:background-color $transitionDuration, color $transitionDuration, box-shadow $transitionDuration, opacity $transitionDuration ease-in-out !default; +$listItemTransition:box-shadow $transitionDuration !default; +$animationDuration:.2s !default; +$animationTimingFunction:cubic-bezier(.05,.74,.2,.99) !default; +$letterSpacing:normal !default; +$borderRadius:3px !default; +$tabletBreakpoint:991px !default; +$phoneBreakpoint:576px !default; +$disabledOpacity:.6 !default; +$maskBg:rgba(0, 0, 0, 0.4) !default; +$inlineSpacing:.5rem !default; +$iconSize:1rem !default; +$errorColor:#f44336 !default; + +//highlight +$highlightBg:rgba($primaryColor,.7) !default; +$highlightTextColor:$primaryTextColor !default; + +//action icon +$actionIconWidth:2rem !default; +$actionIconHeight:2rem !default; +$actionIconBg:transparent !default; +$actionIconBorder:0 none !default; +$actionIconColor:$shade600 !default; +$actionIconHoverBg:$shade200 !default; +$actionIconHoverBorderColor:transparent !default; +$actionIconHoverColor:$shade700 !default; +$actionIconBorderRadius:50% !default; + +//focus +$focusOutlineColor:$primaryLightColor !default; +$focusOutline:0 none !default; +$focusOutlineOffset:0 !default; +$focusShadow:0 0 0 0.2rem $focusOutlineColor !default; + +//input field +$inputPadding:.5rem .5rem !default; +$inputTextFontSize:1rem !default; +$inputBg:$shade000 !default; +$inputTextColor:$shade700 !default; +$inputIconColor:$shade600 !default; +$inputBorder:1px solid $shade400 !default; +$inputHoverBorderColor:$primaryColor !default; +$inputFocusBorderColor:$primaryColor !default; +$inputErrorBorderColor:$errorColor !default; +$inputPlaceholderTextColor:$shade600 !default; +$inputFocusShadow:0 0 0 0.2em $primaryLightColor !default; +$inputFilledBg:$shade100 !default; +$inputFilledHoverBg:$shade100 !default; +$inputFilledFocusBg:$shade100 !default; + +//groups +$inputGroupBorderColor:$shade400 !default; +$inputGroupBg:$shade200 !default; +$inputGroupTextColor:$shade700 !default; +$inputGroupIconColor:$shade600 !default; +$inputGroupAddonMinWidth:2.357rem !default; + +//input lists +$inputListMinWidth:12rem !default; +$inputListBg:$shade000 !default; +$inputListBorder:$inputBorder !default; +$inputListPadding:.5rem 0 !default; + +$inputListItemPadding:.5rem 1rem !default; +$inputListItemBg:transparent !default; +$inputListItemTextColor:$shade700 !default; +$inputListItemHoverBg:$shade200 !default; +$inputListItemTextHoverColor:$shade700 !default; +$inputListItemHighlightBg:$highlightBg !default; +$inputListItemHighlightTextColor:$highlightTextColor !default; +$inputListItemBorder:0 none !default; +$inputListItemBorderRadius:0 !default; +$inputListItemMargin:0 !default; +$inputListItemFocusShadow:inset 0 0 0 .15rem $focusOutlineColor !default; +$inputListHeaderPadding:.5rem 1rem !default; +$inputListHeaderBg:$shade100 !default; +$inputListHeaderTextColor:$shade700 !default; +$inputListHeaderBorder:0 none !default; + +//inputs with panels (password, keyboard) +$inputContentPanelPadding:1rem !default; +$inputContentPanelBg:$shade000 !default; +$inputContentPanelTextColor:$shade700 !default; + +//inputs with overlays +$inputOverlayBorder:0 none !default; +$inputOverlayShadow: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) !default; + +//inputs with buttons +$inputButtonWidth:2.357rem !default; + +//button +$buttonTextOnlyPadding:.5rem 1rem !default; +$buttonWithLeftIconPadding:.5rem 1rem .5rem 2rem !default; +$buttonWithRightIconPadding:.5rem 2rem .5rem 1rem !default; +$buttonIconOnlyPadding:.5rem !default; +$buttonIconOnlyWidth:2.357rem !default; + +$buttonBg:$primaryColor !default; +$buttonBorder:1px solid $primaryColor !default; +$buttonTextColor:$primaryTextColor !default; + +$buttonHoverBg:$primaryDarkColor !default; +$buttonHoverBorderColor:$primaryDarkColor !default; +$buttonTextHoverColor:$primaryTextColor !default; + +$buttonActiveBg:$primaryDarkerColor !default; +$buttonActiveBorderColor:$primaryDarkerColor !default; +$buttonTextActiveColor:$primaryTextColor !default; + +$buttonFocusOutline:0 none !default; +$buttonFocusOutlineOffset:0 !default; +$buttonFocusShadow:0 0 0 0.2em $primaryLightColor !default; +$raisedButtonShadow:0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12) !default; +$roundedButtonBorderRadius:2rem !default; + +$textButtonHoverBgOpacity:.04 !default; +$textButtonActiveBgOpacity:.16 !default; +$outlinedButtonBorder:1px solid !default; +$plainButtonTextColor:$shade600 !default; +$plainButtonHoverBgColor:$shade200 !default; +$plainButtonActiveBgColor:$shade300 !default; + +//button severities +$secondaryButtonBg:#607D8B !default; +$secondaryButtonTextColor:#ffffff !default; +$secondaryButtonBorder:1px solid $secondaryButtonBg !default; +$secondaryButtonHoverBg:scale-color($secondaryButtonBg, $lightness: -10%) !default; +$secondaryButtonTextHoverColor:$secondaryButtonTextColor !default; +$secondaryButtonHoverBorderColor:scale-color($secondaryButtonBg, $lightness: -10%) !default; +$secondaryButtonActiveBg:scale-color($secondaryButtonBg, $lightness: -20%) !default; +$secondaryButtonTextActiveColor:$secondaryButtonTextColor !default; +$secondaryButtonActiveBorderColor:scale-color($secondaryButtonBg, $lightness: -20%) !default; +$secondaryButtonFocusShadow:0 0 0 0.2rem scale-color($secondaryButtonBg, $lightness: 60%) !default; + +$infoButtonBg:#0288D1 !default; +$infoButtonTextColor:#ffffff !default; +$infoButtonBorder:1px solid $infoButtonBg !default; +$infoButtonHoverBg:scale-color($infoButtonBg, $lightness: -10%) !default; +$infoButtonTextHoverColor:$infoButtonTextColor !default; +$infoButtonHoverBorderColor:scale-color($infoButtonBg, $lightness: -10%) !default; +$infoButtonActiveBg:scale-color($infoButtonBg, $lightness: -20%) !default; +$infoButtonTextActiveColor:$infoButtonTextColor !default; +$infoButtonActiveBorderColor:scale-color($infoButtonBg, $lightness: -20%) !default; +$infoButtonFocusShadow:0 0 0 0.2rem scale-color($infoButtonBg, $lightness: 60%) !default; + +$successButtonBg:#689F38 !default; +$successButtonTextColor:#ffffff !default; +$successButtonBorder:1px solid $successButtonBg !default; +$successButtonHoverBg:scale-color($successButtonBg, $lightness: -10%) !default; +$successButtonTextHoverColor:$successButtonTextColor !default; +$successButtonHoverBorderColor:scale-color($successButtonBg, $lightness: -10%) !default; +$successButtonActiveBg:scale-color($successButtonBg, $lightness: -20%) !default; +$successButtonTextActiveColor:$successButtonTextColor !default; +$successButtonActiveBorderColor:scale-color($successButtonBg, $lightness: -20%) !default; +$successButtonFocusShadow:0 0 0 0.2rem scale-color($successButtonBg, $lightness: 60%) !default; + +$warningButtonBg:#FBC02D !default; +$warningButtonTextColor:#212529 !default; +$warningButtonBorder:1px solid $warningButtonBg !default; +$warningButtonHoverBg:scale-color($warningButtonBg, $lightness: -10%) !default; +$warningButtonTextHoverColor:$warningButtonTextColor !default; +$warningButtonHoverBorderColor:scale-color($warningButtonBg, $lightness: -10%) !default; +$warningButtonActiveBg:scale-color($warningButtonBg, $lightness: -20%) !default; +$warningButtonTextActiveColor:$warningButtonTextColor !default; +$warningButtonActiveBorderColor:scale-color($warningButtonBg, $lightness: -20%) !default; +$warningButtonFocusShadow:0 0 0 0.2rem scale-color($warningButtonBg, $lightness: 60%) !default; + +$helpButtonBg:#9C27B0 !default; +$helpButtonTextColor:#ffffff !default; +$helpButtonBorder:1px solid $helpButtonBg !default; +$helpButtonHoverBg:scale-color($helpButtonBg, $lightness: -10%) !default; +$helpButtonTextHoverColor:$helpButtonTextColor !default; +$helpButtonHoverBorderColor:scale-color($helpButtonBg, $lightness: -10%) !default; +$helpButtonActiveBg:scale-color($helpButtonBg, $lightness: -20%) !default; +$helpButtonTextActiveColor:$helpButtonTextColor !default; +$helpButtonActiveBorderColor:scale-color($helpButtonBg, $lightness: -20%) !default; +$helpButtonFocusShadow:0 0 0 0.2rem scale-color($helpButtonBg, $lightness: 60%) !default; + +$dangerButtonBg:#D32F2F !default; +$dangerButtonTextColor:#ffffff !default; +$dangerButtonBorder:1px solid $dangerButtonBg !default; +$dangerButtonHoverBg:scale-color($dangerButtonBg, $lightness: -10%) !default; +$dangerButtonTextHoverColor:$dangerButtonTextColor !default; +$dangerButtonHoverBorderColor:scale-color($dangerButtonBg, $lightness: -10%) !default; +$dangerButtonActiveBg:scale-color($dangerButtonBg, $lightness: -20%) !default; +$dangerButtonTextActiveColor:$dangerButtonTextColor !default; +$dangerButtonActiveBorderColor:scale-color($dangerButtonBg, $lightness: -20%) !default; +$dangerButtonFocusShadow:0 0 0 0.2rem scale-color($dangerButtonBg, $lightness: 60%) !default; + +//checkbox +$checkboxBorderWidth:2px !default; +$checkboxWidth:1.5rem !default; +$checkboxHeight:1.5rem !default; +$checkboxActiveBorderColor:$primaryColor !default; +$checkboxActiveBg:$primaryColor !default; +$checkboxActiveHoverBg:$primaryDarkColor !default; +$checkboxTextActiveColor:$primaryTextColor !default; +$checkboxFocusShadow:0 0 0 0.2em $primaryLightColor !default; + +//radiobutton +$radiobuttonBorderWidth:2px !default; +$radiobuttonWidth:20px !default; +$radiobuttonHeight:20px !default; +$radiobuttonIconSize:12px !default; +$radiobuttonActiveBorderColor:$primaryColor !default; +$radiobuttonActiveBg:$primaryColor !default; +$radiobuttonActiveHoverBg:$primaryDarkColor !default; +$radiobuttonTextActiveColor:$primaryTextColor !default; +$radiobuttonFocusShadow:0 0 0 0.2em $primaryLightColor !default; + +//togglebutton +$toggleButtonBg:$shade000 !default; +$toggleButtonBorder:1px solid $shade400 !default; +$toggleButtonTextColor:$shade700 !default; +$toggleButtonIconColor:$shade600 !default; +$toggleButtonHoverBg:$shade200 !default; +$toggleButtonHoverBorderColor:$shade400 !default; +$toggleButtonTextHoverColor:$shade700 !default; +$toggleButtonHoverIconColor:$shade600 !default; +$toggleButtonActiveBg:$primaryColor !default; +$toggleButtonActiveBorderColor:$primaryColor !default; +$toggleButtonTextActiveColor:$primaryTextColor !default; +$toggleButtonActiveIconColor:$primaryTextColor !default; +$toggleButtonActiveHoverBg:$primaryDarkColor !default; +$toggleButtonActiveHoverBorderColor:$primaryDarkColor !default; +$toggleButtonActiveTextHoverColor:$primaryTextColor !default; +$toggleButtonActiveHoverIconColor:$primaryTextColor !default; + +//inplace +$inplacePadding:$inputPadding !default; +$inplaceHoverBg:$shade200 !default; +$inplaceTextHoverColor:$shade700 !default; + +//rating +$ratingCancelIconColor:#e0284f !default; +$ratingCancelHoverIconColor:#e0284f !default; +$ratingIconWidth:1.25rem !default; +$ratingIconHeight:1.25rem !default; +$ratingIconFontSize:1.25rem !default; +$ratingStarIconColor:$shade700 !default; +$ratingStarIconHoverColor:$primaryDarkColor !default; +$ratingStarActiveIconColor:$primaryColor !default; + +//slider +$sliderBg:$shade300 !default; +$sliderHeight:.286rem !default; +$sliderWidth:.286rem !default; +$sliderHandleWidth:1.143rem !default; +$sliderHandleHeight:1.143rem !default; +$sliderHandleBg:$shade000 !default; +$sliderHandleBorder:2px solid $primaryColor !default; +$sliderHandleBorderRadius:50% !default; +$sliderHandleHoverBorderColor:$primaryColor !default; +$sliderHandleHoverBg:$primaryColor !default; +$sliderRangeBg:$primaryColor !default; + +//calendar +$calendarPadding:.5rem !default; +$calendarTitlePadding:1rem !default; +$calendarTitleBg:$shade000 !default; +$calendarTitleTextColor:$shade700 !default; +$calendarTitleBorder:solid $shade300 !default; +$calendarTitleBorderWidth:0 0 1px 0 !default; +$calendarTableMargin:.5rem 0 !default; +$calendarCellPadding:.5rem !default; +$calendarCellDateTextColor:$shade700 !default; +$calendarCellDateWidth:2.5rem !default; +$calendarCellDateHeight:2.5rem !default; +$calendarCellDateBorder:0 none !default; +$calendarCellDateHoverBg:$shade200 !default; +$calendarCellDateHoverBorderColor:transparent !default; +$calendarCellDateBorderRadius:50% !default; +$calendarCellDateSelectedBg:$highlightBg !default; +$calendarCellDateSelectedTextColor:$highlightTextColor !default; +$calendarCellDateSelectedBorder:0 none !default; +$calendarCellDateTodayBg:transparent !default; +$calendarCellDateTodayTextColor:$primaryDarkerColor !default; +$calendarCellDateTodayBorder:0 none !default; + +$calendarButtonBarPadding:1rem 0 !default; +$calendarTimePickerMargin:.857em 0 !default; +$calendarTimePickerLabelPadding:0 !default; +$calendarTimePickerInputPadding:.5em 0 !default; +$calendarTimePickerInputMargin:0 .714em .714em 40% !default; + +//keyboard +$keyboardButtonPadding:.5rem !default; +$keyboardButtonMargin:2px !default; +$keyboardButtonBorder:$inputBorder !default; +$keyboardButtonBg:$inputBg !default; +$keyboardButtonTextColor:$shade700 !default; +$keyboardButtonHoverBorderColor:$shade400 !default; +$keyboardButtonHoverBg:#ebebef !default; +$keyboardButtonTextHoverColor:$shade700 !default; +$keyboardButtonActiveBorderColor:$buttonActiveBorderColor !default; +$keyboardButtonActiveBg:$buttonActiveBg !default; +$keyboardButtonTextActiveColor:$shade000 !default; + +//switch +$inputSwitchOffBg:$shade300 !default; +$inputSwitchHandleOffBg:$shade000 !default; +$inputSwitchHandleOffBorder:2px solid $shade300 !default; +$inputSwitchOnBg:$primaryColor !default; +$inputSwitchHandleOnBg:$shade000 !default; +$inputSwitchHandleOnBorderColor:$primaryDarkerColor !default; +$inputSwitchHandleBorderRadius:50% !default; +$inputSwitchHandleShadow: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,.12) !default; +$inputSwitchBorderRadius:30px !default; + +//panel common +$panelHeaderBorder:1px solid $shade300 !default; +$panelHeaderBg:$shade100 !default; +$panelHeaderTextColor:$shade700 !default; +$panelHeaderFontWeight:700 !default; +$panelHeaderPadding:1rem !default; +$panelContentBorder:1px solid $shade300 !default; +$panelContentBg:$shade000 !default; +$panelContentTextColor:$shade700 !default; +$panelContentPadding:1rem !default; +$panelFooterBorder:1px solid $shade300 !default; +$panelFooterBg:$shade000 !default; +$panelFooterTextColor:$shade700 !default; +$panelFooterPadding:1rem !default; + +$panelHeaderHoverBg:$shade200 !default; +$panelHeaderHoverBorderColor:$shade300 !default; +$panelHeaderTextHoverColor:$shade700 !default; +$panelHeaderHoverIconColor:$shade700 !default; + +//accordion +$accordionSpacing:0 !default; +$accordionHeaderBorder:$panelHeaderBorder !default; +$accordionHeaderBg:$panelHeaderBg !default; +$accordionHeaderTextColor:$panelHeaderTextColor !default; +$accordionHeaderFontWeight:$panelHeaderFontWeight !default; +$accordionHeaderPadding:$panelHeaderPadding !default; + +$accordionHeaderHoverBg:$shade200 !default; +$accordionHeaderHoverBorderColor:$shade300 !default; +$accordionHeaderTextHoverColor:$shade700 !default; + +$accordionHeaderActiveBg:$panelHeaderBg !default; +$accordionHeaderActiveBorderColor:$shade300 !default; +$accordionHeaderTextActiveColor:$shade700 !default; + +$accordionHeaderActiveHoverBg:$shade200 !default; +$accordionHeaderActiveHoverBorderColor:$shade300 !default; +$accordionHeaderActiveTextHoverColor:$shade700 !default; + +$accordionContentBorder:$panelContentBorder !default; +$accordionContentBg:$panelContentBg !default; +$accordionContentTextColor:$panelContentTextColor !default; +$accordionContentPadding:$panelContentPadding !default; + +//tabview +$tabsHeaderSpacing:.286rem !default; +$tabsNavBorderWidth:2px !default; +$tabsNavBorder:$tabsNavBorderWidth solid $shade300 !default; +$tabsNavBg:$shade000 !default; + +$tabsHeaderBg:$shade000 !default; +$tabsHeaderTextColor:$shade600 !default; +$tabsHeaderFontWeight:700 !default; +$tabsHeaderPadding:$panelHeaderPadding !default; + +$tabsHeaderHoverBg:$shade000 !default; +$tabsHeaderHoverBorderColor:$shade500 !default; +$tabsHeaderTextHoverColor:$shade600 !default; + +$tabsHeaderActiveBg:$shade000 !default; +$tabsHeaderActiveBorderColor:$primaryColor !default; +$tabsHeaderTextActiveColor:$primaryColor !default; + +$tabsContentBorder:0 none !default; +$tabsContentBg:$shade000 !default; +$tabsContentTextColor:$shade700 !default; +$tabsContentPadding:$panelContentPadding !default; + +//action icon +$tabsScrollerButtonBg:$shade000 !default; +$tabsScrollerButtonIconColor:$shade600 !default; +$tabsScrollerButtonHoverBg:$shade200 !default; +$tabsScrollerButtonIconHoverColor:$shade700 !default; + +//scrollpanel +$scrollPanelHandleBg:#dadada !default; +$scrollPanelTrackBorder:0 none !default; +$scrollPanelTrackBg:#f8f8f8 !default; + +//paginator +$paginatorBg:$shade000 !default; +$paginatorBorder:solid $shade200 !default; +$paginatorBorderWidth:0 !default; +$paginatorIconColor:$shade600 !default; +$paginatorPadding:1rem !default; +$paginatorElementWidth:2.286em !default; +$paginatorElementHeight:2.286em !default; +$paginatorElementHoverBg:$shade200 !default; +$paginatorElementHoverIconColor:$shade700 !default; +$paginatorElementMargin:0 .125em !default; +$paginatorElementBorder:1px solid transparent !default; +$paginatorElementHoverBorderColor:transparent !default; +$paginatorElementBorderRadius:$borderRadius !default; + +//datatable +$datatableHeaderBorder:1px solid $shade200 !default; +$datatableHeaderBorderWidth:1px 0 1px 0 !default; +$datatableHeaderBg:$shade100 !default; +$datatableHeaderTextColor:$shade700 !default; +$datatableHeaderFontWeight:600 !default; +$datatableHeaderPadding:1rem 1rem !default; + +$datatableHeaderCellPadding:1rem 1rem !default; +$datatableHeaderCellBg:$shade100 !default; +$datatableHeaderCellTextColor:$shade700 !default; +$datatableHeaderCellFontWeight:700 !default; +$datatableHeaderCellBorder:1px solid $shade200 !default; +$datatableHeaderCellBorderWidth:0 0 1px 0 !default; +$datatableHeaderCellHoverBg:$shade200 !default; +$datatableHeaderCellTextHoverColor:$shade700 !default; +$datatableHeaderCellHighlightBg:$shade100 !default; +$datatableHeaderCellHighlightTextColor:$primaryColor !default; +$datatableHeaderCellHighlightHoverBg:$shade200 !default; +$datatableHeaderCellHighlightTextHoverColor:$primaryColor !default; +$datatableSortableColumnBadgeSize:1.143rem !default; +$datatableBodyRowBg:$shade000 !default; +$datatableBodyRowTextColor:$shade700 !default; +$datatableBodyRowBorder:1px solid rgba(0, 0, 0, 0.08) !default; +$datatableBodyRowOddBg:#fbfcfc !default; +$datatableBodyRowHoverBg:$shade200 !default; +$datatableBodyRowTextHoverColor:$shade700 !default; +$datatableBodyCellPadding:1rem 1rem !default; +$datatableBodyCellBorderWidth:0 0 1px 0 !default; +$datatableFooterBorderWidth:0 0 1px 0 !default; +$datatableFooterCellPadding:1rem 1rem !default; +$datatableFooterCellBg:$shade100 !default; +$datatableFooterCellTextColor:$shade700 !default; +$datatableFooterCellFontWeight:700 !default; +$datatableFooterCellBorder:1px solid $shade200 !default; +$datatableFooterCellBorderWidth:0 0 1px 0 !default; +$datatableResizerHelperBg:$primaryColor !default; + +$datatableFooterBorder:1px solid $shade200 !default; +$datatableFooterBorderWidth:0 0 1px 0 !default; +$datatableFooterBg:$shade100 !default; +$datatableFooterTextColor:$shade700 !default; +$datatableFooterFontWeight:600 !default; +$datatableFooterPadding:1rem 1rem !default; + +$datatableTopPaginatorBorderWidth:0 0 1px 0 !default; +$datatableBottomPaginatorBorderWidth:0 0 1px 0 !default; + +$datatableScaleSm:0.5 !default; +$datatableScaleLg:1.25 !default; + +//dataview +$dataViewContentPadding:0 !default; +$dataViewContentBorder:0 none !default; +$dataViewListItemBorder:solid $shade200 !default; +$dataViewListItemBorderWidth:0 0 1px 0 !default; + +//orderlist, picklist +$orderListDropPlaceholderBg:scale-color($highlightBg, $lightness: -20%) !default; +$pickListDropPlaceholderBg:scale-color($highlightBg, $lightness: -20%) !default; + +//schedule +$scheduleCellBorderColor: $shade300 !default; +$scheduleTodayBg:$highlightBg !default; +$scheduleEventBg:$primaryDarkColor !default; +$scheduleEventBorder:1px solid $primaryDarkColor !default; +$scheduleEventTextColor:$primaryTextColor !default; + +//tree +$treeNodePadding:.143em 0 !default; +$treeNodeLabelPadding:.286em !default; + +//messages +$messagesMargin:1rem 0 !default; +$messagesPadding:1.5rem !default; +$messagesIconFontSize:1.5rem !default; +$messagesBorderWidth:0 0 0 6px !default; +$messagesFontWeight:600 !default; +$infoMessageBg:#B3E5FC !default; +$infoMessageBorder:1px solid #03A9F4 !default; +$infoMessageTextColor:#01579B !default; +$infoMessageIconColor:#01579B !default; +$warnMessageBg:#FFECB3 !default; +$warnMessageBorder:1px solid #FFC107 !default; +$warnMessageTextColor:#7f6003 !default; +$warnMessageIconColor:#7f6003 !default; +$errorMessageBg:#FFCDD2 !default; +$errorMessageBorder:1px solid #EF5350 !default; +$errorMessageTextColor:#B71C1C !default; +$errorMessageIconColor:#B71C1C !default; +$growlIconFontSize:2rem !default; +$growlMargin:0 0 1rem 0 !default; +$growlPadding:1rem !default; +$messageBorderWidth:0 0 0 3px !default; + +//overlays +$overlayContentBorder:0 none !default; +$overlayContainerShadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0,0,0,.12) !default; + +//dialog +$dialogHeaderBorder:0 none !default; +$dialogHeaderBg:$shade000 !default; +$dialogHeaderTextColor:$shade700 !default; +$dialogHeaderFontWeight:700 !default; +$dialogHeaderFontSize:1.25rem !default; +$dialogHeaderPadding:1.5rem !default; +$dialogContentBorder:0 none !default; +$dialogContentBg:$shade000 !default; +$dialogContentTextColor:$shade700 !default; +$dialogContentPadding:0 1.5rem 2rem 1.5rem !default; +$dialogFooterBorder:0 none !default; +$dialogFooterBg:$shade000 !default; +$dialogFooterTextColor:$shade700 !default; +$dialogFooterPadding:0 1.5rem 1.5rem 1.5rem !default; + +$confirmDialogContentPadding:0 1.5rem 2rem 1.5rem !default; +$confirmDialogIconFontSize:2.5rem !default; + +//overlay panel +$overlayPanelCloseIconBg:$primaryColor !default; +$overlayPanelCloseIconColor:$primaryTextColor !default; +$overlayPanelCloseIconHoverBg:$primaryDarkColor !default; +$overlayPanelCloseIconHoverColor:$primaryTextColor !default; + +//tooltip +$tooltipBg:#252529 !default; +$tooltipTextColor:#ffffff !default; + +//steps +$stepsItemTextColor:$shade600 !default; +$stepsItemNumberBorder:1px solid $shade200 !default; +$stepsItemNumberColor:$shade700 !default; +$stepsItemNumberBg:$shade000 !default; +$stepsItemNumberFontSize: 1.143rem !default; +$stepsItemNumberWidth: 2rem !default; +$stepsItemNumberHeight: 2rem !default; +$stepsItemNumberBorderRadius: 50% !default; + +//progressbar +$progressBarHeight:1rem !default; +$progressBarBorder:0 none !default; +$progressBarBg:#efefef !default; +$progressBarValueBg:$primaryColor !default; + +//menu +$verticalMenuPadding:.25rem 0 !default; +$menuBg:$shade000 !default; +$menuBorder:1px solid $shade300 !default; +$menuitemTextColor:$shade700 !default; +$menuitemIconColor:$shade600 !default; +$menuitemHoverBg:$shade200 !default; +$menuitemTextHoverColor:$shade700 !default; +$menuitemHoverIconColor:$shade700 !default; +$menuitemPadding:.75rem 1rem !default; +$menuitemMargin:0 !default; +$menuitemBorderRadius:0 !default; +$menuSeparatorMargin:.25rem 0 !default; + +$breadcrumbPadding:1rem !default; +$breadcrumbBg:$menuBg !default; +$breadcrumbBorder:$menuBorder !default; +$breadcrumbItemTextColor:$menuitemTextColor !default; +$breadcrumbItemIconColor:$menuitemIconColor !default; +$breadcrumbLastItemTextColor:$menuitemTextColor !default; +$breadcrumbLastItemIconColor:$menuitemIconColor !default; +$breadcrumbSeparatorColor:$menuitemTextColor !default; + +$submenuHeaderMargin:0 !default; +$submenuHeaderPadding:.75rem 1rem !default; +$submenuHeaderBg:#ffffff !default; +$submenuHeaderBorder:0 none !default; +$submenuHeaderTextColor:$shade700 !default; +$submenuHeaderFontWeight:700 !default; +$submenuHeaderFontSize:1rem !default; + +$horizontalMenuPadding: .5rem !default; +$horizontalMenuBg: $shade100 !default; + +$overlayMenuShadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12) !default; + +//upload +$fileItemPadding:1rem !default; + +//badge and tag +$badgeBg:$primaryColor !default; +$badgeTextColor:$primaryTextColor !default; +$badgeMinWidth:1.5rem !default; +$badgeHeight:1.5rem !default; +$badgeFontWeight:700 !default; +$badgeFontSize:.75rem !default; + +$tagPadding:.25rem .4rem !default; + +//card +$cardBodyPadding:1rem !default; +$cardTitleFontSize:1.5rem !default; +$cardTitleFontWeight:700 !default; +$cardSubTitleFontWeight:400 !default; +$cardSubTitleColor:$shade600 !default; +$cardContentPadding:1rem 0 !default; +$cardFooterPadding:1rem 0 0 0 !default; +$cardShadow:0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12) !default; + +//divider +$dividerHorizontalMargin:1rem 0 !default; +$dividerHorizontalPadding:0 1rem !default; +$dividerVerticalMargin:0 1rem !default; +$dividerVerticalPadding:1rem 0 !default; +$dividerSize:1px !default; +$dividerColor:$shade300 !default; + +//avatar +$avatarBg:$shade300 !default; +$avatarTextColor:$textColor !default; + +//chip +$chipBg:$shade300 !default; +$chipTextColor:$textColor !default; +$chipBorderRadius: 16px !default; + +//scrollTop +$scrollTopBg:rgba(0,0,0,0.7) !default; +$scrollTopHoverBg:rgba(0,0,0,0.8) !default; +$scrollTopWidth:3rem !default; +$scrollTopHeight:3rem !default; +$scrollTopBorderRadius:50% !default; +$scrollTopFontSize:1.5rem !default; +$scrollTopTextColor:$shade100 !default; + +//skeleton +$skeletonBg:$shade200 !default; +$skeletonAnimationBg:rgba(255,255,255,0.4) !default; + +//splitter +$splitterGutterBg:$shade100 !default; +$splitterGutterHandleBg:$shade300 !default; + +//chronoline +$chronolineVerticalEventContentPadding:0 1rem !default; +$chronolineHorizontalEventContentPadding:1rem 0 !default; +$chronolineEventMarkerWidth:1rem !default; +$chronolineEventMarkerHeight:1rem !default; +$chronolineEventMarkerBorderRadius:50% !default; +$chronolineEventMarkerBorder:2px solid $primaryColor !default; +$chronolineEventMarkerBackground:$shade000 !default; +$chronolineEventConnectorSize:2px !default; +$chronolineEventColor:$shade300 !default; + +//confirmpopup +$confirmPopupContentPadding:$panelContentPadding !default; +$confirmPopupFooterPadding:0 1rem 1rem 1rem !default; + +//speeddial +$speedDialButtonWidth: 4rem !default; +$speedDialButtonHeight: 4rem !default; +$speedDialButtonIconFontSize: 1.3rem !default; +$speedDialActionWidth: 3rem !default; +$speedDialActionHeight: 3rem !default; +$speedDialActionBg: $shade700 !default; +$speedDialActionHoverBg: $shade800 !default; +$speedDialActionTextColor: #fff !default; +$speedDialActionTextHoverColor: #fff !default; + +//carousel +$carouselIndicatorsPadding:1rem !default; +$carouselIndicatorBg:$shade200 !default; +$carouselIndicatorHoverBg:$shade300 !default; +$carouselIndicatorBorderRadius:0 !default; +$carouselIndicatorWidth:2rem !default; +$carouselIndicatorHeight:.5rem !default; + +//galleria +$galleriaMaskBg:rgba(0,0,0,0.9) !default; +$galleriaCloseIconMargin:.5rem !default; +$galleriaCloseIconFontSize:2rem !default; +$galleriaCloseIconBg:transparent !default; +$galleriaCloseIconColor:$shade100 !default; +$galleriaCloseIconHoverBg:rgba(255,255,255,0.1) !default; +$galleriaCloseIconHoverColor:$shade100 !default; +$galleriaCloseIconWidth:4rem !default; +$galleriaCloseIconHeight:4rem !default; +$galleriaCloseIconBorderRadius:50% !default; + +$galleriaItemNavigatorBg:transparent !default; +$galleriaItemNavigatorColor:$shade100 !default; +$galleriaItemNavigatorMargin:0 .5rem !default; +$galleriaItemNavigatorFontSize:2rem !default; +$galleriaItemNavigatorHoverBg:rgba(255,255,255,0.1) !default; +$galleriaItemNavigatorHoverColor:$shade100 !default; +$galleriaItemNavigatorWidth:4rem !default; +$galleriaItemNavigatorHeight:4rem !default; +$galleriaItemNavigatorBorderRadius:$borderRadius !default; + +$galleriaCaptionBg:rgba(0,0,0,.5) !default; +$galleriaCaptionTextColor:$shade100 !default; +$galleriaCaptionPadding:1rem !default; + +$galleriaIndicatorsPadding:1rem !default; +$galleriaIndicatorBg:$shade200 !default; +$galleriaIndicatorHoverBg:$shade300 !default; +$galleriaIndicatorBorderRadius:50% !default; +$galleriaIndicatorWidth:1rem !default; +$galleriaIndicatorHeight:1rem !default; +$galleriaIndicatorsBgOnItem:rgba(0,0,0,.5) !default; +$galleriaIndicatorBgOnItem:rgba(255,255,255,.4) !default; +$galleriaIndicatorHoverBgOnItem:rgba(255,255,255,.6) !default; + +$galleriaThumbnailContainerBg:rgba(0,0,0,.9) !default; +$galleriaThumbnailContainerPadding:.8rem .25rem !default; +$galleriaThumbnailContentMargin:.2rem !default; +$galleriaThumbnailNavigatorBg:transparent !default; +$galleriaThumbnailNavigatorColor:$shade100 !default; +$galleriaThumbnailNavigatorHoverBg:rgba(255,255,255,0.1) !default; +$galleriaThumbnailNavigatorHoverColor:$shade100 !default; +$galleriaThumbnailNavigatorBorderRadius:50% !default; +$galleriaThumbnailNavigatorWidth:2rem !default; +$galleriaThumbnailNavigatorHeight:2rem !default; + +:root { + --surface-a:#{$shade000}; + --surface-b:#{$shade100}; + --surface-c:#{$shade200}; + --surface-d:#{$shade300}; + --surface-e:#{$shade000}; + --surface-f:#{$shade000}; + --text-color:#{$shade700}; + --text-color-secondary:#{$shade600}; + --primary-color:#{$primaryColor}; + --primary-color-text:#{$primaryTextColor}; + --font-family:#{$fontFamily}; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F5F5F5; + --surface-200: #EEEEEE; + --surface-300: #E0E0E0; + --surface-400: #BDBDBD; + --surface-500: #9E9E9E; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding:#{$panelContentPadding}; + --inline-spacing:#{$inlineSpacing}; + --border-radius:#{$borderRadius}; + --surface-ground:#f8f9fa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: #e9ecef; + --maskbg: #{$maskBg}; + --focus-ring: #{$focusShadow}; +} \ No newline at end of file diff --git a/src/main/webapp/template/breadcrumb.xhtml b/src/main/webapp/template/breadcrumb.xhtml new file mode 100644 index 0000000..d68e022 --- /dev/null +++ b/src/main/webapp/template/breadcrumb.xhtml @@ -0,0 +1,24 @@ + + +
+
+
+
  • Sistema
    • +
    • +
  • + Página +
    • + +
    + + +
    +
    + +     \ No newline at end of file diff --git a/src/main/webapp/template/config.xhtml b/src/main/webapp/template/config.xhtml new file mode 100644 index 0000000..d0f9c10 --- /dev/null +++ b/src/main/webapp/template/config.xhtml @@ -0,0 +1,109 @@ + + +
    +
    + + + + +
    +
    Theme Customization
    + Poseidon offers different themes for layout, topbar, menu etc. +
    + + + Layout Mode +
    + + + + + + +
    +     + + + Menu Mode +
    + + + + + + +
    +     + + + Menu Theme +
    + + + + + + +
    +     + + + Topbar Mode +
    + + + + + + +
    +     + + + Form Type +
    + + + + + +
    +     + + + RTL Mode + + + + + + + Component Colors +
    + +
    + + + + + + + + +
    +     +
    +     + +     +
    +
    +     \ No newline at end of file diff --git a/src/main/webapp/template/footer.xhtml b/src/main/webapp/template/footer.xhtml new file mode 100644 index 0000000..8f379a3 --- /dev/null +++ b/src/main/webapp/template/footer.xhtml @@ -0,0 +1,20 @@ + + + +
    + + + + +
    +     +     \ No newline at end of file diff --git a/src/main/webapp/template/menu.xhtml b/src/main/webapp/template/menu.xhtml new file mode 100644 index 0000000..15da785 --- /dev/null +++ b/src/main/webapp/template/menu.xhtml @@ -0,0 +1,9 @@ + + + + diff --git a/src/main/webapp/template/menutemplate.xhtml b/src/main/webapp/template/menutemplate.xhtml new file mode 100644 index 0000000..1e1f88a --- /dev/null +++ b/src/main/webapp/template/menutemplate.xhtml @@ -0,0 +1,21 @@ + + + + +
    +
    + + + + + +
    +
    + +     diff --git a/src/main/webapp/template/rightpanel.xhtml b/src/main/webapp/template/rightpanel.xhtml new file mode 100644 index 0000000..1285e63 --- /dev/null +++ b/src/main/webapp/template/rightpanel.xhtml @@ -0,0 +1,96 @@ + + + +
    +
    +
    +
    Your Tasks Today
    +
      +
    • + +
      +
      Sales reports
      + Today +
      +
      • +
    • + +
      +
      Pay invoices
      + Today +
      +
      • +
    • + +
      +
      Dinner with Tony
      + Today, 22:36 +
      +
      • +
    • + +
      +
      Client meeting
      + Today +
      +
      • +
    +
    + +
    + +
    +
    Upcoming
    + +
      +
    • + +
      +
      New representative meeting
      + 27 May +
      +
      • +
    • + +
      +
      Flight tickets
      + 28 May +
      +
      • +
    • + +
      +
      Generate charts
      + 29 May +
      +
      • +
    • + +
      +
      Delete old files
      + 30 May +
      +
      • +
    +
    +
    +
    +     + + + +     \ No newline at end of file diff --git a/src/main/webapp/template/template.xhtml b/src/main/webapp/template/template.xhtml new file mode 100644 index 0000000..27bd85f --- /dev/null +++ b/src/main/webapp/template/template.xhtml @@ -0,0 +1,141 @@ + + + + + + + + + + + <ui:insert name="HEAD_TITULO_PAGINA">PrimeFaces Poseidon</ui:insert> + + + + + + + + +
    + + + + + + +
    + +
    + + + +
    +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +     + + + +
    + + +
    +
    +
    + + + + +