@import "para/admin/theme/variables"

.redactor-button-disabled
  &:hover,
  &:focus
    background-color: transparent !important
    color: #333 !important
    cursor: disabled

.redactor-dropdown a
  color: $dropdown-link-color
  &:hover,
  &:focus
    background-color: $dropdown-link-hover-bg
    color: $dropdown-link-hover-color !important

.redactor-box
  .redactor-toolbar
    /* Override z-index because we don't whant */
    /* redactor_toolbar fixed somewhere or on top of everythink ..*/
    z-index: 1 !important
    box-shadow: none
    border-radius: $input-border-radius $input-border-radius 0 0
    border: 1px solid $input-border
    li a
      &:hover,
      &:focus
        background-color: $btn-primary-bg
        color: $btn-primary-color

  .redactor-editor
    background-color: $input-bg
    border: 1px solid $input-border
    border-top-width: 0px
    border-radius: 0 0 $input-border-radius $input-border-radius
    &:focus
      border-color: $input-border-focus
      background: #FFF
    &[disabled], &[readonly]
      color: $gray-dark
    &[disabled]:focus, &[readonly]:focus
      background: $input-bg-disabled
      color: $gray-dark
      border-color: $gray-lighter

  textarea.form-control
    background-color: $input-bg
    color: $input-color
    border: 1px solid $input-border
    border-top-width: 0px
    &:focus
      background-color: #111
      color: $gray-lighter

.redactor-editor
  div.row
    margin-left: -15px
    margin-right: -15px
    margin-bottom: 0
  div[class^=col-lg-], div[class^=col-md-], div[class^=col-sm-], div[class^=col-xs-]
    padding-left: 15px
    padding-right: 15px
    border: 1px dashed $gray-light
    margin-bottom: 0

#redactor-modal
  input[type="text"],
  input[type="password"],
  input[type="email"],
  textarea
    border-color: $input-border
    background-color: $input-bg
    color: $input-color
    box-shadow: none
    &:focus
      background-color: #fff
      border-color: $input-border-focus
      box-shadow: none

  footer
    button.redactor-modal-action-btn
      background-color: $btn-primary-bg
      color: $btn-primary-color
      &:hover,
      &:focus
        background-color: darken($btn-primary-bg, 5%)