.Fields {
  display: flex;
  margin-top: 10px;
}

.FieldRow {
  width: 100%;
  float: left;
}

.EditArea {
  width: 800px;
}

.InformationArea {
  width: 480px;
  margin-left: 30px;
}

textarea {
  resize: none;
}


.Field {
  margin-top: 3px;
  color: #606060;
  background-color: white;
  border: 1px solid #C0C0C0;
  outline: none;
  padding: 8px;
  display: block;
  width: 100%
}


  .Field:focus {
    background-color: #F0F0FF;
    border: 1px solid #8080E0;
  }

.Field:hover {
  border: 1px solid #8080E0;
}

.ReadOnly:active,
.ReadOnly:hover,
.ReadOnly:focus,
.ReadOnly {
  background-color: #fCfFfC;
  border: 1px solid #80C080;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: .7;
  background: url(https://cdn.dsharp.nl/x/Icon/24/DatePicker.png) no-repeat;
  height: 20px;
  margin-right: -2px;
  width: 20px;
  cursor: pointer;
}