.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.74);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100000;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
    /*opacity: 0.8 !important;*/
}

    .overlay.fade-in {
        opacity: 1;
        pointer-events: all;
    }

    .overlay.fade-out {
        opacity: 0;
        pointer-events: none;
    }

.spinner {
    text-align: center;
    color: #fff;
}

.lds-dual-ring {
    width: 50px;
    height: 55px;
}


.mud-progress-linear-content {
    /* background-color: #594ae2; */
    padding: 8px 0px;
}



.background-container {
    /* background-image: url('https://images.pexels.com/photos/4252524/pexels-photo-4252524.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1'); */
    /*  background-image: url('https://images.pexels.com/photos/7640903/pexels-photo-7640903.jpeg'); */ /* مسیر عکس */
    background-size: cover; /* تصویر کل کانتینر را پر می‌کند */
    background-position: center; /* تصویر در مرکز قرار می‌گیرد */
    background-repeat: no-repeat; /* جلوگیری از تکرار تصویر */
    /*  height: 50vh;  */ /* ارتفاع  صفحه */
    width: 200px; /* عرض کل کانتینر */
    /*  opacity:0.5; */
}

    /* متن سفید داخل کانتینر */
    .background-container .text-white {
        color: white;
    }

/* اطمینان از ریسپانسیو بودن در صفحات کوچک‌تر */
@@media (max-width: 768px) {
    .background-container {
        background-size: contain; /* در صفحات کوچک تصویر به اندازه کانتینر تنظیم می‌شود */
    }
}





/*-----------------*/
#loading-container.loading-small {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
}

#progress-circle {
    transition: stroke-dashoffset 0.25s ease-out;
   /* filter: drop-shadow(0 0 4px rgba(89,74,226,0.6));*/
}

/*#loading-title {
    margin-top: 15px;
    font-size: 0.6rem;
    font-weight: bold;
    letter-spacing: 1px;
    color: rgba(89, 74, 226, 1);
    text-align: center;
    direction: rtl;
}
*/

.custom-card {
    display: flex;
    flex-direction: column;
    max-height: 80vh; /* تنظیم حداکثر ارتفاع کارت */
    overflow: hidden;
}

.scrollable-content {
    flex: 1;
    overflow-y: auto; /* فعال کردن اسکرول عمودی فقط برای MudCardContent */
    padding: 10px; /* بهبود فاصله داخلی */
    max-height: 60vh; /* کنترل اسکرول با توجه به فضای باقی‌مانده */
    overflow-x: hidden;
}



.mud-input > input.mud-input-root, div.mud-input-slot.mud-input-root {
    font-family: IRANSans !important;
    font-size: 0.75rem !important;
}


/*

-------------تنظیم فونت تمام کامپوننت های MudBlazor-------------*/

/* تغییر اندازه فونت برای کل سایت */
body, .mud-typography {
    font-size: 0.75rem !important;
}

/* ✅ تایپوگرافی (متن‌ها، هدینگ‌ها) */
.mud-typography-h1, .mud-h1 {
    font-size: 0.9rem !important;
}

.mud-typography-h2, .mud-h2 {
    font-size: 0.85rem !important;
}

.mud-typography-h3, .mud-h3 {
    font-size: 0.80rem !important;
}

.mud-typography-body1, .mud-body1 {
    font-size: 0.78rem !important;
}

.mud-typography-body2, .mud-body2 {
    font-size: 0.75rem !important;
}

.mud-typography-caption, .mud-caption {
    font-size: 0.70rem !important;
}

.mud-typography-overline, .mud-overline {
    font-size: 0.70rem !important;
}

/* ✅ دکمه‌ها */
.mud-button {
    font-size: 0.75rem !important;
    text-transform: none !important; /* جلوگیری از تبدیل به حروف بزرگ */
}

/* ✅ ورودی‌ها (Inputs, TextFields, Select, Autocomplete) */
.mud-input, .mud-textfield, .mud-select, .mud-autocomplete {
    font-size: 0.75rem !important;
}

.mud-input-label {
    font-size: 0.70rem !important;
}

/* ✅ سایدبار و ناوبری */
.mud-navmenu, .mud-list-item, .mud-nav-link {
    font-size: 0.75rem !important;
}

/* ✅ تب‌ها (MudTabs) */
.mud-tab {
    font-size: 0.75rem !important;
}

/* ✅ جداول (MudTable) */
.mud-table {
    font-size: 0.75rem !important;
}

.mud-table-header {
    font-size: 0.78rem !important;
}

.mud-table-cell {
    font-size: 0.73rem !important;
}

/* ✅ منوها (MudMenu, MudPopover, MudTooltip) */
.mud-menu, .mud-popover, .mud-tooltip {
    font-size: 0.75rem !important;
}

/* ✅ کارت‌ها */
.mud-card-content {
    font-size: 0.75rem !important;
}

/* ✅ دیالوگ‌ها (MudDialog) */
.mud-dialog {
    font-size: 0.75rem !important;
}

/* ✅ اسلایدر (MudSlider) */
.mud-slider {
    font-size: 0.75rem !important;
}

/* ✅ نوتیفیکیشن‌ها (MudSnackbar) */
.mud-snackbar {
    font-size: 0.75rem !important;
}

/* ✅ چیپ‌ها (MudChip) */
.mud-chip {
    font-size: 0.73rem !important;
}

/* ✅ انتخابگر تاریخ و زمان (MudDatePicker, MudTimePicker) */
.mud-datepicker, .mud-timepicker {
    font-size: 0.75rem !important;
}

/* ✅ پروگرس بار و اسپینر (MudProgress, MudCircularProgress) */
.mud-progress, .mud-circular-progress {
    font-size: 0.70rem !important;
}

/* ✅ سوئیچ‌ها و چک‌باکس‌ها */
.mud-switch, .mud-checkbox {
    font-size: 0.75rem !important;
}

/* ✅ دراپ‌داون‌ها */
.mud-dropdown {
    font-size: 0.75rem !important;
}


.myinH_Carousel {
    height: auto !important;
    min-height: 25vh !important;
}

.full_Carousel {
    height: auto !important;
    min-height: 45vh !important;
}

.my-carousel-container {
    overflow-x: hidden;
}





.fontBasket{
    font-size:0.5rem !important;
}



.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled) {
    background-color: rgb(137 137 137 / 6%) !important;
}

.myMenuLink  .mud-nav-link-text {
    margin: 0 !important;
}

.myMenuLink1 .mud-nav-link-text {
    margin-right: 0.40rem !important;
    font-size: 0.70rem !important;
    font-weight: bold !important;
    line-height: 1.5rem !important;
}
.mud-carousel button.mud-inherit-text {
    padding: 1px !important;
}




.fontDashboardBlocks {
    font-size: 0.65rem !important;
}