.EnumerationField {
  white-space: nowrap;
}

.EnumerationFilter {
  white-space: nowrap;
}

.EnumerationFilter > .EnumerationField {
  display: block;
  position: absolute;
  border: 1px solid #F0F0F0;
  background-color: #FFFFFF;
  z-index: 1;
}

.EnumerationField .Icon,
.EnumerationFilter .Icon {
  display: none;
  height: 1.5em;
  width: 1em;
  background-size: 1em;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: center center;
}

.EnumerationFilter .Icon {
  margin-right: 5px;
  vertical-align: top;
}

:not(.EnumerationFilter) > .EnumerationField[data--mode="edit"] > div,
.EnumerationFilter > .Value {
  display: inline-block;
}

.EnumerationField > div {
  margin-left: 2px;
  margin-right: 2px;
  cursor: pointer;
}

.EnumerationFilter > .Value .Icon,
.EnumerationField[data--mode="edit"] > div {
  opacity: 0.2;
}

.EnumerationFilter > .Value > .Enabled > .Icon,
.EnumerationField > div.Enabled {
  opacity: 1;
}

.EnumerationFilter > .Value > * {
  display: inline;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.EnumerationFilter > .EnumerationField.Collapsed {
  display: none;
}

.TStatus .Problem > .Icon,
.TStatus .Warning > .Icon,
.TStatus .Ok > .Icon {
  display: inline-block;
  vertical-align: sub;
}

.TStatus .Problem > .Icon {
  background-image: url("UserInterface.Icon.RedLight.svg");
}

.TStatus .Warning > .Icon {
  background-image: url("UserInterface.Icon.OrangeLight.svg");
}

.TStatus .Ok > .Icon {
  background-image: url("UserInterface.Icon.GreenLight.svg");
}

.TStatus span.Caption {
  display: none;
}

.TProblemSeverity .Error > .Icon,
.TProblemSeverity .Warning > .Icon,
.TProblemSeverity .Hint > .Icon {
  display: inline-block;
}

.TProblemSeverity .Error > .Icon {
  background-image: url("UserInterface.Icon.Error.svg");
}

.TProblemSeverity .Warning > .Icon {
  background-image: url("UserInterface.Icon.Warning.svg");
}

.TProblemSeverity .Hint > .Icon {
  background-image: url("UserInterface.Icon.Hint.svg");
}

.TProblemSeverity span.Caption {
  display: none;
}

.TProblemSeverity .EnumerationField[data--mode="edit"] span.Caption {
  display: inline-block;
}

.TProblemSeverity[data--mode="display"] > div {
  text-align: center;
}

.TStatus .Preferred > .Icon,
.TStatus .Active > .Icon,
.TStatus .Inactive > .Icon {
  display: inline-block;
}

.TStatus .Preferred > .Icon {
  background-image: url("UserInterface.Icon.Star.svg");
}

.TStatus .Active > .Icon {
  background-image: url("UserInterface.Icon.Active.svg");
}

.TStatus .Inactive > .Icon {
  background-image: url("UserInterface.Icon.Forbidden.svg");
}

.TStatus .EnumerationField[data--mode="edit"] span.Caption {
  display: inline-block;
}