@charset "utf-8";

.order-bump-card[data-v-5a551986] { max-width: 700px; background: rgb(248, 250, 255); border-radius: 0.5rem; }

.card-header[data-v-5a551986] { background: rgb(24, 116, 255); border-radius: 0.5rem 0.5rem 0px 0px; padding: 15px 20px; display: flex; align-items: center; justify-content: space-between; }

.card-header input[data-v-5a551986] { margin-right: 20px; }

.card-header label[data-v-5a551986] { color: rgb(255, 255, 255); font-size: 16px; display: block; font-weight: 500; padding-right: 25px; }

.card-header div[data-v-5a551986] { min-width: 120px; text-align: center; font-size: 18px; font-weight: 500; color: rgb(255, 255, 255); padding-left: 20px; display: flex; }

.card-body[data-v-5a551986] { padding: 20px; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }

.card-body .order-info-block[data-v-5a551986] { display: flex; }

.order-info-block .img-block[data-v-5a551986] { min-width: 175px; width: 175px; height: 175px; background: rgb(255, 255, 255); border-radius: 16px; margin-right: 20px; }

.order-info-block .img-block img[data-v-5a551986] { max-width: 100%; border-radius: 16px; }

.order-info-block .info-block .text[data-v-5a551986] { color: rgb(135, 136, 139); font-size: 15px; line-height: 1.5; }

.order-info-block .info-block .select-input[data-v-5a551986] { max-width: 200px; position: relative; margin-top: 10px; }

.order-info-block .info-block .select-input[data-v-5a551986]::after { width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid rgb(192, 192, 192); position: absolute; top: 50%; margin-top: -3px; right: 12px; content: ""; z-index: 2; }

.order-info-block .info-block .custom-select[data-v-5a551986] { width: 100%; height: 40px; border-radius: 8px; border: 1px solid rgb(240, 241, 243); padding: 8px 12px; appearance: none; font-family: Roboto, sans-serif; font-size: 14px; }

.order-info-block .info-block .custom-select[data-v-5a551986]:focus { box-shadow: none; outline: none; }

@media (max-width: 767px) {
  .order-bump-card[data-v-5a551986] { max-width: 500px; margin: 0px 15px; }
  .card-header[data-v-5a551986] { padding: 15px; }
  .card-header input[data-v-5a551986] { margin-right: 15px; }
  .card-header label[data-v-5a551986] { font-size: 14px; padding-right: 10px; }
  .card-header div[data-v-5a551986] { min-width: 75px; font-size: 14px; padding-left: 10px; }
  .card-body[data-v-5a551986] { padding: 15px; }
  .order-info-block .img-block[data-v-5a551986] { min-width: 150px; width: 150px; height: 150px; margin-right: 15px; }
  .order-info-block .info-block .text[data-v-5a551986] { font-size: 14px; }
  .order-info-block .info-block .select-input[data-v-5a551986] { max-width: 180px; }
}

@media (max-width: 475px) {
  .card-header[data-v-5a551986] { padding: 10px; }
  .card-header input[data-v-5a551986] { margin-right: 10px; }
  .card-header label[data-v-5a551986] { font-size: 13px; padding-right: 10px; }
  .card-header div[data-v-5a551986] { min-width: 75px; font-size: 13px; padding-left: 10px; }
  .card-body[data-v-5a551986] { padding: 10px; }
  .order-info-block .img-block[data-v-5a551986] { min-width: 120px; width: 120px; height: 120px; margin-right: 10px; }
  .order-info-block .info-block .text[data-v-5a551986] { font-size: 13px; }
  .order-info-block .info-block .select-input[data-v-5a551986] { max-width: 180px; }
  .order-info-block .info-block .custom-select[data-v-5a551986] { font-size: 13px; }
}