@import 'mixins'
#admin-proactive-chat
  p.help-text
    margin-bottom: 1.25em
  a.help-button.create
    margin: 0.25em 0 0 1em
    &:before
      top: 0.1em
  fieldset
    input, textarea
      border: none
    textarea
      padding: 0.5em 1em
#greetings-index
  .row.control-right
    padding: 0.75em 0 0.75em 0em
    .control-button .icon
      font-size: 0.9em
      top: -0.05em
      left: -0.05em
      font-weight: bold
      &.icon-right
        left: 0.1em
    .control-button.active
      background-color: $red
#greetings-panel
  padding: 0.75em
  input[name="name"]
    font-weight: bold
    padding: 0 1.1em
  .controls-row .help-button
    width: 100%
    text-align: center
    font-size: 0.8em
    padding: 0.75em 0
  label
    margin-left: 1em
  .title
    font-weight: bold
    color: $dark-gray
    margin: 0 1em -0.5em
  .trigger-controller:after
    content: ""
    display: block
    clear: both
  .trigger-details-container
    input[name='page']
      color: #37C537
      font-weight: bold
    input[type="number"]::-webkit-outer-spin-button,
    input[type="number"]::-webkit-inner-spin-button
      -webkit-appearance: none
      margin: 0
    .help-text
      margin: 0 1em 0.75em
      color: $dark-gray
      font-size: 0.9em
    .title
      display: inline-block
      color: $light-gray
    .input-help-text
      display: inline-block
      font-style: italic
      margin-left: 0.75em
      color: $light-gray
  .add-trigger-row
    padding: 0.75em 1.25em
  .add-trigger
    color: $dark-gray
    font-size: 0.9em
    font-weight: bold
    cursor: pointer
    position: relative
    i
      position: absolute
      top: 0.2em
      font-size: 0.9em
    span
      margin-left: 1.1em
      font-size: 0.9em
  .remove-trigger
    cursor: pointer
    padding-bottom: 0.5em
    font-size: 0.75em
    font-weight: bold
    color: $red
    float: right
    .custom-icon-close
      float: left
      font-size: 0.7em
      margin-top: 0.5em
      margin-right: 0.5em