body {
    padding-top: 50px;
    padding-bottom: 20px;
}



/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select {
    max-width: 280px;
}


/* استایل خاص برای جدول با کلاس custom-table */
.custom-table td, .custom-table th {
    vertical-align: middle; /* تراز عمودی وسط برای سلول‌ها */
    text-align: center; /* تراز افقی وسط برای متن و عناصر */
}
/* استایل‌های خاص برای وضعیت‌های مختلف محصول */
.status-normal {
    background-color: #d4edda !important; /* رنگ سبز برای وضعیت Normal */
}

.status-unavailable {
    background-color: #f8d7da !important; /* رنگ خاکستری برای وضعیت Unavailable */
}

.status-special {
    background-color: #fff3cd !important; /* رنگ نارنجی برای وضعیت Special */
}

/* عرض اختصاص داده شده برای هر ستون */
.custom-table .col-product-details {
    width: 30%; /* عرض بزرگ‌تر برای نام و توضیحات محصول */
}

.custom-table .col-group {
    width: 10%; /* عرض کمتر برای گروه */
}

.custom-table .col-price, .custom-table .col-discount {
    width: 8%; /* عرض کمتر برای قیمت و درصد تخفیف */
}

.custom-table .col-original-price {
    width: 8%; /* عرض مناسب برای قیمت اصلی */
}

.custom-table .col-is-active {
    width: 8%; /* عرض کمتر برای وضعیت فعال/غیرفعال */
}

.custom-table .col-subcategory {
    width: 12%; /* عرض مناسب برای زیر دسته */
}

.custom-table .col-actions {
    width: 28%; /* عرض مناسب برای دکمه‌ها */
}

/* استایل برای دکمه‌ها */
.custom-table .btn-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: center; /* وسط‌چین کردن دکمه‌ها */
}

    .custom-table .btn-actions .btn {
        flex: 1 1 48%; /* تنظیم عرض دکمه‌ها برای دو دکمه در هر ردیف */
        margin-bottom: 4px; /* فاصله کوچک بین دکمه‌ها */
        font-size: 0.8rem; /* اندازه فونت کوچک‌تر برای دکمه‌ها */
        padding: 4px 8px; /* اندازه مناسب برای دکمه‌ها */
    }

        .custom-table .btn-actions .btn:nth-child(2n) {
            margin-left: auto; /* تنظیم فاصله چپ برای دکمه‌های ردیف اول */
        }

/* استایل برای ورودی‌ها */
.custom-table .form-control.product-input,
.custom-table .form-control.description-input {
    width: 100%; /* عرض 100% برای ورودی‌های نام و توضیحات */
    text-align: center; /* وسط‌چین کردن متن ورودی‌ها */
}

.custom-table .form-control.price,
.custom-table .form-control.discount {
    width: 80%; /* عرض کمتر برای قیمت و درصد تخفیف */
    text-align: center; /* وسط‌چین کردن متن ورودی‌ها */
}

.progress-indicator {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    text-align: center;
    line-height: 100vh; /* Center vertically */
    font-size: 20px;
    z-index: 9999; /* Ensure it's on top of other content */
    display: none; /* Hidden by default */
}