.order-form-wrapper {

}
.order-form-wrapper tr {
    transition: 0.25s all;
}
.order-form-wrapper td.quantity-cell {

}
.order-form-wrapper td.quantity-cell a  {
    display: inline-block;
    width: 25px;
}
.order-form-wrapper tr  td.quantity-cell a.input-sign {
    transition: 0.25s all;
    color: gray;
}
.order-form-wrapper tr  td.quantity-cell a.input-sign.js-sign-add {
    opacity: 0.25;
    color: black;
}
.order-form-wrapper tr  td.quantity-cell a.input-sign.js-sign-remove {
    opacity: 0;
}
.order-form-wrapper tr:hover  td.quantity-cell a.input-sign {}
.order-form-wrapper tr:hover  td.quantity-cell a.input-sign.js-sign-add {
    opacity: 0.5;
    color: black;
}
.order-form-wrapper tr:hover  td.quantity-cell a.input-sign.js-sign-remove {
    color: red;
}

.order-form-wrapper tr  td.quantity-cell a.input-sign:hover {
    opacity: 1 !important;
}

.order-form-wrapper tr  td.summary-cell {
    min-width: 175px;
    width: 175px;
}

.order-form-wrapper tr.active  td .js-price-sum {
    font-weight: bold;
}


.order-form-wrapper td.quantity-cell input.form-control  {
    width: 100px;
    max-width: 100px;
    display: inline-block;
}
.order-form-wrapper tr.active {
    background-color: #ffffcf !important;
}
.order-form-wrapper tr.active:hover {
    background-color: #ffffab !important;
}
.order-form-wrapper tr.active  td.quantity-cell a.js-sign-remove {
    opacity: 0.5;
}
.order-form-wrapper tr.active  td.quantity-cell a.js-sign-remove:hover {
    opacity: 1;
}


.order-form-wrapper .vapp-order-ajax-target .error {
    font-weight: bold;
    color: red;
}

.order-form-wrapper tr.header-row {
  background-color: whitesmoke;
}
.order-form-wrapper tr.header-row th{
  border-top: 1px solid #AAA;
  border-bottom: 2px solid #AAA !important;
}
.order-form-wrapper tr.product-row {}

.order-form-wrapper tfoot tr {
  background-color: whitesmoke;

}
.order-form-wrapper tfoot tr:first-child {
  border-top: 2px solid #AAA;
}
.order-form-wrapper tfoot tr:last-child {
  border-bottom: 1px solid #AAA;
}

.order-form-wrapper table.table-striped tbody tr:nth-of-type(odd) {
  background-color:  rgba(0, 0, 0, .00) !important;
}
.order-form-wrapper table.table-striped tbody tr:nth-of-type(even) {
  background-color:  rgba(0, 0, 0, .02) !important;
}

.order-form-wrapper tr.final-row    .summary-final-price {
    font-weight: bold;
}

.order-form-wrapper .order-status-info {
  font-size: 28px;
  font-weight: 500;
}

.order-form-wrapper .payment-status-paid {
  font-size: 20px;
  font-weight: 500;
  color: green;
}


.order-form-wrapper .bonuses-cell .bonus-span {
  cursor: help;
  opacity: 0.5;
}
.order-form-wrapper .bonuses-cell .bonus-span.active {
  font-weight: bold;
  opacity: 1;
}



.order-admin-panel {
  background-color: #ffffc8;
  border: 1px solid gray;
  padding: 15px;
  margin-bottom: 30px;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
}

.order-admin-panel .error {
  font-weight: bold;
  color: red;
}
.order-admin-panel .error::before {
  content: "\f071";
  font: normal normal normal 14px / 1 FontAwesome;
}