.ltr-text-field .mud-input-slot.mud-input-root.mud-input-root-outlined {
    direction: ltr !important;
}

.persianFontSans input{
    font-family: iranSansWeb !important;
}

/* Target the displayed selected value in MudSelect */
.persianFontSans .mud-input-slot {
    font-family: iranSansWeb !important;
}

/* Specifically target the dropdown items (mud-list-item) */
.mud-popover .mud-list-item .mud-list-item-text p {
    font-family: iranSansWeb !important;
}

.mud-typography.mud-typography-body2 {
    font-family: iranSansWeb !important;
}

.mud-dialog-content {
    min-height: 65px !important;
}

.mud-typography-body1 {
    font-family: iranSansWeb !important;
}

.mud-input-slot.mud-input-root.mud-input-root-outlined.mud-select-input-extended {
    padding-right: 15px !important;
}

.rtl-table-pagination .mud-table-pagination-actions {
    direction: rtl;
}

.mud-tabs-panels .mud-image {
    border: 1px solid #BDDDE4; /* Customize the border color and thickness */
    border-radius: 8px; /* Optional: Add rounded corners */
    padding: 10px; /* Space inside the border */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Optional: Add a shadow effect */
    margin: 5px 5px 5px 5px;
}

.mud-dialog-container {
    z-index: 2100 !important; /* Set it higher than MudGallery's toolbox */
}

.fixed-dialog {
    width: 80vw !important; /* 80% of the viewport width */
    height: 80vh !important; /* 80% of the viewport height */
    max-width: none !important; /* Disable any max-width restriction */
    max-height: none !important; /* Disable any max-height restriction */
}

.hidableHeader {
    display: block;
}

@media(max-width: 680px){
    .hidableHeader {
        display: none !important;
    }
}

@media (max-width: 576px) {
    .ex-pt-xs-0 {
        padding-top: 0 !important;
    }

    .fw-sm-small {
        font-size: 1.25rem !important; /* Equivalent to fs-5 for larger screens */
    }
}

.custom-column {
    /*width: 200px !important;*/
    /*padding-left: 5px !important;*/
    white-space: nowrap;
}

.fade-in {
    animation: fadeIn 0.4s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.homePage-versionInfo {
    font-size: 0.85rem !important; /* Equivalent to fs-6 for smaller screens */
}

@media (min-width: 576px) {
    .homePage-versionInfo {
        font-size: 1.25rem !important; /* Equivalent to fs-5 for larger screens */
    }
}

/* override mudColorPicker */
.mud-input-slot.mud-input-root.mud-input-root-filled.mud-input-root-adorned-end {
    direction: ltr;
}

.mud-slider-input {
    direction: ltr;
}