/*Sftab*/

/* حذف بوردر آبی زمان انتخاب تب  detailcell */
.e-detailcell {
    border: none !important; /* حذف تمام بوردرها */
    box-shadow: none !important; /* حذف هرگونه سایه */
}

.custom-tab .e-tab-header .e-tab-text {
    font-family: 'SGK_Light' !important; /* تغییر فونت */
    font-size: 16px; /* اندازه فونت */
    font-weight: bold; /* ضخامت فونت */
    color: black; /* رنگ فونت */
}

.custom-tab .e-tab-header .e-toolbar-item {
    font-family: 'SGK_Light' !important; /* تغییر فونت */
    font-size: 16px; /* اندازه فونت */
    font-weight: bold; /* ضخامت فونت */
    color: #333 !important;
}

    .custom-tab .e-tab-header .e-toolbar-item.e-active {
        box-shadow: 0px 4px 10px 5px rgba(0, 50, 250, 0.5); /* سایه آبی سرمه‌ای با شفافیت 50% */
        transition: box-shadow 0.6s ease; /* انیمیشن نرم */
        color: 0px 4px 10px 5px rgba(0, 50, 250, 0.5); /* رنگ فونت */
    }

.e-tab .e-content {
    overflow-y: auto;
    border: 1px solid rgba(0, 0, 0, 0.2); /* رنگ خاکستری کم‌رنگ */
    padding: 10px; /* فضای داخلی مناسب */
    padding-top: 2px; /* فضای داخلی مناسب */
    margin-top: 2px;
    border-radius: 0px; /* گوشه‌های گرد (اختیاری) */
    border-top: none; /* حذف خط بالای محتوای تب */
    /*اگر این سه مورد نباشه در کلاینت مختلف به دلیل ریزولیشن  متفاوت ممکنه برخی از ایتم ها و امکانات سیستم رو کاربر نتونه ببینه و مجبور بشه زوم بروزر را کم و زیاد کنه */
    height: 100%;
    overflow-y: auto; /* اسکرول عمودی */
 
    overflow-x: auto; /* برای جلوگیری از اسکرول افقی */
}

.e-tab .e-tab-header {
    border: 0;
    border-block: hidden;
    border-collapse: collapse;
}


.e-tab {
    padding: 2px;
}