.btn-grey {
    background: #b52d18;
    color: #fff;
}
.el-image__inner {
    opacity: 1;
    vertical-align: top;
    border-radius: 10px;
}
.text-center.mb-3 {
    color: #fff;
}

@media (max-width: 768px) {
    .text-center.mb-3 {
        color: #831818;
    }
}

.el-button--success.is-link, .el-button--success.is-plain, .el-button--success.is-text {
    --el-button-text-color: #a72b2c;
    --el-button-bg-color: rgb(255 255 255);
    --el-button-border-color: rgb(167 43 44);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-bg-color: #a72b2c;
    --el-button-hover-border-color: #a72b2c;
    --el-button-active-text-color: var(--el-color-white);
}
.el-button.is-disabled, .el-button.is-disabled:hover {
    background-color: rgb(10 9 10);
    background-image: none;
    border-color: rgb(213 70 70);
    color: var(--el-button-disabled-text-color);
    cursor: not-allowed;
}
.el-button--success {
    --el-button-text-color: var(--el-color-white);
    --el-button-bg-color: #831818;
    --el-button-border-color: #831818;
    --el-button-outline-color: #b05454;
    --el-button-active-color: #831818;
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-link-text-color: rgb(176 84 84);
    --el-button-hover-bg-color: #831818;
    --el-button-hover-border-color: #924141;
    --el-button-active-bg-color: rgb(131 24 24);
    --el-button-active-border-color: #831818;
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: rgb(176 84 84);
    --el-button-disabled-border-color: rgb(143 64 64);
}



@media (max-width: 768px) {
  /* Scope only rows that contain an item image preview */
  .row.m-0:has(.item-image-preview) > .col-3.p-0 {
    -ms-flex: 0 0 25%;
    flex: 0 0 45%;
    max-width: 35%;
  }

  .row.m-0:has(.item-image-preview) > .col-9.p-0 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 65%;
  }

  /* Vertically center the image inside its fixed-height box */
  .row.m-0:has(.item-image-preview) .el-image {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.button-fixed-buttom {
    bottom: 0;
    right: 0;
    z-index: 5;
}

.list-item-rows .button-fixed-buttom .el-button {
  --el-button-bg-color: #b52d18 !important;
  --el-button-text-color: #fff !important;
  --el-button-border-color: #b52d18 !important;
  --el-button-hover-bg-color: #992514 !important;
  --el-button-hover-text-color: #fff !important;
  --el-button-hover-border-color: #992514 !important;
  --el-button-active-bg-color: #7a1e10 !important;
  --el-button-active-border-color: #7a1e10 !important;
}

.modal-content #item-details .item_s:first-child .el-image {
  height: 250px !important;
}