.container {
  background-color: #F2F6F9;
}

.flex-col,
.flex-row {
  display: flex !important;
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
}

.flex-col {
  flex-direction: column;

  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;

  -webkit-flex-direction: column;
  -ms-flex-direction: column;
}

.flex-row {
  flex-direction: row;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-orient: horizontal;

  -webkit-flex-direction: row;
  -ms-flex-direction: row;

  -webkit-align-content: space-between;
  -ms-flex-line-pack: space-between;
  align-content: space-between;

  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.cart {
  width: 100%;
}

.add-attributes {
  justify-content: end;
}

.center-box {
  width: 48%;
}

.box-good-image {
  position: relative;
  display: block;
  overflow: hidden;
  width: 200px;
}

.good-image {
  max-height: 100%;
  max-width: 100%;
  margin-bottom: 15px;
}

.good-title h2.title {
  margin: 0 0 20px 0;
}

.box-good-attributes {
  width: 77%;
  margin-left: 15px;
}

.good-attributes {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;

  max-width: 700px;
}

.attr-title {
  -webkit-align-content: space-between;
  -ms-flex-line-pack: space-between;
  align-content: space-between;

  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;

  align-items: center;
  width: 320px;
  margin-bottom: 8px;

  border: 1px solid #9AD9EA1F;
  background-color: #9AD9EA1F;
  padding-left: 10px;
}

.discount {
  display: none;
}

/* --== delivery ==-- */

.delivery .dropdown.bootstrap-select {
  display: block;
  width: 100% !important;
}

.delivery .btn.dropdown-toggle.btn-default {
  /* .dropdown .btn.dropdown-toggle.btn-default */

  height: 49px !important;
  padding: 0 20px !important;
  margin: 0 auto;
}

.delivery .filter-option-inner-inner {
  line-height: 49px;
  height: 49px;
  color: #999;
}

/* --== amount tolat ==--*/
.amount {
  margin-top: 20px;
}

.amount .flex-row {

  padding: 0 20px;
  height: 50px;
  border: 3px solid #ccc;
  border-bottom: none;
  font-weight: 700;
}

.amount .flex-row:last-child {
  border-bottom: 3px solid #ccc !important;
}

.amount .flex-row>div {
  height: 50px;
  line-height: 50px;
}


#form_pay {
  margin-top: 0 !important;
  padding: 15px !important;
  width: 1180px;
  max-width: 100%;
}

/* form element */
.list-group-item2 input {
  max-width: 100% !important;
  height: 49px;
}

.text-muted {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
}

.amount .flex-row:last-child div:last-child,
.amount .total,
.amount .delivery-total,
.amount .subtotal {
  color: #0085ff;
}

.container .legends::after {
  left: 50% !important;
  width: 50% !important;
}

/*.container .legends::after {
    border: none !important;
    width: 0 !important;
    top: 0 !important;
    left: 0 !important;
  }

  .container .legends .dec-line {
    border: 1px solid #FFFFFF;
    display: block;
    top: -10px;
    position: relative;
  }*/

@media only screen and (max-width:768px) {
  .flex-row {
    position: relative;
    flex-direction: column !important;

    -webkit-box-direction: normal !important;
    -webkit-box-orient: vertical !important;
    -moz-box-direction: normal !important;
    -moz-box-orient: vertical !important;

    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
  }

  .amount .flex-row {
    flex-direction: row !important;
    -webkit-box-direction: normal !important;
    -webkit-box-orient: horizontal !important;
    -moz-box-direction: normal !important;
    -moz-box-orient: horizontal !important;

    -webkit-flex-direction: row;
    -ms-flex-direction: row;
  }

  .box-good-image,
  .box-good-attributes,
  .center-box,
  .attr-title,
  .box-good-attributes .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100% !important;
  }

  .legends::after {
    display: none !important;
  }

}