body {
    font-family: "Vazirmatn", Tahoma;
    /* font-family: 'Inter', sans-serif; */
}

.fi-simple-header {
    font-family: "Vazirmatn", Tahoma;
}

.single-column {
    grid-column: span 1 / span 1; /* Override to span only one column */
    width: 100%; /* Ensure the width doesn't extend */
}

.rounded-box {
    display: inline-block;
    padding: 0.05em 0.3em;
    margin: 0em 0.25em;
    background-color: #e2e8f0;
    border-radius: 0.3em;
    color: #1a202c;
    font-size: 0.8rem;
    line-height: normal;
}

.tooltip-inner {
    white-space: pre-wrap;
}

/* .fi-ta-table tbody,
.fi-ta-table tbody {
    padding: 0px;
} */

/* Grid custom format */
/* Different background colors for even and odd columns */
.fi-ta-table tr:nth-child(even) {
    background-color: #f2f2f2; /* Light gray */
}
.fi-ta-table tr:nth-child(odd) {
    background-color: #fff; /* White */
}
/* border between columns */
.fi-ta-table td,
.fi-ta-table th {
    border: 1px solid #ddd;
    /* padding: 0px; */
}

.py-4 {
    padding-bottom: 0.3rem !important;
    padding-top: 0.3rem !important;
}

/*for latin fields in forms*/
.ltr-input {
    direction: ltr !important;
    text-align: left !important;
}

.rtl-input {
    direction: rtl !important;
    text-align: right !important;
}

.crm-small-size {
    font-size: 0.8em;
}

.gray-border {
    padding: 5px;
    border: 1px solid lightgray;
    border-radius: 6px;
}

.crm-bgcolor-lightred {
    background-color: #f7f2f0 !important;
}
.crm-bgcolor-lighterblue {
    background-color: #f8faff !important;
}
.crm-bgcolor-lightblue {
    background-color: #f0f2f7 !important;
}
.crm-bgcolor-lightgreen {
    background-color: #fafffa !important;
}

.crm-bgcolor-lightgray {
    background-color: rgba(var(--gray-100), 1) !important;
}

.crm-textbox-div {
    border: 1px solid #ccc;
    padding: 5px;
    height: 36px;
    border-radius: 5px;
    font-size: 0.9rem;
}

.crm-row-gray {
    opacity: 0.5 !important;
}