.mood {
  border-radius: 15px;
  border: 1px solid grey;
  background: #e6e6e6;
  padding: 15px;
  text-align: center;
  display: inline-block;
  outline: none;
}

.default {
  border: 1px solid transparent !important;
  padding: 4px;
}

.selected {
  border: 1px solid lightgreen !important;
  padding: 4px;
}

.doubling-input,
.numeric-input {
  font-size: calc(var(--ag-font-size) + 1px);
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px);
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}

/* Completely fill the space for number arrow buttons */
.doubling-input::-webkit-outer-spin-button,
.doubling-input::-webkit-inner-spin-button {
  width: 25px;
  position: absolute;
  top: 0px;
  right: 1px;
  height: 100%;
}