/* MUD CARD */
.edit-product-card {
    background-color: var(--mud-palette-surface);
}

/* Card Header */
.edit-product-card-header {
}

/* Price Item */
.edit-product-card-price-item {
}

/* Price */
.edit-product-card-price {
    color: var(--mud-palette-error);
}

    /* Price Input */
    .edit-product-card-price input {
        text-align: end;
    }

.edit-product-card-designation-item {
    padding-top: 8px !important;
}

/* Quantity Input */
.edit-product-card-quantity input {
    text-align: end;
}

/* Card Content */
.edit-product-card-content {
}

/* File Upload */
.edit-product-card-fileupload-item {
    display: flex;
    justify-content: center;
    padding-top: 8px !important;
    width: 100%;
}

.edit-product-card-fileupload-icon {
    color: var(--mud-palette-error);
    display: flex;
    justify-content: center;
}

/* Image */
.edit-product-card-image-item {
    display: flex;
    justify-content: center;
}

.edit-product-card-image {
    background-size: cover;
    border-radius: 16px;
    width: 100%;
}

/* Upload Image Icon Item */
.edit-product-card-add-image-item {
    display: flex;
    justify-content: center;
}

.edit-product-card-invoicename-item {
    padding-top: 8px !important;
}

.edit-product-card-invoicedate-item {
    padding-top: 8px !important;
}

.edit-product-card-invoicedate span .mud-icon-root.mud-svg-icon {
    fill: red;
}

.edit-product-card-invoicedate .mud-input-adornment .mud-icon-root.mud-svg-icon {
    fill: currentColor;
}

.edit-product-card-link-item {
    height: 72px;
}

.edit-product-card-link span .mud-icon-root.mud-svg-icon {
    fill: red;
}

.edit-product-card-link .mud-input-adornment .mud-icon-root.mud-svg-icon {
    fill: currentColor;
}

.edit-product-card-description-item {
    padding-top: 6px;
}

/* Card Actions */
.edit-product-card-actions {
    justify-content: space-between;
}

.edit-product-card-actions-grid {
    padding: 0;
}

.edit-product-card-actions-item-left {
    display: flex;
}

.edit-product-card-actions-item-right {
    display: flex;
    justify-content: flex-end;
}