/* segmented button */
.segment {
  /*width: 122px;*/
  width: 16.1%;
  min-width: 36px;
  height: 36px;
  float: left;
  display: table;
  box-shadow: 0px 2px 1px rgba(0,0,0,0.15);
  box-sizing: border-box;
  color: #756556;
  background-color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  border-top: solid transparent 4px;
  border-right: solid #e9e6e4 1px;
  cursor: pointer;
}
@media (max-width: 768px) /* xs */ {
  .segment {
    display: none;
  }
}

/* left segment */
.segment.left {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-right: solid #e9e6e4 2px;
}

/* right segment */
.segment.right {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-right: solid #e9e6e4 2px;
}

/* states */
.segment.is-selected {
  background-color: #e9e6e4;
  border-top: solid #ffa500 4px;
}