.diary-field-score-select_input {
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: top;
}

.diary-field-score-select_color-and-icon-pickers {
  display: inline-block;
  width: 90px;
  height: 40px;
  vertical-align: top;
}

.diary-field-score-select_activity-name-input {
  width: calc(100% - 94px);
  display: inline-block;
  vertical-align: top;
}

.icon-picker {
  display: inline-block;
  margin-right: 3px;
  cursor: pointer;
  padding: 3px;
}

.icon-picker_icon-display {
  width: 100%;
  height: 65px;
}


td.diary-fields-item-icon-cell--with-activity {
  position: relative;
}

.diary-fields-item-marker--with-activity {
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  background-color: #d1e7dd;
  z-index: 5;
}

td.diary-fields-item-icon-cell--with-activity .icon-sm {
  z-index: 10;
  position: relative;
}

.icon-picker-score-select {
  width: 50px;
  vertical-align: middle;
}

.diary-day-activity_extra {
  font-size: 13px;
  font-weight: bold;
  position: absolute;
  width: 100%;
  top: 35px;
  left: 0;
  text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
}

.diary-day-activity-numeric-field-controls {
  display: inline-block;
  width: 100%;
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 10;
}

.diary-day-activity-numeric-field-control--left,
.diary-day-activity-numeric-field-control--right {
  position: absolute;
  top: 0;
  background-color: white;
  border-radius: 50%;
  display: inline-block;
  width: 16px;
  height: 16px;
}

.diary-day-activity-numeric-field-control--left .bi,
.diary-day-activity-numeric-field-control--right .bi {
  position: relative;
  bottom: 3px;
}

.diary-day-activity-numeric-field-control--left {
  left: 1px;
}

.diary-day-activity-numeric-field-control--right {
  right: 1px;
}