﻿/*For Form*/

/* تنظیم فاصله بین لیبل و فیلدها */
.e-form-label {
    margin-right: 10px !important; /* مقدار فاصله را می‌توانید تغییر دهید */
    min-width: 100px !important; /* عرض مینیمم برای لیبل‌ها */
    text-align: right !important; /* اطمینان از راست‌چین بودن لیبل */
    font-family: 'IranianSans', 'SGK_Light' !important;
}
    /* اضافه کردن علامت یا متن بعد از لیبل‌ها */
    .e-form-label::after {
        content: " : "; /* متنی که می‌خواهید اضافه شود */
        font-weight: bold; /* می‌توانید وزن فونت را تنظیم کنید */
        margin-right: 5px; /* فاصله بین متن اضافه شده و لیبل */
    }

/* تنظیم چیدمان آیتم‌های فرم برای نمایش بهتر */
.e-form-group {
    display: flex !important;
    align-items: center !important; /* برای تراز عمودی بهتر */
}



/* تنظیم فاصله بین فیلدها برای خوانایی بیشتر */
.e-control-container {
    flex: 1;
}
    /* تغییر فونت فیلدها */
    .e-control-container input,
    .e-control-container textarea,
    .e-control-container select {
        font-family: 'IranSans', 'SGK_Light' !important; /* نام فونت دلخواه خود را وارد کنید */
        font-size: 12px !important; /* اندازه فونت */
        font-weight: normal !important; /* وزن فونت */
        padding-left: 40px !important; /* مارجین داخلی چپ */
        padding-right: 40px !important; /* مارجین داخلی راست */
        /*     border-width: 2px !important; /* ضخامت حاشیه فیلدها */
        /* border-color: #007bff !important; /* رنگ حاشیه */ */
        /* border-style: solid !important; /* نوع حاشیه */ */ */
    }
        /* تغییر رنگ فیلدها در حالت hover */
        .e-control-container input:hover,
        .e-control-container textarea:hover,
        .e-control-container select:hover {
            border-color: #007bff !important; /* رنگ حاشیه (پررنگ‌تر) */
            background-color: #f0f8ff !important; /* رنگ پس‌زمینه هنگام hover */
            box-shadow: 0 0 5px rgba(0, 123, 255, 0.6) !important; /* سایه اطراف فیلد هنگام hover */
            border-width: 2px !important; /* ضخامت بیشتر هنگام hover */
            border-color: #0056b3 !important; /* تغییر رنگ حاشیه هنگام hover */
        }
