body {
  background-color: #f8f8f8;
  background-image: url('/images/v0/default_light/background.svg');
}
.widgets .action #run-result {
  background-color: #fff !important;
  border: 1px solid #ccc;
}
#menu .entry .label {
  color: #777 !important;
}
#menu .entry.selected .label {
  color: #fff !important;
}
input[type="text"],
textarea,
select {
  border: 1px solid #ccc;
}
.description {
  border: 1px solid #ccc;
}
button {
  background: #333;
  color: #fff;
  border: 1px solid #535353;
}
button:focus {
  background: #333;
}
#areas .area {
  background: #fff !important;
  border: 1px solid #333;
  box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.25);
}
#areas .area .name {
  border-top-left-radius: unset;
  border-top-right-radius: unset;
}
#areas .area .section .name {
  font-weight: normal;
}
dialog {
  border-radius: 8px;
}
dialog,
#datapoints,
#problems-list,
#acknowledged-list,
#values,
#services,
#notifications,
#group,
.table {
  background-color: #fff !important;
  border: 1px solid #ddd;
  box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.25);
}
