/*******************************
         Theme Overrides
*******************************/

.ui.input input {
  font-weight: @inputFontWeight;
}

/* This aligns the height of the field name label to the other side in case
of an error is present, it overrides a default from SemanticUI grid definitions. */
.inline.field .ui.grid > .stretched.row > .column > .wrapper {
  flex-grow: 0;
}
/* Exception - Toolbar */
#toolbar .inline.field .ui.grid > .stretched.row > .column > .wrapper {
  flex-grow: 1;
}

.inline.field {
  .wrapper {
    display: flex;
    min-height: 60px;
    align-items: center;
    border-bottom: 1px solid @lightGreyBorderColor;
  }

  &.required .wrapper {
    > label[for]::after,
    .ui.checkbox::after,
    .ui.label::after {
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      margin-left: 5px;
      background-color: @pink;
      content: '';
    }
  }

  &.required .wrapper .ui.checkbox::after {
    position: absolute;
    top: 2px;
    right: -14px;
  }

  &.text {
    .toolbar {
      display: block;
      margin-top: 18px;
    }
  }

  &.textarea {
    .wrapper,
    .toolbar {
      display: block;
      margin-top: 18px;
    }

    textarea {
      min-height: 60px;
      padding: 0;
      margin-top: 18px;
    }
  }

  &.wysiwyg {
    .wrapper,
    .toolbar {
      display: block;
      margin-top: 18px;
    }

    .DraftEditor-root {
      min-height: 60px;
      margin-top: 18px;
    }
  }

  .ui.checkbox ~ .ui.basic.label {
    border: 0;
  }
}

.ui.form .searchbox.field {
  display: flex;
  padding-left: 1em;
  border-left: 1px solid @purpleBackground;

  .ui.input input {
    width: 106px;
    height: auto;
    line-height: initial;
  }

  button {
    padding: 0;
    border: 0;
    background: transparent;
    color: @blue;
    cursor: pointer;
    text-align: initial;

    &.clear-search-button {
      //needed for focus
      margin-left: 0.1em;

      svg.icon {
        margin: auto;
      }

      &:focus,
      &:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
        color: @pink !important;
        outline: 1px solid @pink;
      }
    }
  }
}

.transparent {
  line-height: initial;
}