.wdk-UserProfile-banner {
  font-size: 1.3em;
  display: inline-block;
  padding: 0.4em 1.2em;
  border-radius: 7px;
  border: 1px solid #d3d3d3;
}

.wdk-UserProfile-modified {
  background: lightblue
}

.wdk-UserProfile-pending {
  background: lightyellow
}

.wdk-UserProfile-error {
  background: rgba(125, 0, 0, 0.4)
}

.wdk-UserProfile-success {
  background: rgba(0, 125, 0, 0.4)
}

.wdk-UserProfile-profileForm fieldset {
  margin-bottom: 2em;
  display: inline;
}

.wdk-UserProfile-profileForm legend {
  font-size: 14px;
  font-weight: bold;
}

.wdk-UserProfile-profileForm i {
  color: red;
  font-size: 0.75em;
  margin-right: 0.4em;
}

.wdk-UserProfile-profileForm fieldset>div {
  padding: 0.3em;
}

.wdk-UserProfile-profileForm fieldset {
  vertical-align: top;
}

.wdk-UserProfile-profileForm label {
  display: inline-block;
  width: 11em;
  font-weight: bold;
  padding-right: 1em;
  text-align:right;
  vertical-align: top;
}

.wdk-UserProfile-profileForm input[type='text|email'] {
  display: inline-block;
}

.wdk-UserProfile-profileForm  .wdk-CheckboxListItem {
  display: inline;
  line-height: 1.5em;
}

.wdk-UserProfile-profileForm  .wdk-CheckboxListItem label {
  text-align: left;
}

.wdk-UserProfile-profileForm  .wdk-CheckboxListItem:nth-child(6n):after {
  content: ' ';
  display: block;
}

.wdk-UserProfile-profileForm .wdk-CheckboxListItem input {
  margin-right: 0.5em;
}
