// Place all the styles related to the Orders controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

.big-form-button {
  height: 65px;
  width: 65px;
}

.form-control.big-form-field {
  height: 65px;
  text-align: center;
}

.form_row_image {
  height: 100px;
  width: 100px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    top: 0;
    margin: auto;
  }
}

.form_row input::-webkit-outer-spin-button,
.form_row input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.form_row .btn-lg {
  padding: 10px 10px;
}

.form_row .caption {
  h4 {
    position: relative;
    span {
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 100%;
      display: inline-block;
      padding-right: 50px;
    }
    small {
      margin-left: -45px;
      position: absolute;
      top: 5px;
    }
  }
}

#order_price {
  width: 50px;
}