body {
  font-size: 1rem;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.00938em; }

a {
  text-decoration: none;
  color: black; }

.LoginForm {
  max-width: 350px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 10%;
  text-align: center; }

.LoginForm > div {
  margin-bottom: 24px; }

.Clickable {
  cursor: pointer;
  color: #1676f3; }

.Clickable:hover {
  cursor: pointer;
  color: #08489b; }

.Icon {
  opacity: 1.6; }

.NoData {
  opacity: 0.6;
  font-style: italic; }

.Icon4Headline {
  opacity: 0.6;
  height: 24px; }

.Icon:hover, .Icon4Headline:hover {
  opacity: 1.0;
  color: #08489b;
  transition: 'opacity 1s'; }

.Page {
  max-width: 1400px;
  margin: auto; }

.Menu {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
  background-color: #FFFFFF; }

.MenuSeparator {
  flex-grow: 1; }

.MenuVersion {
  opacity: 0.6;
  font-size: smaller;
  margin-right: 12px; }

.AccountDisplay > div {
  margin-bottom: 24px;
  max-width: 200px; }

.Headline {
  border-bottom: 1px solid lightgray;
  margin-bottom: 12px; }

.HeadlineTitle {
  opacity: 0.4; }

.AccountPwdChgDialog {
  width: 250px;
  padding: 6px;
  text-align: center; }

.AccountPwdChgDialog > div {
  margin-bottom: 16px; }

.RolesCreateDialog {
  width: 250px;
  padding: 6px;
  text-align: center; }

.without-padding input {
  padding: 0px; }

.editor4Attribute {
  margin-bottom: 8px; }

/*# sourceMappingURL=main.css.map */