.discourse-cronos {
  display: inline-block;
  vertical-align: top;

  &.cooked {
    color: $primary;
    font-weight: bold;
    cursor: pointer;

    .d-icon-globe {
      margin-right: .25em;
      color: $primary-medium;

      &:hover {
        color: $primary-high;
      }
    }

    &:hover .d-icon-globe {
      color: $primary-high;
    }
  }

  + .discourse-cronos {
    margin-left: .5em;
  }
}

.discourse-cronos-create-modal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;

  .validation-error {
    color: $danger;
  }

  &:before, &:after {
    content: none;
  }
}

.discourse-cronos-create-modal {
  min-height: 300px;
  display: flex;
  flex-direction: row;

  .form {
    flex: 1;
    .controls {
      &.date-time {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 1em;

        .date {
          margin: 0 0.5em 0 0;
        }

        .date-picker {
          padding-top: 5px;
          bottom: 5px;
          margin: 0;
        }

        .time {
          margin: 0 0.5em 0 0;
          max-width: 100px;
        }
      }
    }

    .advanced-mode-btn {
      margin-top: 2em;
      margin-bottom: 1em;
    }
   }

  .select-kit.multi-select {
    width: 90%;
  }
}