@font-face {
    font-family: 'Vazirmatn';
    src: url('/App/fonts/vazirmatn/vazir-400.woff2') format('woff2'), 
         url('/App/fonts/vazirmatn/vazir-400.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html {
    font-size: 15px !important;
    direction: rtl;
}


body {
    font-family: 'Vazirmatn', Tahoma, sans-serif !important;
}



#kt_quick_panel_toggle,
#kt_chat_toggle,
#kt_quick_actions_toggle,
.kt-sticky-toolbar {
    display: none !important;
}




.content-wrapper {
    padding-left: 10px;
    padding-right: 10px;
}

/* برای موبایل هم می‌تونی کمترش کنی */
@media (max-width: 768px) {
    .content-wrapper {
        padding-left: 10px;
        padding-right: 10px;
    }
}



/* 1) اندازه و خوانایی تب‌ها */
.card-header-tabs-line .nav-tabs .nav-link {
    font-size: 1.15rem !important;
    font-weight: 600;
    padding: 0.85rem 1.4rem !important;
    color: #4a4a4a;
    opacity: 0.85;
    transition: all 0.25s ease;
}

    /* 2) افکت hover */
    .card-header-tabs-line .nav-tabs .nav-link:hover {
        color: #000;
        opacity: 1;
    }

    /* 3) تب فعال – حرفه‌ای و پررنگ */
    .card-header-tabs-line .nav-tabs .nav-link.active {
        color: cornflowerblue !important;
        font-weight: 700;
        opacity: 1;
    }

    /* 4) خط زیر تب فعال (Underline Active) */
    .card-header-tabs-line .nav-tabs .nav-link.active {
        border-bottom: 3px solid #3699ff !important; /* آبی پیش‌فرض متریکون */
    }

/* 5) تب‌ها را کمی فاصله‌دارتر می‌کنیم */
.card-header-tabs-line .nav-tabs .nav-item {
    margin-left: 0.8rem; /* برای RTL این به‌معنی فاصله بین تب‌هاست */
}

/* 6) فاصله کلی بین تب‌ها و تیتر کارت */
.card-header-tabs-line {
    padding-bottom: 0 !important;
}

    /* 7) خط زیر کل تب‌ها ملایم شود */
    .card-header-tabs-line .nav-tabs {
        border-bottom: 1px solid #e4e6ef !important;
    }

        /* 8) حالت Hover با خط ملایم*/
        .card-header-tabs-line .nav-tabs .nav-link:hover {
            border-bottom: 3px solid rgba(54,153,255,0.4);
        }

        /* 9) گوشه‌های بسیار ملایم برای تب‌ها (اختیاری) */
        .card-header-tabs-line .nav-tabs .nav-link {
            border-radius: 4px 4px 0 0;
        }




#kt_content {
    padding-top: 90px !important;
}




/*برای جانمایی درست ایکن هدر*/

.header .d-flex.align-items-center.logo-block {
    margin-right: 0 !important;
    padding-right: 0 !important;
}

.header .logo-block img {
    margin-left: 10px; /* برای فاصله از متن */
}

.header .container-fluid {
    padding-right: 10px !important;
}







.stat-number {
    font-size: 1.4rem !important; /* شماره بزرگ */
}

.stat-title {
    font-size: 1.2rem !important; /* متن بزرگ‌تر */
}



/*********************************/
/*********************************/
/*تنظیم بزرگی متن نام و مشخصات مشتری در select2 در رسید جدید*/

/* نام مشتری */
.customer-name {
    font-size: 1.0rem;
    font-weight: 700;
}

/* ردیف اطلاعات تماس */
.customer-contact-line {
    font-size: 0.9rem;
    font-weight: 400;
}

/* هر آیتم تماس (موبایل / تلفن / کد ملی) */
.customer-contact-item {
    font-size: 0.9rem;
    font-weight: 400;
}

    /* سایز آیکن‌ها */
    .customer-contact-item i {
        font-size: 1.2rem;
        vertical-align: middle;
    }












/* Enterprise resid Card - moshtari tab*/
.card-enterprise {
    border: 1px solid #e5eaee;
    border-radius: 4px;
    box-shadow: none;
}

    .card-enterprise .card-body {
        padding: 12px 14px;
    }

/* Enterprise Title */
.enterprise-title {
    font-size: 1.05rem !important;
    font-weight: 600;
    color: #3f4254;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

    .enterprise-title:after {
        content: "";
        flex: 1;
        height: 1px;
        background: #e5eaee;
        margin-right: 8px;
    }

/* Compact form */
.form-group {
    margin-bottom: 8px;
}

.col-form-label {
    font-size: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 0;
}

.form-control-sm {
    height: 30px;
    font-size: 12px;
}

/* Remove spacing between label/input */
.row > .col-4,
.row > .col-8 {
    padding-left: 4px;
    padding-right: 4px;
}




/*4 view moshtari input resid moshtari*/
.customer-preview {
    background: #f8f9fc;
    border: 1px solid #e4e6ef;
    border-radius: 6px;
    padding: 12px 14px;
}

.customer-avatar {
    width: 42px;
    height: 42px;
    background: #eef2ff;
    color: #3699ff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.customer-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 3px;
}

.customer-group {
    font-size: 12px;
    color: #8950fc;
    margin-right: 8px;
}

.customer-contacts {
    font-size: 14px;
    color: #7e8299;
}

    .customer-contacts span {
        margin-left: 18px;
    }

.customer-actions {
    display: flex;
    flex-direction: column;
    margin-left: 12px;
}




/*customer details input resid*/
.customer-details-toggle {
    font-size: 13px;
    color: #6c757d;
    text-decoration: none;
    transition: .3s;
}

    .customer-details-toggle[aria-expanded="true"] i {
        transform: rotate(180deg);
    }

    .customer-details-toggle:hover {
        color: #ff9800;
    }

.customer-extra {
    background: #f9fafc;
    border-radius: 8px;
    padding: 10px 14px;
}

.detail-row {
    display: flex;
    gap: 8px;
    font-size: 13px;
    margin-bottom: 6px;
}

.detail-label {
    color: #6c757d;
    min-width: 90px;
}

.customer-link {
    color: #0d6efd;
    cursor: pointer;
}

    .customer-link:hover {
        text-decoration: underline;
    }


/*برای فاصله نتیجه جستجوی در select2 در لیست مشتری در رسید مشتری*/

.select2-results__options {
    padding-top: 0 !important;
}








/*برای نمایش  بهتر راست چین هدر در جدول رسیدها در فرم کل رسیدها*/
#receiptsTable thead th {
    text-align: right;
}

#receiptsTable tbody td {
    text-align: right;
}
    /* ستون عملیات وسط‌چین بماند */
    #receiptsTable tbody td.text-center,
    #receiptsTable thead th.text-center {
        text-align: center !important;
    }




/*برای نمایش ایکن مرتب سازی در جای مناسب در ستون های جدول رسیدها در صفحه کل رسیدها و کمرنگ سازی تعداد نمایش در صفحه*/

/* فاصله آیکون مرتب سازی */
table.dataTable thead th.sorting:before,
table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:before,
table.dataTable thead th.sorting_desc:before {
    margin-left: 6px;
}

table.dataTable thead th {
    padding-left: 20px !important;
}



.dataTables_info {
    color: #6f6f6f !important;
    font-size: .85rem;
}




/*/*//********************//*برای تنظیمات بک گراند توست که نباشد بک گراند و توست پررنگ تر چاب بشه*/
/* Toast کاملاً خوانا و بدون دیده‌شدن پس‌زمینه صفحه */
#toast-container > .toast {
    opacity: 1 !important;
    background-image: none !important;
    box-shadow: 0 0 10px rgba(0,0,0,0.2) !important; /* سایه ملایم برای جدا شدن از پس‌زمینه */
    filter: none !important;
}

/* برای هشدار از زرد پررنگ‌تر استفاده کن که متن سیاه روی آن خوانا باشد */
#toast-container > .toast-warning {
    background-color: #FFA000 !important; /* Amber - حرفه‌ای‌تر */
    color: #000 !important;
    font-weight: 600 !important;
}


/* اطمینان از رنگ متن در تمام وضعیت‌ها */
#toast-container .toast-message,
#toast-container .toast-title {
    color: inherit !important;
}



/*/*/ /**********************************************/
/*/*//**********************************************/
/*/*/ /**********************************************//*تنظیمات تقویم بوت استرپ*/
/* MD Bootstrap Persian DateTimePicker - General */
.popover.mds-bootstrap-persian-datetime-picker-popover,
.popover.mds-bootstrap-persian-datetime-picker-popover *,
[data-mdpersiandatetimepicker-container],
[data-mdpersiandatetimepicker-container] * {
    font-family: Vazirmatn, Tahoma, sans-serif !important;
}

    .popover.mds-bootstrap-persian-datetime-picker-popover .table,
    .popover.mds-bootstrap-persian-datetime-picker-popover button,
    .popover.mds-bootstrap-persian-datetime-picker-popover input {
        font-family: Vazirmatn, Tahoma, sans-serif !important;
    }

/* لیست انتخاب ماه در تقویم شمسی */
.mds-bootstrap-persian-datetime-picker-popover .dropdown-menu {
    min-width: 220px;
    padding: 8px;
    border: 1px solid #ebedf3;
    border-radius: 0.42rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

    .mds-bootstrap-persian-datetime-picker-popover .dropdown-menu.show {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr);
        gap: 4px; /* فاصله بین کادرهای ماه */
    }

    .mds-bootstrap-persian-datetime-picker-popover .dropdown-menu .dropdown-item {
        padding: 8px 4px;
        border: 1px solid #f3f6f9; /* کادر ظریف دور هر ماه */
        border-radius: 4px;
        text-align: center;
        white-space: nowrap;
        font-size: 11px;
        color: #3f4254;
        transition: all 0.2s ease;
    }

        /* حالت Hover */
        .mds-bootstrap-persian-datetime-picker-popover .dropdown-menu .dropdown-item:hover {
            background-color: #f3f6f9;
            border-color: #e4e6ef;
            color: #0bb783;
        }

        /* ماه انتخاب‌شده (همان سبز قبلی) */
        .mds-bootstrap-persian-datetime-picker-popover .dropdown-menu .dropdown-item.selected-month {
            background-color: #0bb783 !important;
            border-color: #0bb783 !important;
            color: #ffffff !important;
            font-weight: 600;
        }

    .mds-bootstrap-persian-datetime-picker-popover .dropdown-menu .dropdown-divider {
        display: none;
    }

/*/*/ /**********************************************/
/*/*/ /**********************************************/