//DEPRICATED
.row.product_category-container
  margin-bottom: 15px

.products-menu-filters-container
  float: right
  width: 200px

.product_category-header
  border-top: 1px solid #ccc
  border-bottom: 1px solid #ccc
  .move
    @extend .fa
    // @extend .fa-lg
    @extend .fa-arrows
    margin-right: 8px
  .title
    font-weight: bold
    font-size: 1.3em
  .availability
    font-size: 0.8em
    padding-left: 1em
    padding-right: 1em
    .day-names
      color: #444
    .time-range
      color: rgb(39, 6, 121)
  .edit-product-category-button
    +push-button($bg: $secondary-color)
    color: $warning-color
    font-size: 0.7em
    vertical-align: top
    span
      @extend .fa
      @extend .fa-lg
      @extend .fa-edit
  .add-product-product_category-button
    +push-button($bg: $primary-color)
    font-size: 0.7em
    position: absolute
    right: 10px
    top: 0.6em
    span
      @extend .fa
      @extend .fa-lg
      @extend .fa-plus
.product_category-move-row
  .availability
    font-size: 0.8em
    .day-names
      color: #444
    .time-range
      color: rgb(39, 6, 121)
.show-menu-product-row
  padding: 4px 0
.menu-product-container
  &.inactive
    color: #777
  &.editing
    box-shadow: 5px 5px 5px #555
    //border-left: 1px solid rgba(100,100,100,0.3)
    //border-top: 1px solid rgba(100,100,100,0.3)
    margin-left: -5px
    margin-top: -5px
    margin-bottom: 16px
    background-color: #ccc
    padding: 5px
    z-index: 722
  .highlight
    text-decoration: underline
    font-weight: bold
  .edit-product-action
    +push-button($bg: $secondary-color)
    font-size: 0.9em
    span
      @extend .fa
      @extend .fa-edit
  .rollback-product-action
    +push-button($bg: $secondary-color)
    color: $warning-color
    margin-right: 12px
    span
      @extend .fa
      @extend .fa-lg
      @extend .fa-undo
  .destroy-product-action
    +push-button($bg: $secondary-color)
    color: $alert-color
    margin-right: 12px
    span
      @extend .fa
      @extend .fa-lg
      @extend .fa-trash
  .remove-product-variant
    +push-button($bg: $alert-color, $padding: 5px)
    span
      @extend .fa, .fa-trash
  .add-product-variant
    +button($bg: $success-color, $padding: $button-tny)
    .icon
      @extend .fa, .fa-plus
      margin-right: 6px
  .error
    color: $alert-color
  input
    margin-bottom: 0
  .save-product-action
    +push-button($bg: $secondary-color)
    color: $success-color
    span
      @extend .fa
      @extend .fa-lg
      @extend .fa-save
.new-product_category-button
  +button
