/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
.gio-form-control {
  display: flex;
  flex-direction: row;
  flex-grow: 1; }
  .gio-form-control__controls {
    margin-top: 5px;
    margin-left: 10px;
    display: flex;
    flex-direction: row;
    flex-shrink: 0; }
    .gio-form-control__controls--edit {
      margin-top: 0;
      align-items: center; }
    .gio-form-control__controls--disabled .gio-form-control__button {
      cursor: default;
      opacity: 0.15; }
      .gio-form-control__controls--disabled .gio-form-control__button--edit:hover {
        fill: #99cacf; }
  .gio-form-control__label-wrapper.placeholder {
    color: #1a1a1a;
    opacity: 0.15; }
  .gio-form-control__button {
    cursor: pointer;
    width: 12px;
    height: 12px; }
    .gio-form-control__button--edit {
      fill: #99cacf; }
      .gio-form-control__button--edit:hover {
        fill: #007a87; }
    .gio-form-control__button--save {
      fill: #82c785; }
      .gio-form-control__button--save:hover {
        fill: #6da470; }
    .gio-form-control__button--cancel {
      margin-left: 15px;
      fill: #1a1a1a;
      opacity: 0.4; }
      .gio-form-control__button--cancel:hover {
        opacity: 0.6; }