@import url("fontiran.css");
html {
	height: 100%;
}
body {
    background-color: #f5f7fb; /* Modern light gray background */
	background-image: linear-gradient(135deg, rgba(241, 245, 249, 0.95) 0%, rgba(249, 250, 251, 0.98) 100%);
	color: #1e293b; /* Modern dark text color */
	font-family: IRANsans, Tahoma; /* font name */
	font-size: 9pt; /* font size */
	margin: 0; /* top right bottom left */
	height: 100%;
	direction:rtl;
	
}
.ewHeaderRow {
    background:url(../images/sky_blue/header.jpg) center no-repeat;
	margin : 0px auto;
	width : 1000px;
	height : 220px;
	overflow : hidden;
}
.ewTitleName {
      background:url(../images/title.png) center no-repeat;
	  width : 350px;
	  height : 70px;
	  padding-top:10px;
	  padding-right:100px;
}
.ewSubTitleName {
      background:url(../images/subtitle.png) center no-repeat;
	  width : 120px;
	  height :162px;
	  padding-right:130px;
}
.headernav {
	margin : 0px auto;
	width : 1000px;
	height : 35px;
	overflow : hidden;
	background:url(../images/sky_blue/bg_menu_div.png) 0 0 no-repeat;
}

.headernav a {
				
				text-align:center;
				vertical-align:text-top;
				line-height:32px;
				color:#1e293b; /* Modern dark text */
				text-shadow:#FFFFFF 1px 1px 0px;
				text-decoration:none;
				font-size:9pt;
				text-transform:uppercase;
				
			}
.headernav a:link {
                color:#1e293b; /* Modern dark text */
				text-decoration:none;
			}
.headernav a:hover {
                color:#2563eb; /* Modern blue hover */
				text-decoration:none;
			}

a{
             text-decoration:none;
}
a:hover {
				text-decoration:none;
			}
a:link {
				text-decoration:none;
			}
a:visited {
				text-decoration:none;
			}
.login{
   background:url(../images/baby/login.jpg) no-repeat;

}
.topmenu{
    height:37;
	vertical-align:middle;
	border-bottom: 0px; /* border width, horizontal grid line */
	border-top: 0px;
	border-right: 0px;
	text-align:center;
	width:150px;
}
.menu_left{
    width:150px;
}
.menu_right{
    width:150px;
}


#page_wrapper {
	margin : 0px auto;
	width : 1000px;
	text-align : justify;
	display : block;
	clear : both;
}

.fontstyle {
	color: inherit; /* text color */
	font-family: IRANsans, Tahoma; /* font name */
	font-size: 9pt; /* font size */	
}
.bg_title {
	padding-right:10px;
	vertical-align:text-top;
	color:#dc2626; /* Modern red text */
	vertical-align:text-top;
	padding-top:3px;
	background: url(../images/sky_blue/top_items.gif) repeat-y;
	border-bottom:2px;
	border-bottom-color:#ef4444; /* Modern red border */
	height:20px;
}
.bg_text {
   padding-right:10px;
   padding-left:10px;
}
.bg_bottom {
	/* Empty class - reserved for future use */
}
.box_title {
	background: url(../images/sky_blue/bg_title_box.gif) no-repeat;
	width: 187px !important;
	height: 42px !important;
	text-align:center;
	color:#475569; /* Modern gray text */
	text-shadow:#EEEEEE 1px 1px 0px;
	vertical-align:middle;
	
}

.box_text {
	background: url(../images/sky_blue/bg_body_box.gif) repeat;
	width: 187px !important;
}

.box_bottom {
	background: url(../images/sky_blue/bg_bottom_box.gif) no-repeat;
	width: 187px !important;
	height: 30px !important;
}
.user_name{
   color:#dc2626; /* Modern red */
    font-size:9pt;
}
.user_panel{
    color:#1e293b; /* Modern dark text */
    font-size:9pt;
	text-shadow:#FFFFFF 1px 1px 0px;
}
.user_exit{
    color:#2563eb; /* Modern blue */
    font-size:9pt;
	text-shadow:#FFFFFF 1px 1px 0px;
}
.logout{
   width:80%;
   border:0px;
   text-align:center;
   text-indent:12px;
   text-shadow:#EEEEEE 1px 1px 0px;
   table-layout:fixed; 
   overflow:hidden;
}
.title_bg {
	background-color:#2563eb; /* Modern blue background */
	background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); /* Modern gradient */
	padding-right:10px;
	color:#FFFFFF;
	height:20px;
}

.ewNewsHeader{
	color: #1e293b;  /* Modern dark header font color */
	background-image: url(../images/sky_blue/liteblue.png); /* header bg image */
	background-repeat:repeat-x;
	padding-right:10px;	
	height:25px;
}
.ewNewsContent{
	background-color:#fefce8;	/* Modern light yellow background */
	background: linear-gradient(135deg, rgba(254, 252, 232, 0.95), rgba(255, 255, 255, 0.98));
	padding:10px;
}

input, textarea, select {	
	font-family: IRANsans, Tahoma; /* font name */
	font-size: 9pt; /* font size */
}

/* بهینه‌سازی استایل input ها */
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="date"],
input[type="time"],
textarea {
	padding: 0.5rem 0.75rem;
	border: 1.5px solid rgba(37, 99, 235, 0.2);
	border-radius: 8px;
	background: #ffffff;
	background-color: #ffffff !important;
	color: #1e293b;
	font-size: 9pt;
	font-family: IRANsans, Tahoma;
	transition: all 0.3s ease;
	outline: none;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

input[type="text"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
input[type="date"]:hover,
input[type="time"]:hover,
textarea:hover {
	border-color: rgba(37, 99, 235, 0.35);
	box-shadow: 0 2px 6px rgba(37, 99, 235, 0.1);
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
textarea:focus {
	border-color: rgba(37, 99, 235, 0.5);
	box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15), 0 0 0 3px rgba(37, 99, 235, 0.1);
	background: #ffffff;
	background-color: #ffffff !important;
}

input[type="text"]:disabled,
input[type="number"]:disabled,
input[type="email"]:disabled,
input[type="password"]:disabled,
input[type="date"]:disabled,
input[type="time"]:disabled,
textarea:disabled {
	background: rgba(241, 245, 249, 0.8);
	border-color: rgba(148, 163, 184, 0.3);
	color: #64748b;
	cursor: not-allowed;
	opacity: 0.7;
}

/* استایل select */
select {
	padding: 0.5rem 0.75rem;
	border: 1.5px solid rgba(37, 99, 235, 0.2);
	border-radius: 8px;
	background: #ffffff;
	background-color: #ffffff !important;
	color: #1e293b;
	font-size: 9pt;
	font-family: IRANsans, Tahoma;
	transition: all 0.3s ease;
	outline: none;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	cursor: pointer;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%232563eb' d='M6 9L1 4h10z'/%3E%3C/svg%3E"), #ffffff;
	background-repeat: no-repeat;
	background-position: left 0.75rem center;
	padding-left: 2.5rem;
}

select:hover {
	border-color: rgba(37, 99, 235, 0.35);
	box-shadow: 0 2px 6px rgba(37, 99, 235, 0.1);
}

select:focus {
	border-color: rgba(37, 99, 235, 0.5);
	box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15), 0 0 0 3px rgba(37, 99, 235, 0.1);
	background: #ffffff;
	background-color: #ffffff !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%232563eb' d='M6 9L1 4h10z'/%3E%3C/svg%3E"), #ffffff;
}

select:disabled {
	background: rgba(241, 245, 249, 0.8);
	border-color: rgba(148, 163, 184, 0.3);
	color: #64748b;
	cursor: not-allowed;
	opacity: 0.7;
}

/* استایل input های تاریخ (persian-date-input) */
input.persian-date-input,
input.search-date-input {
	padding: 0.5rem 2.5rem 0.5rem 0.75rem;
	border: 1.5px solid rgba(37, 99, 235, 0.2);
	border-radius: 8px;
	background: #ffffff;
	background-color: #ffffff !important;
	color: #1e293b;
	font-size: 9pt;
	font-family: IRANsans, Tahoma;
	transition: all 0.3s ease;
	outline: none;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	cursor: pointer;
	position: relative;
}

input.persian-date-input:hover,
input.search-date-input:hover {
	border-color: rgba(37, 99, 235, 0.35);
	box-shadow: 0 2px 6px rgba(37, 99, 235, 0.1);
}

input.persian-date-input:focus,
input.search-date-input:focus {
	border-color: rgba(37, 99, 235, 0.5);
	box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15), 0 0 0 3px rgba(37, 99, 235, 0.1);
	background: #ffffff;
	background-color: #ffffff !important;
} 

.CalendarTop {
    height:50px;
    width:128px;
    background:url(../images/sky_blue/calendar_top.png) no-repeat;
    font-size:9pt;
	vertical-align:middle;
	text-align:center;
	color:#FFFFFF;
}
.CalendarBottom {
	height:78px;
	width:128px;
	background:url(../images/sky_blue/calendar_bottom.png) no-repeat;
	font-size:50px;
	vertical-align:top;
}
.page_header_right{
background:url(../images/sky_blue/top_page_right.png) no-repeat;
width:10px;
height:32px;
font-size:8.7pt
}
.page_header_center{
background:url(../images/sky_blue/top_page_center.png) repeat-x;
text-align:right;
padding-right:5px;
height:32px;
font-size:8.7pt;
}
.page_header_alt{
background:url(../images/sky_blue/top_page_alt.png) no-repeat;
width:26px;
height:32px;
font-size:8.7pt;
}
.page_header_left{
background:url(../images/sky_blue/top_page_left.png) no-repeat;
width:10px;
height:32px;
}
/* Menu */
.m1{background:url(../images/sky_blue/m1.gif) no-repeat top center;height:25px;padding:0px 25px 0 0;margin-right:12px;  width:140px;float:right; font-size:9pt;line-height:20px;vertical-align:middle; color:#000000;text-shadow:#FFB366 1px 1px 0px; }
.ewMenuBarVertical{padding:0;margin:0;list-style:none}
.ewMenuBarVertical a{background:url(../images/sky_blue/bt.gif) no-repeat top center;height:25px;padding:0px 25px 0 0;margin-right:12px;  width:140px;float:right;
line-height:20px;color:#444444;text-shadow:#EEFFFF 1px 1px 0px;}
.ewMenuBarVertical a:hover{background:url(../images/sky_blue/bt.gif) 100% -25px no-repeat;color:#7c8a0f;text-shadow:#fff 0px 0px 2px}



/* template layout */
.ewLayout {
	font-family: IRANsans, Tahoma; /* font name */
	font-size: 9pt; /* font size */
	width: 100%;
	height: 100%;
}

.ewContentTable {
	font-family: IRANsans, Tahoma; /* font name */
	font-size: 9pt; /* font size */
	width: 100%;
	height: 100%;
	clear: left;
	border:1px;
	border-color:#66FFFF;
}

.li_menu{
   color: #0000FF; /* footer font color */	
}
.ewMenuColumn {
	background-color: #FFFFFF; /* background color */
	margin-right : 13px;
	vertical-align: top;
	clear : both;
	float : none;
	margin-top : 13px;
}
.ewMenuColumn2 {
	background-color: #FFFFFF; /* background color */
	margin-right : 13px;
	vertical-align: top;
	clear : both;
	float : none;
	margin-top : 13px;
}
.ewMenuColumn a{
   color:#1e293b; /* Modern dark text */
	text-decoration: none;
}

.ewMenuColumn a:active {
	 color:#2563eb; /* Modern blue active link color */
	text-decoration: none;
}

.ewMenuColumn a:link {
	 color:#1e293b; /* Modern dark link color */
}

.ewMenuColumn a:visited {
	 color:#475569; /* Modern gray visited link color */
}

#ewMenu {
	font-family: IRANsans, Tahoma; /* font name */
	font-size: 9pt; /* font size */
	overflow : hidden;
}


.ewContentColumn {
	background-color:#FFFFFF; /* background color */
	vertical-align: top;
	border:1px;
	border-color:#cbd5e1; /* Modern light gray border */
	padding: 10px;
	width:626;
}

.ewFooterRow {
    background:url(../images/sky_blue/footer.gif) no-repeat;
	height:150px;
	color:#475569; /* Modern gray footer font color */	
	
}

.ewFooterText1 {
	font-family: IRANsans, Tahoma; /* font name */
	font-size: 9pt; /* font size */	
	
}
.ewFooterText2 {
	font-family: IRANsans, Tahoma; /* font name */
	font-size: 8pt; /* font size */	
	
}
.ewForm {
	margin: 0;
	padding: 0;
	box-shadow: none;
}

/* حذف سایه از فرم جستجو */
#users_list_SearchPanel .ewForm,
#st_class_list_SearchPanel .ewForm {
	box-shadow: none !important;
}

.ewGrid {
	border-collapse: separate;
	overflow: visible; /* تغییر از scroll به visible - scroll در ewGridContent انجام می‌شود */
	box-shadow:0 3px 5px 0px rgba(0,0,0,.2); 
	position: relative;
	z-index: 1;
	width:100%;
	display: table; /* اطمینان از اینکه table layout درست کار می‌کند */
}

.ewGrid .ewGridContent1 {
	padding: 0;	
	border: 1px solid #9F9F9F; /* grid border */	
	border-radius: 4px;	
	/* تبدیل به block element برای scroll افقی */
	display: block;
	overflow-x: auto;
	overflow-y: visible;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	scrollbar-color: rgba(37, 99, 235, 0.3) rgba(241, 245, 249, 0.5);
	width: 100%;
	max-width: 100%;
	position: relative;
}

/* استایل scrollbar برای ewGridContent */
.ewGrid .ewGridContent::-webkit-scrollbar {
	height: 12px;
}

.ewGrid .ewGridContent::-webkit-scrollbar-track {

	border-radius: 6px;
	margin: 4px;
}

.ewGrid .ewGridContent::-webkit-scrollbar-thumb {
	background: rgba(37, 99, 235, 0.3);
	border-radius: 6px;
	transition: background 0.2s ease;
}

.ewGrid .ewGridContent::-webkit-scrollbar-thumb:hover {
	background: rgba(37, 99, 235, 0.5);
}

/* اطمینان از اینکه جدول داخل ewGridContent می‌تواند عریض شود */
.ewGrid .ewGridContent .ewGridMiddlePanel,
.ewGrid .ewGridContent .ewTable,
.ewGrid .ewGridContent table {
	min-width: 100%;
	width: auto;
	table-layout: auto;
}

.ewGridform{
	border: 0px solid #9F9F9F; /* grid border */	
		
}

/* grid pager panel */
.ewGridUpperPanel, .ewGridLowerPanel {
	padding: 3px;	
	border-left: 0;
	border-right: 0;	
	background-color: #f8fafc; /* Modern light gray grid header color */
	color: #2563eb;	 /* Modern blue grid header font color */
	font-family: IRANsans, Tahoma; /* font name */
	font-size: 8.5pt; /* font size */			
}

/* راست‌چین کردن محتوای ewGridLowerPanel */
.ewGridLowerPanel {
	text-align: right !important;
	direction: rtl !important;
}

.ewGridLowerPanel table {
	margin-right: 0 !important;
	margin-left: auto !important;
	float: right !important;
}

.ewGridLowerPanel table td {
	text-align: right !important;
	direction: rtl !important;
}

.ewGridUpperPanel {
	border-top: 0px;
	border-bottom: 1px solid;
	border-color: #9F9F9F; 
}

.ewGridMiddlePanel {
	border: 0;	
}

.ewGridLowerPanel {
	border-top: 1.5px solid rgba(37, 99, 235, 0.45);
	border-bottom: 2px solid rgba(37, 99, 235, 0.35);
	border-left: 2px solid rgba(37, 99, 235, 0.35);
	border-right: 2px solid rgba(37, 99, 235, 0.35);

	border-radius: 0 0 10px 10px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 0 1px 1px 0 rgba(0, 0, 0, 0.11);
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 251, 0.95));
	display: flex !important;
	align-items: center !important;
	justify-content: center !important; /* مرکز کردن محتوا */
	flex-direction: column !important; /* عمودی برای نمایش دکمه در وسط */
	padding: 8px 12px 10px 12px !important; /* کاهش padding برای کاهش ارتفاع */
	margin-bottom: 10px !important; /* کاهش margin-bottom */
	gap: 6px !important; /* کاهش gap بین عناصر */
	color: #475569;
	font-size: 10pt !important;
	font-family: IRANsans, Tahoma;
	position: relative;
	text-align: right !important;
	direction: rtl !important;
	width: 100% !important;
}

.ewGridLowerPanel *,
.ewGridLowerPanel td,
.ewGridLowerPanel span,
.ewGridLowerPanel div,
.ewGridLowerPanel a,
.ewGridLowerPanel input:not(.grade-save-btn):not(.btn) {
	text-align: right !important;
	direction: rtl !important;
	margin-left: auto !important;
	margin-right: 0 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

/* کادر زیبا برای select (لیست انتخابی تعداد رکوردها) */
.ewGridLowerPanel select {
	text-align: right !important;
	direction: rtl !important;
	margin-left: auto !important;
	margin-right: 0 !important;
	padding: 6px 12px !important;
	font-size: 10pt !important;
	font-family: IRANsans, Tahoma !important;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 251, 0.95)) !important;
	border: 1.5px solid rgba(37, 99, 235, 0.25) !important;
	border-radius: 8px !important;
	box-shadow: 0 2px 8px rgba(37, 99, 235, 0.1), 0 1px 3px rgba(37, 99, 235, 0.08) !important;
	color: #475569 !important;
	cursor: pointer;
	transition: all 0.3s ease !important;
	outline: none !important;
	min-width: 80px;
}

.ewGridLowerPanel select:hover {
	border-color: rgba(37, 99, 235, 0.4) !important;
	box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15), 0 2px 6px rgba(37, 99, 235, 0.12) !important;
	background: linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(249, 250, 251, 0.98)) !important;
}

.ewGridLowerPanel select:focus {
	border-color: rgba(37, 99, 235, 0.5) !important;
	box-shadow: 0 4px 16px rgba(37, 99, 235, 0.2), 0 2px 8px rgba(37, 99, 235, 0.15), 0 0 0 3px rgba(37, 99, 235, 0.1) !important;
	background: linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(249, 250, 251, 0.98)) !important;
}

/* حذف پس‌زمینه و کادر برای span.fontstyle و td در ewGridLowerPanel */
.ewGridLowerPanel .fontstyle,
.ewGridLowerPanel span.fontstyle,
.ewGridLowerPanel td {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 4px !important;
	font-size: 10pt !important;
}

/* کوچک کردن فونت برای b tags (آخرین صفحه، بعدی) و لینک‌های pagination */
.ewGridLowerPanel b,
.ewGridLowerPanel strong,
.ewGridLowerPanel .fontstyle a,
.ewGridLowerPanel .fontstyle b,
.ewGridLowerPanel span.fontstyle a,
.ewGridLowerPanel span.fontstyle b,
.ewGridLowerPanel a b,
.ewGridLowerPanel a strong {
	font-size: 10pt !important;
}

.ewGridLowerPanel > *:first-child {
	margin-right: 0 !important;
	margin-left: auto !important;
}

.ewGridLowerPanel .grade-save-btn {
	align-self: center !important;
	margin: 0 !important;
	text-align: center !important;
	direction: ltr !important; /* برای دکمه LTR */
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; /* حفظ gradient */
	border: none !important;
	box-shadow: 0 4px 12px rgba(102, 126, 234, 0.35) !important; /* حفظ shadow */
	position: relative !important;
	z-index: 100 !important; /* z-index بالاتر */
	display: inline-block !important;
	padding: 0.625rem 1.5rem !important;
	border-radius: 0.5rem !important;
	font-size: 0.875rem !important;
	min-width: 140px !important;
	letter-spacing: 0.5px !important;
}

.ewGridLowerPanel .grade-save-btn:hover {
	background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%) !important;
	box-shadow: 0 6px 20px rgba(102, 126, 234, 0.5) !important;
}

.ewGridLowerPanel .btn {
	align-self: center !important;
	margin: 0 !important;
	text-align: center !important;
	direction: ltr !important; /* برای دکمه LTR */
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; /* حفظ gradient */
	border: none !important;
	box-shadow: 0 4px 12px rgba(102, 126, 234, 0.35) !important; /* حفظ shadow */
	position: relative !important;
	z-index: 100 !important; /* z-index بالاتر */
	display: inline-block !important;
	padding: 0.625rem 1.5rem !important;
	border-radius: 0.5rem !important;
	font-size: 0.875rem !important;
	min-width: 140px !important;
	letter-spacing: 0.5px !important;
}

.ewGridLowerPanel .btn:hover {
	background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%) !important;
	box-shadow: 0 6px 20px rgba(102, 126, 234, 0.5) !important;
}

/* دکمه‌های اصلی (مثل «ثبت موارد انضباطی») هم‌سان با تم سایت */
.btn {
	padding: 0.625rem 1.5rem;
	border-radius: 0.5rem;
	font-size: 0.875rem;
	font-weight: 600;
	font-family: 'IRANSans', Tahoma, sans-serif;
	cursor: pointer;
	transition: all 0.3s ease;
	border: none;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	color: #ffffff;
	box-shadow: 0 4px 12px rgba(102, 126, 234, 0.35);
	text-align: center;
	display: inline-block;
	min-width: 140px;
	letter-spacing: 0.5px;
}

.btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(102, 126, 234, 0.5);
	background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%);
}

.btn:active {
	transform: translateY(0);
}

.btn:disabled {
	opacity: 0.6;
	cursor: not-allowed;
	transform: none;
}

/* استایل کادر برای دکمه btnAction */
.btnAction ,
#btnAction {
	border: 2px solid rgba(37, 99, 235, 0.5) !important;
	border-radius: 8px !important;
	padding: 5px !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
	font-size:1em !important;
	cursor: pointer !important;
	transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
	box-shadow: 0 2px 6px rgba(37, 99, 235, 0.2) !important;
	width: auto !important; /* عرض خودکار بر اساس محتوا */
	min-width: auto !important; /* حداقل عرض خودکار */
	max-width: none !important; /* حذف محدودیت حداکثر عرض */
	display: inline-block !important; /* نمایش inline-block برای کنترل عرض */
	box-sizing: border-box !important; /* شامل padding و border در عرض */
}

#btnAction:hover {
	border-color: rgba(37, 99, 235, 0.8) !important;
	box-shadow: 0 4px 10px rgba(37, 99, 235, 0.3) !important;
	cursor: pointer !important;
}

#btnAction:active {
	border-color: rgba(37, 99, 235, 1) !important;
	box-shadow: 0 1px 4px rgba(37, 99, 235, 0.25) !important;
}

#btnAction:focus {
	outline: none !important;
	border-color: rgba(37, 99, 235, 0.9) !important;
	box-shadow: 0 2px 6px rgba(37, 99, 235, 0.2), 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
}

#btnAction:disabled {
	border-color: rgba(148, 163, 184, 0.3) !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
	cursor: not-allowed !important;
}

/* استایل کادر برای دکمه‌های input[type="button"] با openModalDialog */
input[type="button"][onclick*="openModalDialog"],
input[type="button"][onclick*="openModalDialog"]:hover,
input[type="button"][onclick*="openModalDialog"]:active,
input[type="button"][onclick*="openModalDialog"]:focus {
	border: 2px solid rgba(37, 99, 235, 0.5) !important;
	border-radius: 8px !important;
	padding: 5px !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
	font-size: 1.05em !important;
	cursor: pointer !important;
	transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
	box-shadow: 0 2px 6px rgba(37, 99, 235, 0.2) !important;
}

input[type="button"][onclick*="openModalDialog"]:hover {
	border-color: rgba(37, 99, 235, 0.8) !important;
	box-shadow: 0 4px 10px rgba(37, 99, 235, 0.3) !important;
	cursor: pointer !important;
}

input[type="button"][onclick*="openModalDialog"]:active {
	border-color: rgba(37, 99, 235, 1) !important;
	box-shadow: 0 1px 4px rgba(37, 99, 235, 0.25) !important;
}

input[type="button"][onclick*="openModalDialog"]:focus {
	outline: none !important;
	border-color: rgba(37, 99, 235, 0.9) !important;
	box-shadow: 0 2px 6px rgba(37, 99, 235, 0.2), 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
}

input[type="button"][onclick*="openModalDialog"]:disabled {
	border-color: rgba(148, 163, 184, 0.3) !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
	cursor: not-allowed !important;
}

/* استایل کادر برای لینک‌های a داخل ewTable که برای ثبت یا انصراف استفاده می‌شوند */
.ewTable a[onclick*="ValidateForm"],
.ewTable a[href=""][onclick],
.ewTable a[href*="cancel"],
.ewTable td a[onclick],
.ewTable td a[href*="cancel"] {

	cursor: pointer !important;
	display: inline-block !important;
	text-decoration: none !important;
	color:#000099 !important;
}

.ewTable a[onclick*="ValidateForm"]:hover,
.ewTable a[href=""][onclick]:hover,
.ewTable a[href*="cancel"]:hover,
.ewTable td a[onclick]:hover,
.ewTable td a[href*="cancel"]:hover {

	cursor: pointer !important;
	text-decoration: none !important;
}

.ewTable a[onclick*="ValidateForm"]:active,
.ewTable a[href=""][onclick]:active,
.ewTable a[href*="cancel"]:active,
.ewTable td a[onclick]:active,
.ewTable td a[href*="cancel"]:active {
	
	text-decoration: none !important;
}

.ewTable a[onclick*="ValidateForm"]:focus,
.ewTable a[href=""][onclick]:focus,
.ewTable a[href*="cancel"]:focus,
.ewTable td a[onclick]:focus,
.ewTable td a[href*="cancel"]:focus {
	outline: none !important;
	border-color: rgba(37, 99, 235, 0.9) !important;
	box-shadow: 0 2px 6px rgba(37, 99, 235, 0.2), 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
	text-decoration: none !important;
}

/* استایل برای card (گزارشات) */
.card {
	border: 1.5px solid rgba(37, 99, 235, 0.15) !important;
	border-radius: 12px !important;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 251, 0.95)) !important;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08), 0 1px 3px rgba(15, 23, 42, 0.05) !important;
	margin-bottom: 12px !important;
	overflow: hidden !important;
	transition: all 0.3s ease !important;
}

.card:hover {
	border-color: rgba(37, 99, 235, 0.25) !important;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.12), 0 2px 8px rgba(15, 23, 42, 0.08) !important;
	transform: translateY(-2px) !important;
}

/* استایل برای card-header (گزارشات) */
.card-header {
	background: linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(59, 130, 246, 0.08)) !important;
	border-bottom: 1.5px solid rgba(37, 99, 235, 0.15) !important;
	padding: 12px 16px !important;
	font-family: 'IRANSans', Tahoma, sans-serif !important;
	font-size: 9.5pt !important;
	font-weight: 600 !important;
	color: #1e293b !important;
	transition: all 0.3s ease !important;
}

.card-header:hover {
	background: linear-gradient(135deg, rgba(37, 99, 235, 0.18), rgba(59, 130, 246, 0.12)) !important;
}

.card-header a {
	color: #1e293b !important;
	text-decoration: none !important;
	display: block !important;
	width: 100% !important;
	transition: color 0.2s ease !important;
}

.card-header a:hover {
	color: #2563eb !important;
}

.card-header a.collapsed {
	color: #475569 !important;
}

.card-header a.collapsed:hover {
	color: #2563eb !important;
}

/* استایل برای card-body (گزارشات) */
.card-body {
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important;
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
	font-family: 'IRANSans', Tahoma, sans-serif !important;
	font-size: 9pt !important;
	color: #1e293b !important;
	line-height: 1.6 !important;
	background: rgba(255, 255, 255, 0.6) !important;
}

/* استایل برای دکمه‌های submit در فرم‌های گزارشات */
.card-body input[type="submit"],
.card-body button[type="submit"] {
	padding: 0.5rem 1.25rem !important;
	border-radius: 8px !important;
	font-size: 9pt !important;
	font-weight: 600 !important;
	font-family: 'IRANSans', Tahoma, sans-serif !important;
	cursor: pointer !important;
	transition: all 0.3s ease !important;
	border: none !important;
	background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
	color: #ffffff !important;
	box-shadow: 0 3px 10px rgba(37, 99, 235, 0.3) !important;
	text-align: center !important;
	display: inline-block !important;
	min-width: 120px !important;
}

.card-body input[type="submit"]:hover,
.card-body button[type="submit"]:hover {
	background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%) !important;
	box-shadow: 0 6px 20px rgba(37, 99, 235, 0.5) !important;
	transform: translateY(-2px) !important;
}

.card-body input[type="submit"]:active,
.card-body button[type="submit"]:active {
	transform: translateY(0) !important;
	box-shadow: 0 2px 8px rgba(37, 99, 235, 0.4) !important;
}

/* استایل برای select در فرم‌های گزارشات */
.card-body select {
	padding: 0.5rem 0.75rem !important;
	border: 1.5px solid rgba(37, 99, 235, 0.2) !important;
	border-radius: 8px !important;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 251, 0.95)) !important;
	color: #1e293b !important;
	font-size: 9pt !important;
	font-family: IRANsans, Tahoma !important;
	transition: all 0.3s ease !important;
	outline: none !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
	cursor: pointer !important;
	min-width: 120px !important;
}

.card-body select:hover {
	border-color: rgba(37, 99, 235, 0.35) !important;
	box-shadow: 0 2px 6px rgba(37, 99, 235, 0.1) !important;
}

.card-body select:focus {
	border-color: rgba(37, 99, 235, 0.5) !important;
	box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15), 0 0 0 3px rgba(37, 99, 235, 0.1) !important;
	background: rgba(255, 255, 255, 1) !important;
}

/* استایل برای input text در فرم‌های گزارشات */
.card-body input[type="text"],
.card-body input[type="number"] {
	padding: 0.5rem 0.75rem !important;
	border: 1.5px solid rgba(37, 99, 235, 0.2) !important;
	border-radius: 8px !important;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 251, 0.95)) !important;
	color: #1e293b !important;
	font-size: 9pt !important;
	font-family: IRANsans, Tahoma !important;
	transition: all 0.3s ease !important;
	outline: none !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

.card-body input[type="text"]:hover,
.card-body input[type="number"]:hover {
	border-color: rgba(37, 99, 235, 0.35) !important;
	box-shadow: 0 2px 6px rgba(37, 99, 235, 0.1) !important;
}

.card-body input[type="text"]:focus,
.card-body input[type="number"]:focus {
	border-color: rgba(37, 99, 235, 0.5) !important;
	box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15), 0 0 0 3px rgba(37, 99, 235, 0.1) !important;
	background: rgba(255, 255, 255, 1) !important;
}

/* استایل برای accordion container */
.accordion {
	background: transparent !important;
	border: none !important;
}

/* استایل برای label و متن در فرم‌های گزارشات */
.card-body label,
.card-body span {
	color: #475569 !important;
	font-size: 9pt !important;
	font-family: 'IRANSans', Tahoma, sans-serif !important;
}

/* استایل برای td حاوی "لیست نمرات کلاسی" - یک سایز بزرگتر و وسط‌چین */
td[bgcolor="#EAFFEB"],
td[style*="background-color: #EAFFEB"],
td[style*="background-color:#EAFFEB"] {
	font-size: 10.5pt !important; /* یک سایز بزرگتر از 9pt */
	text-align: center !important;
}

td[bgcolor="#EAFFEB"] {
	font-weight: 700;
	background: linear-gradient(135deg, rgba(14, 165, 233, 0.22), rgba(125, 211, 252, 0.18)) !important;
	color: #0f172a;
	border-right: 0 !important;
	box-shadow: inset 0 -1px 0 rgba(15, 23, 42, 0.08);
}

/* وسط‌چین کردن محتوای th با پس‌زمینه سبز (نمرات) */
th[data-grade-type],
th[style*="background-color: rgb(40, 167, 69)"],
th[style*="background-color:#28a745"] {
	text-align: center !important;
	padding: 6px 6px !important;
	font-size: 1.05rem; /* یک سایز بزرگتر از 0.95rem */
}

/* Bold کردن سطرهای اول، دوم و سوم جدول ewGrid */
.ewGrid tr:first-child,
.ewGrid tr:nth-child(2),
.ewGrid tr:nth-child(3) {
	font-weight:bold !important;
}

.ewGrid tr:first-child td,
.ewGrid tr:first-child th,
.ewGrid tr:nth-child(2) td,
.ewGrid tr:nth-child(2) th,
.ewGrid tr:nth-child(3) td,
.ewGrid tr:nth-child(3) th {
	font-weight:normal !important;
}

/* حذف bold از ردیف، کد ملی و نام دانش‌آموز */
.ewGrid tr:first-child td.radif-cell,
.ewGrid tr:nth-child(2) td.radif-cell,
.ewGrid tr:nth-child(3) td.radif-cell,
.ewGrid tr:first-child td.st-number-cell,
.ewGrid tr:nth-child(2) td.st-number-cell,
.ewGrid tr:nth-child(3) td.st-number-cell,
.ewGrid tr:first-child td[data-column="student-name"],
.ewGrid tr:nth-child(2) td[data-column="student-name"],
.ewGrid tr:nth-child(3) td[data-column="student-name"],
.ewGrid tr:first-child td[data-column="student-name"] div,
.ewGrid tr:nth-child(2) td[data-column="student-name"] div,
.ewGrid tr:nth-child(3) td[data-column="student-name"] div {
	font-weight: normal !important;
}

.ewGridUpperPanel td, .ewGridLowerPanel td {
	color: #2563eb;	 /* Modern blue grid header font color */
	font-family: IRANsans, Tahoma; /* font name */
	font-size: 9pt; /* font size */			
}
.ewPager {
border-radius: 4px;	
}
.ewPager td {
	white-space: nowrap;
	
}

.ewTabContent {
	padding: 0;
	border: 0;
}

.ewMultiColumnTable {
	border: 0;
}

.ewMultiColumnTable td {
  padding-top:0px;
  padding-bottom:20px;
  padding-left:10px;
  padding-right:10px;
}

/* main table */
.ewTable {
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	width: 100%;
	font-family: IRANsans, Tahoma; /* font name */
	font-size: 9pt; /* font size */		
	overflow:auto;
	
}

.ewTableSeparate {	
	border-collapse: separate;
	
}

.ewTable td {
	padding: 3px; /* cell padding */
	border-bottom: 1px solid; /* border width, horizontal grid line */
	border-top: 0px;
	border-right: 0px;
	/*border-left: 1px solid; /* border width, vertical grid line */
	border-color: #CFCFCF;  /* border color */
	height:35px;
	font-size: 9pt;
	font-family: IRANsans, Tahoma;
}


.ewTableAddOpt {
	border: 0;
	border-spacing: 0;
	font-family: IRANsans, Tahoma; /* font name */
	font-size: 9pt; /* font size */			
}

.ewTableAddOpt td {
	padding: 3px; /* cell padding */
	border: 0;
}
.title_menu{
   background:url(../images/bullet.gif) right no-repeat;
   padding-right:20px;
}
.menu_item{
   background:url(../images/go.gif) right no-repeat;
   padding-right:20px;
}
	
.ewTable .ewTableHeader {
	 background-image: url(../images/sky_blue/liteblue.png); /* header bg image */
	 text-align:right;
  
}	
 .ewTable .ewTableHeader td {
	color: #1e293b;  /* Modern dark header font color */
	border-bottom: 1px solid; /* header border width */
	/*border-left: 1px solid; /* header border width */
	border-color: #cbd5e1; /* Modern light gray header border color */	
	border-top-right-radius: 4px;
    border-top-left-radius: 4px;
	/*background-color:#E6E6E7; */
	
	vertical-align: center;
	height:25px;	
	text-shadow:#EEFFFF 1px 1px 0px;
	white-space: nowrap !important; /* جلوگیری از شکستن خط در td */
	line-height: normal !important; /* ارتفاع خط عادی */
}

.ewTable .ewTable2Header td {
	background-color:#dbeafe;	/* Modern light blue header bgcolor */
	color: #1e293b;  /* Modern dark header font color */
	border-bottom: 0px solid; /* header border width */
	border-left: 0px solid; /* header border width */
	border-color: #cbd5e1; /* Modern light gray header border color */	
	background-image: url(../images/sky_blue/liteblue.png); /* header bg image */
	background-repeat:repeat-x;	
	vertical-align: center;
	height:20px;	
}

.ewTableHeaderedit{
	background-color: #9C9AB7;	/* header bgcolor */
	color: #191970;  /*header font color */
	border-bottom: 1px solid; /* header border width */
	border-left: 1px solid; /* header border width */
	border-color: #9F9F9F; /* header border color */	
	background-image: url(../images/sky_blue/liteblue.png); /* header bg image */
	background-repeat: repeat-x;
	vertical-align: center;
	height:30px;	
	
}
.ewPointer {
	cursor: pointer;
}

.ewTableHeader a:link, .ewTableHeader a:active, .ewTableHeader a:visited {	
	color: #1e293b; /* Modern dark header font color */
	text-decoration: none;	
}

.ewTableHeaderBtn {
	width: 100%;
	font-family: IRANsans, Tahoma; /* font name */
	font-size: 9pt; /* font size */				
}

.ewTableHeader .ewTableHeaderBtn td {
	background: transparent;
	
	padding: 0;
	border: 0;
	white-space: nowrap;
		
}
 .ewnews{
    font-family: IRANsans, Tahoma; /* font name */
	font-size: 9pt; /* font size */	
	color:#646464;
	padding-right:10px;
}	
/* main table row color */
.ewTableRow {
	background-color:#FFFFFF;  /* alt row color 1 */
	color:#1e293b; /* Modern dark text */
	cursor: default;
	height:30px;
}

/* main table alternate row color */
.ewTableAltRow {
	 background-color:#f8fafc; /* Modern light gray alt row color 2 */
	color:#1e293b; /* Modern dark text */
	cursor: default;
	height:30px;
}

/* main table last row */
.ewTableLastRow td {
	border-bottom: 0px;
}

/* main table edit mode row color */
.ewTableEditRow {
	background-color: rgba(250, 204, 21, 0.26); /* Modern light yellow edit mode color */
	color: inherit;
}

/* main table highlight color */
.ewTableHighlightRow {
	background-color: #FFFFAA; /* highlight color */
	color: inherit;
}

/* main table select color */
.ewTableSelectRow {
	background-color: #fef3c7; /* Modern light yellow select color */
	color: #1e293b; /* Modern dark text */
}

/* main table footer */
.ewTableFooter {
	background-color:#fef3c7; /* Modern light yellow footer color */
	color: #1e293b; /* Modern dark text */
}

/* table for export to HTML */
.ewExportTable {
    border-collapse: collapse;
    empty-cells: show; 
}

.ewExportTable td {
    padding: 3px; /* cell padding */
    border: 1px solid #C0C0C0;
}

.ewBasicSearch {
	font-family: IRANsans, Tahoma; /* font name */
	font-size: 9pt; /* font size */
	background-image: url(../images/sky_blue/liteblue.png); /* header bg image */
	border: 1px solid;
	border-color:#C0C0C0;
	border-radius:4px;
	border-collapse: separate !important;
}
.ewBasicReport {
	font-family: IRANsans, Tahoma; /* font name */
	padding:5px;
	width:100%;
	font-size: 10pt; /* font size */
	background-image: url(../images/sky_blue/liteblue.png); /* header bg image */
	border: 1px solid;
	border-color:#C0C0C0;
	border-radius:4px;
	border-collapse: separate !important;
}
.ewBasicReport a{
text-decoration:none;
}
.ewBasicReport a:link{
text-decoration:none;
}
.ewBasicReport a:hover{
text-decoration:none;
}
.ewBasicSearch td {
	
	padding: 3px;
	padding-right:5px;
}

.ewBasicSearch.search-form-container {
	background: rgba(239, 244, 255, 0.96);
	border: 1px solid rgba(37, 99, 235, 0.2);
	border-radius: 18px;
	border-collapse: separate !important;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

.ewBasicSearch.search-form-container,
#fst_classlistsrch {
	border-radius: 18px;
}

#st_class_list_SearchPanel {
	background: transparent;
	border: none;
	box-shadow: none;
}

.ewBasicSearch.search-form-container td {
	background: transparent;
}

@media (max-width: 575px) {
	.st-number-cell,
	.st-number-header {
		display: none !important;
	}
}

.ewSearchOpr {
	font-family: IRANsans, Tahoma; /* font name */
	font-size: 9pt; /* font size */
	float: left;
	color: maroon;
}

.ewItemTable td {
	color: inherit; /* text color */
	font-family: IRANsans, Tahoma; /* font name */
	font-size: 9pt; /* font size */
	border: 0px;
	padding: 0px;
	vertical-align: top; 
}

/* separator */
.ewSeparator {
    color: gray;
}

/* classes for report */
.ewReportTable {
    border: 0px;
    border-collapse: collapse;
}

.ewReportTable td {
    padding: 3px;
}

.ewGroupField {
	font-weight: bold;
}

.ewGroupName {
	font-weight: bold;
}

.ewGroupHeader {
	border-bottom: 3px double Gray;
	border-top: 3px double Gray;
}

.ewGroupSummary {
	border-top: 1px solid Gray;
} 

.ewGroupAggregate {
	font-weight: bold;
}

.ewGrandSummary {
	border-top: 1px solid Gray;
}

/* message */
.ewMessage {
    background-color:#fef3c7; /* Modern light yellow */
    background: linear-gradient(135deg, rgba(254, 243, 199, 0.95), rgba(255, 255, 255, 0.98));
    border:#cbd5e1 thin solid; /* Modern light gray border */
    padding:7px;
    display: none; /* Hide default message display - will be converted to toast */
    min-width: 100%;
     border-radius: 5px;
	color:#dc2626; /* Modern red message color */
	font-family: IRANsans, Tahoma; /* font name */
	font-size: 9pt; /* font size */	
}

/* استایل برای fieldset با کلاس ewlegend - عرض 100% */
fieldset.ewlegend {
	width: 100% !important;
	max-width: 100% !important;
	display: block !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: 16px 20px !important;
	border: 1.5px solid rgba(37, 99, 235, 0.2) !important;
	border-radius: 12px !important;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 251, 0.95)) !important;
	box-shadow: 0 2px 8px rgba(37, 99, 235, 0.1), 0 1px 3px rgba(37, 99, 235, 0.08) !important;
	position: relative !important;
	min-width: 100% !important;
}
/* اطمینان از عرض 100% برای محتوای داخل fieldset */
fieldset.ewlegend > *,
fieldset.ewlegend > div,
fieldset.ewlegend > table,
fieldset.ewlegend table,
fieldset.ewlegend .ewGrid,
fieldset.ewlegend .ewGridContent,
fieldset.ewlegend .ewGridContent1,
fieldset.ewlegend .ewGridMiddlePanel,
fieldset.ewlegend .ewTable,
fieldset.ewlegend table.ewGrid,
fieldset.ewlegend table.ewTable,
fieldset.ewlegend table[cellspacing],
fieldset.ewlegend table[class*="ewGrid"],
fieldset.ewlegend table[class*="ewTable"] {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 100% !important;
	box-sizing: border-box !important;
}
/* اطمینان از عرض 100% برای td و tr داخل fieldset */
fieldset.ewlegend td,
fieldset.ewlegend tr,
fieldset.ewlegend .ewGridContent td,
fieldset.ewlegend .ewGridContent tr,
fieldset.ewlegend table td,
fieldset.ewlegend table tr {
	box-sizing: border-box !important;
}
/* اطمینان از عرض 100% برای containerهای والد fieldset */
.ewGridMiddlePanel fieldset.ewlegend,
div fieldset.ewlegend,
td fieldset.ewlegend {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 100% !important;
}
/* اطمینان از عرض 100% برای ewGridMiddlePanel که fieldset را دربر می‌گیرد */
.ewGridMiddlePanel {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}
.ewGridMiddlePanel fieldset.ewlegend {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 100% !important;
	display: block !important;
}
/* جلوگیری از تغییر رنگ زمینه هنگام hover روی fieldset */
fieldset.ewlegend:hover,
fieldset.ewlegend:focus,
fieldset.ewlegend:active {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 251, 0.95)) !important;
	border-color: rgba(37, 99, 235, 0.2) !important;
	box-shadow: 0 2px 8px rgba(37, 99, 235, 0.1), 0 1px 3px rgba(37, 99, 235, 0.08) !important;
	transform: none !important;
}
.ewlegend {
	color: #1e293b !important; /* Modern dark text color */
	font-family: IRANsans, Tahoma !important; /* font name */
	font-size: 11pt !important; /* font size - slightly larger */
	font-weight: 700 !important; /* Bold font weight */
	padding: 12px 20px !important; /* Modern padding */
	margin-bottom: 16px !important; /* Space below legend */
	background: linear-gradient(135deg, rgba(37, 99, 235, 0.25), rgba(103, 126, 234, 0.2)) !important; /* پررنگ‌تر کردن gradient background */
	border: 1.5px solid rgba(37, 99, 235, 0.35) !important; /* پررنگ‌تر کردن border */
	border-radius: 12px !important; /* Rounded corners */
	box-shadow: 0 2px 8px rgba(37, 99, 235, 0.15), 0 1px 3px rgba(37, 99, 235, 0.12) !important; /* پررنگ‌تر کردن shadow */
	display: inline-block !important; /* Inline-block for auto width */
	width: auto !important; /* Auto width based on content */
	max-width: fit-content !important; /* Fit content width */
	position: relative !important; /* For pseudo-elements */
	transition: all 0.3s ease !important; /* Smooth transitions */
	box-sizing: border-box !important; /* Include padding and border in width */
}
.ewlegend::before {
	content: "";
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 60%;
	background: linear-gradient(180deg, rgba(37, 99, 235, 0.6), rgba(103, 126, 234, 0.4));
	border-radius: 2px;
}
.ewlegend:hover {
	background: linear-gradient(135deg, rgba(37, 99, 235, 0.15), rgba(103, 126, 234, 0.12)) !important;
	border-color: rgba(37, 99, 235, 0.3) !important;
	box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15), 0 2px 6px rgba(37, 99, 235, 0.12) !important;
	transform: translateY(-1px) !important;
}
.ewlegendnews {
	color:#FF8000; /* message color */
	font-family: IRANsans, Tahoma; /* font name */
	font-size: 9pt; /* font size */	
	padding-top:0px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;	
}
/* required field indicator */
.ewRequired {
	color: red; /* message color */
	font-family: IRANsans, Tahoma; /* font name */
	font-size: 9pt; /* font size */
	display: inline !important; /* نمایش inline برای قرار گرفتن در کنار عنوان */
	white-space: nowrap !important; /* جلوگیری از شکستن خط */
	margin-right: 2px !important; /* فاصله کوچک از عنوان */
}
/* اطمینان از نمایش inline ستاره در td های header */
.ewTable .ewTableHeader td .ewRequired,
.ewTableHeader td .ewRequired,
td.ewTableHeader .ewRequired {
	display: inline !important;
	white-space: nowrap !important;
	margin-right: 2px !important;
}

/* highlight */
.ewHighlightSearch {
	font-weight: bold;
	background-color: yellow;
}

/* Template */
.ewTemplate {
	display: none;
}

/* YUI TabView */
.yui-skin-sam .yui-navset .yui-nav  {
	font-family: IRANsans, Tahoma; /* font name */
	font-size: 9pt; /* font size */	
}

.yui-skin-sam .yui-navset .yui-content {
	padding: 0;
	border: 0;
}

/* .yui-navset defaults to .yui-navset-top */
.yui-skin-sam .yui-navset .yui-nav,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav { /* protect nested tabviews from other orientations */
	border-width: 0;
}

/* *** A8 *** */
.yui-skin-sam .yui-navset .yui-nav a,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a {
	background: #F5F5F5 url(../images/mediumgray.png) repeat-x; /* tab background */
	color: #000;
	border: solid #a3a3a3; /* tab left/right border color */
	border-width: 0 1px;
}

/* *** A8 *** */
.yui-skin-sam .yui-navset .yui-nav a em,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em {
	border: solid #a3a3a3; /* tab top border color */
	border-width: 1px 0 0;
}

/* *** A8 *** */
.yui-skin-sam .yui-navset .yui-nav a:hover,
.yui-skin-sam .yui-navset .yui-nav a:focus {
	background: #F0FFFF url(../images/sky_blue/liteblue.png); /* highlighted tab background */
}

/* *** A8 *** */
.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
.yui-skin-sam .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
	background: #9C9AB7 url(../images/sky_blue/liteblue.png); /* selected tab background */
	color: #000000;
}

/* *** A8 *** */
.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a em {
	border-color: #243356; /* selected tab border color */
}


/* YUI Button */
.yui-skin-sam .yui-button button, .yui-skin-sam .yui-button a {   
  font-size: 9pt; /* font size */
}

/* YUI Panel */
.yui-skin-sam .yui-panel .hd {    
	font-size: 9pt; /* font size */
	line-height: 2.5;     
}

/* Auto-Suggest */
.yui-skin-sam .yui-ac { /* DO NOT CHANGE! */
	position: relative; 
}

.yui-skin-sam .yui-ac-input { /* DO NOT CHANGE! */
	position: relative;
	width: auto;
}

.yui-skin-sam .yui-ac-content ul{
	font-family: IRANsans, Tahoma; /* font name */
	font-size: 9pt; /* font size */
	color: #000000; /* text color */ 
}

.ewUnmatched {
	background: #FF9F9F;
}

/* scrollable table */
.ewScrollableTable {
	overflow-y: auto; /* for ie and modern browsers */
}

.ewScrollableTable thead tr {
	position: relative; /* for ie */
}

.ewScrollableTable .ewScrollableTableHeader {
	overflow: hidden;
	position: relative; /* for ie overflow bug http://rowanw.com/bugs/overflow_relative.htm */
}
/* scrollable table */

.ewLangForm {
    text-align: right;
}

/*END_SYSTEM_STYLES*/
/*BEGIN_USER_STYLES*/

/* Modern Aurora-inspired table styling */
.ewTable {
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
	background: #dbe8ff;
	border: 1px solid #dbe8ff;
	/* گوشه‌های جدول در حالت عادی گرد بمانند */
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

/* حذف کادر، سایه و radius برای ewTable داخل ewGrid و ewGrid1 */
.ewGrid .ewTable,
.ewGridContent .ewTable,
table.ewGrid .ewTable,
table.ewGrid1 .ewTable,
#gmp_dars_doreh .ewTable {
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
	overflow: visible !important;
}

.ewTable.ewTableSeparate {
	border-spacing: 0;
}

.ewTable thead tr {
	background: #dbe8ff;
}

.ewTable thead th {
	padding: 14px 16px;
	font-weight: 700 !important;
	color: #0f172a;
	border-bottom: 1px solid rgba(148, 163, 184, 0.4);
	text-align: right;
	background: transparent;
	font-size: 9pt;
	font-family: IRANsans, Tahoma;
}

.ewTable thead th:last-child,
.ewTable .ewTableHeader td:last-child {
	border-left: 1px solid #dbe8ff;
}

.ewTable .ewTableHeader,
.ewTable .ewTableHeader td {
	background: #dbe8ff !important;
	font-weight: 700 !important;
	font-size: 9pt;
	font-family: IRANsans, Tahoma;
	width:15%;
	text-align: right;
}

/* Bold کردن سطر عنوان در جداول داخل ewGrid - استایل‌های قوی */
.ewGrid .ewTable thead tr.ewTableHeader,
.ewGrid .ewTable thead tr.ewTableHeader td,
.ewGrid .ewTable thead tr.ewTableHeader th,
.ewGrid .ewTable .ewTableHeader,
.ewGrid .ewTable .ewTableHeader td,
.ewGrid .ewTable .ewTableHeader th,
.ewGrid thead tr.ewTableHeader,
.ewGrid thead tr.ewTableHeader td,
.ewGrid thead tr.ewTableHeader th,
.ewGrid thead .ewTableHeader,
.ewGrid thead .ewTableHeader td,
.ewGrid thead .ewTableHeader th,
table.ewGrid .ewTable thead tr.ewTableHeader,
table.ewGrid .ewTable thead tr.ewTableHeader td,
table.ewGrid .ewTable thead tr.ewTableHeader th,
table.ewGrid thead tr.ewTableHeader,
table.ewGrid thead tr.ewTableHeader td,
table.ewGrid thead tr.ewTableHeader th,
.ewGrid .ewTableHeader,
.ewGrid .ewTableHeader td,
.ewGrid .ewTableHeader th,
.ewGrid table .ewTableHeader,
.ewGrid table .ewTableHeader td,
.ewGrid table .ewTableHeader th {
	font-weight: 700 !important;
	font-weight: bold !important;
}

/* Bold کردن محتوای داخل td های header */
.ewGrid .ewTable thead tr.ewTableHeader td *,
.ewGrid .ewTable .ewTableHeader td *,
.ewGrid thead tr.ewTableHeader td *,
.ewGrid thead .ewTableHeader td *,
table.ewGrid .ewTable thead tr.ewTableHeader td *,
table.ewGrid thead tr.ewTableHeader td *,
.ewGrid .ewTableHeader td *,
.ewGrid table .ewTableHeader td * {
	font-weight: 700 !important;
	font-weight: bold !important;
}

/* جدول‌های برنامه روزانه/هفتگی در داشبورد، بدون radius در خود جدول */
#manager-day-table .ewTable,
#teacher-week-table .ewTable {
	border-radius: 0 !important;
	overflow: visible;
}

.ewTable td {
	padding: 12px 16px;
	color: #1e293b;
	border-bottom: 1px solid rgba(15, 23, 42, 0.07);
	text-align: right;
	font-size: 9pt;
	font-family: IRANsans, Tahoma;
}

.recent-average-header {
	white-space: nowrap;
	text-align: center;
	padding: 12px;
	min-width: 110px;
}

.average-header {
	white-space: nowrap;
	text-align: center;
	padding: 12px;
	min-width: 110px;
}

[data-column="student-name"] {
	text-align: right !important;
}

[data-column="student-name"] div {
	text-align: inherit;
}

/* افزایش سایز فونت نام دانش‌آموز، شماره دانش‌آموزی و ردیف در دسکتاپ */
@media (min-width: 769px) {
	[data-column="student-name"],
	[data-column="student-name"] div {
		font-size: 10pt !important; /* یک سایز بزرگتر از 9pt */
	}
	
	.st-number-cell,
	.radif-cell {
		font-size: 10pt !important; /* یک سایز بزرگتر از 9pt */
	}
}

.client-sortable {
	cursor: pointer;
	user-select: none;
	transition: color 0.2s ease;
	position: relative;
	padding-left: 18px;
}

.client-sortable:focus-visible {
	outline: 2px solid rgba(37, 99, 235, 0.35);
	outline-offset: 2px;
}

.client-sort-asc,
.client-sort-desc {
	color: #1d4ed8 !important;
}

.client-sort-label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.client-sortable::after {
	content: '';
	font-size: 0.75rem;
	line-height: 1;
	color: #1d4ed8;
	opacity: 0;
	transition: opacity 0.2s ease;
	position: absolute;
	left: 4px;
	top: 50%;
	transform: translateY(-50%);
}

.client-sort-asc::after {
	content: '▲';
	opacity: 1;
}

.client-sort-desc::after {
	content: '▼';
	opacity: 1;
}

.recent-average-cell {
	text-align: center;
}

.recent-average {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 56px;
	padding: 4px 10px;
	border-radius: 999px;
	background: rgba(37, 99, 235, 0.12);
	color: #0f172a;
	font-weight: bold !important;
	font-size: 0.8rem;
}

@media (max-width: 575px) {
	.recent-average {
		min-width: 42px;
		padding: 3px 6px;
		font-size: 0.8rem; /* یک سایز بزرگتر از 0.65rem */
	}
}

.recent-grades-container {
	font-size: 0.85rem;
}

@media (max-width: 575px) {
	.recent-grades-container {
		font-size: 0.95rem;
	}

	.recent-average-header,
	.average-header {
		min-width: 60px !important;
		padding: 4px 2px !important;
	}

	.ewTable td.recent-average-cell {
		padding-left: 1px !important;
		padding-right: 1px !important;
	}

	.recent-average {
		min-width: 36px !important;
		padding: 2px 4px !important;
		font-size: 0.75rem !important; /* یک سایز بزرگتر از 0.6rem */
	}
}

.ewTable tr:last-child td {
	border-bottom: none;
}

.ewTable tbody tr:nth-child(odd) td {
	background: #ffffff;
}

.ewTable tbody tr:nth-child(even) td {
	background: rgba(241, 245, 255, 0.75);
}

.ewTable tbody tr:hover td {
	background: #fff3c4 !important;
}

.ewTableHighlightRow td,
.ewTableSelectRow td {
	background: rgba(59, 130, 246, 0.16) !important;
	color: #0f172a;
}

/* رنگ مکمل برای سطر سوم هدر جدول (مثلاً سطر «نام درس» در جدول انضباط) */
.ewTable thead tr:nth-child(3) td {
	/* سبز خیلی ملایم و مدرن، هماهنگ با تم کلی (خانواده green-100) */
	background-color: #DCFCE7 !important;
}

.ewTableEditRow td {
	background: rgba(250, 204, 21, 0.26);
}

.ewGrid {
	background: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
	overflow: visible;
}

.ewGrid .ewGridContent {
	background: transparent;
	border: none;
	border-radius: 0;
	overflow: visible;
	/* تبدیل به block element برای scroll افقی */
	display: block;
	overflow-x: auto;
	overflow-y: visible;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	scrollbar-color: rgba(37, 99, 235, 0.3) rgba(241, 245, 249, 0.5);
	width: 100%;
	max-width: 100%;
	position: relative;
}

/* استایل scrollbar برای ewGridContent (حالت مدرن) */
.ewGrid .ewGridContent::-webkit-scrollbar {
	height: 12px;
}

.ewGrid .ewGridContent::-webkit-scrollbar-track {
	background: rgba(241, 245, 249, 0.5);
	border-radius: 6px;
	margin: 4px;
}

.ewGrid .ewGridContent::-webkit-scrollbar-thumb {
	background: rgba(37, 99, 235, 0.3);
	border-radius: 6px;
	transition: background 0.2s ease;
}

.ewGrid .ewGridContent::-webkit-scrollbar-thumb:hover {
	background: rgba(37, 99, 235, 0.5);
}

/* اطمینان از اینکه جدول داخل ewGridContent می‌تواند عریض شود */
.ewGrid .ewGridContent .ewGridMiddlePanel,
.ewGrid .ewGridContent .ewTable,
.ewGrid .ewGridContent table {
	min-width: 100%;
	width: auto;
	table-layout: auto;
}

/* ============================================
   کادر مدرن برای ewGrid - شبیه کادر خبرها
   ============================================ */

/* کادر آبی و مناسب برای جدول‌های انضباطی */
table.ewGrid:not(#manager-day-table table.ewGrid):not(#teacher-week-table table.ewGrid) {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 251, 0.95)) !important;
	border: 1.5px solid rgba(37, 99, 235, 0.18) !important;
	border-radius: 18px 18px 0 0 !important;
	padding: 0 !important;
	margin-top: 12px !important;
	margin-bottom: 5px !important;
	box-shadow: 0 6px 24px rgba(15, 23, 42, 0.08), 0 2px 10px rgba(15, 23, 42, 0.05) !important;
	overflow: hidden !important;
	transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
	position: relative !important;
}

table.ewGrid:not(#manager-day-table table.ewGrid):not(#teacher-week-table table.ewGrid)::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 5px;
	height: 100%;
	background: linear-gradient(180deg, rgba(37, 99, 235, 0.7), rgba(103, 126, 234, 0.5), rgba(37, 99, 235, 0.7));
	border-top-right-radius: 18px;
	border-bottom-right-radius: 0;
	box-shadow: inset -2px 0 8px rgba(37, 99, 235, 0.2);
	z-index: 1;
	pointer-events: none;
}

table.ewGrid:not(#manager-day-table table.ewGrid):not(#teacher-week-table table.ewGrid)::after {
	content: "";
	position: absolute;
	top: -50%;
	right: -50%;
	width: 200%;
	height: 200%;
	background: radial-gradient(circle, rgba(37, 99, 235, 0.03), transparent 70%);
	opacity: 0;
	transition: opacity 0.35s ease;
	pointer-events: none;
	z-index: 0;
}

table.ewGrid:not(#manager-day-table table.ewGrid):not(#teacher-week-table table.ewGrid):hover {
	transform: translateY(-3px) !important;
	box-shadow: 0 12px 36px rgba(15, 23, 42, 0.12), 0 6px 16px rgba(15, 23, 42, 0.08) !important;
	border-color: rgba(37, 99, 235, 0.3) !important;
	background: linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(249, 250, 251, 0.98)) !important;
}

table.ewGrid:not(#manager-day-table table.ewGrid):not(#teacher-week-table table.ewGrid):hover::after {
	opacity: 1;
}

/* محتوای جدول در کادر - با امکان scroll افقی */
table.ewGrid:not(#manager-day-table table.ewGrid):not(#teacher-week-table table.ewGrid) .ewGridContent {
	background: transparent;
	border-radius: 0;
	padding: 0;
	position: relative;
	z-index: 2;
	/* تبدیل به block element برای scroll افقی */
	display: block !important;
	overflow-x: auto !important;
	overflow-y: visible !important;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	scrollbar-color: rgba(37, 99, 235, 0.3) rgba(241, 245, 249, 0.5);
	width: 100% !important;
	max-width: 100% !important;
}

/* استایل scrollbar برای ewGridContent در کادر مدرن */
table.ewGrid:not(#manager-day-table table.ewGrid):not(#teacher-week-table table.ewGrid) .ewGridContent::-webkit-scrollbar {
	height: 12px;
}

table.ewGrid:not(#manager-day-table table.ewGrid):not(#teacher-week-table table.ewGrid) .ewGridContent::-webkit-scrollbar-track {
	background: rgba(241, 245, 249, 0.5);
	border-radius: 6px;
	margin: 4px;
}

table.ewGrid:not(#manager-day-table table.ewGrid):not(#teacher-week-table table.ewGrid) .ewGridContent::-webkit-scrollbar-thumb {
	background: rgba(37, 99, 235, 0.3);
	border-radius: 6px;
	transition: background 0.2s ease;
}

table.ewGrid:not(#manager-day-table table.ewGrid):not(#teacher-week-table table.ewGrid) .ewGridContent::-webkit-scrollbar-thumb:hover {
	background: rgba(37, 99, 235, 0.5);
}

/* اطمینان از اینکه جدول داخل ewGridContent می‌تواند عریض شود */
table.ewGrid:not(#manager-day-table table.ewGrid):not(#teacher-week-table table.ewGrid) .ewGridContent .ewGridMiddlePanel,
table.ewGrid:not(#manager-day-table table.ewGrid):not(#teacher-week-table table.ewGrid) .ewGridContent .ewTable,
table.ewGrid:not(#manager-day-table table.ewGrid):not(#teacher-week-table table.ewGrid) .ewGridContent table {
	min-width: 100%;
	width: auto;
	table-layout: auto;
}

/* استایل برای ewGridLowerPanel - کادر ملموس‌تر، خط بالای تیره‌تر */
table.ewGrid:not(#manager-day-table table.ewGrid):not(#teacher-week-table table.ewGrid) + .ewGridLowerPanel,
.ewGridLowerPanel {
	border-top: 1.5px solid rgba(37, 99, 235, 0.45) !important;
	border-bottom: 2px solid rgba(37, 99, 235, 0.35) !important;
	border-left: 2px solid rgba(37, 99, 235, 0.35) !important;
	border-right: 2px solid rgba(37, 99, 235, 0.35) !important;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 10px !important;
	border-bottom-left-radius: 10px !important;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 251, 0.95)) !important;
	color: #475569 !important;
	font-size: 10pt !important;
	font-family: IRANsans, Tahoma !important;
	padding: 8px 12px 10px 12px !important; /* کاهش padding برای کاهش ارتفاع */
	gap: 6px !important; /* کاهش gap بین عناصر */
	margin-bottom: 10px !important; /* کاهش margin-bottom */
	position: relative;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important; /* مرکز کردن محتوا */
	flex-direction: column !important; /* عمودی برای نمایش دکمه در وسط */
	text-align: center !important; /* مرکز کردن متن */
	direction: rtl !important;
	width: 100% !important;
}

.ewGridLowerPanel *,
.ewGridLowerPanel td,
.ewGridLowerPanel span,
.ewGridLowerPanel div,
.ewGridLowerPanel a,
.ewGridLowerPanel input:not(.grade-save-btn):not(.btn),
.ewGridLowerPanel form {
	text-align: right !important;
	direction: rtl !important;
	font-size: 10pt !important;
	margin-left: auto !important;
	margin-right: 0 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

/* کادر زیبا برای select (لیست انتخابی تعداد رکوردها) */
.ewGridLowerPanel select {
	text-align: right !important;
	direction: rtl !important;
	font-size: 10pt !important;
	margin-left: auto !important;
	margin-right: 0 !important;
	padding: 6px 12px !important;
	font-family: IRANsans, Tahoma !important;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 251, 0.95)) !important;
	border: 1.5px solid rgba(37, 99, 235, 0.25) !important;
	border-radius: 8px !important;
	box-shadow: 0 2px 8px rgba(37, 99, 235, 0.1), 0 1px 3px rgba(37, 99, 235, 0.08) !important;
	color: #475569 !important;
	cursor: pointer;
	transition: all 0.3s ease !important;
	outline: none !important;
	min-width: 80px;
}

.ewGridLowerPanel select:hover {
	border-color: rgba(37, 99, 235, 0.4) !important;
	box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15), 0 2px 6px rgba(37, 99, 235, 0.12) !important;
	background: linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(249, 250, 251, 0.98)) !important;
}

.ewGridLowerPanel select:focus {
	border-color: rgba(37, 99, 235, 0.5) !important;
	box-shadow: 0 4px 16px rgba(37, 99, 235, 0.2), 0 2px 8px rgba(37, 99, 235, 0.15), 0 0 0 3px rgba(37, 99, 235, 0.1) !important;
	background: linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(249, 250, 251, 0.98)) !important;
}

/* حذف پس‌زمینه و کادر برای span.fontstyle و td در ewGridLowerPanel */
.ewGridLowerPanel .fontstyle,
.ewGridLowerPanel span.fontstyle,
.ewGridLowerPanel td {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 4px !important;
	font-size: 10pt !important;
}

/* کوچک کردن فونت برای b tags (آخرین صفحه، بعدی) و لینک‌های pagination */
.ewGridLowerPanel b,
.ewGridLowerPanel strong,
.ewGridLowerPanel .fontstyle a,
.ewGridLowerPanel .fontstyle b,
.ewGridLowerPanel span.fontstyle a,
.ewGridLowerPanel span.fontstyle b,
.ewGridLowerPanel a b,
.ewGridLowerPanel a strong {
	font-size: 10pt !important;
}

.ewGridLowerPanel > *:first-child {
	margin-right: 0 !important;
	margin-left: auto !important;
}

.ewGridLowerPanel table {
	margin-right: 0 !important;
	margin-left: auto !important;
	width: auto !important;
}

/* ردیوس مخصوص جدول‌های کلاس در صفحه نمرات؛ نه برنامه روزانه */
#gmp_st_class {
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}

/* حذف گردی پایین برای جدول رکوردها - کادر ملموس‌تر (به جز پایین) */
#gmp_dars_doreh {
	border-top: 2px solid rgba(37, 99, 235, 0.35) !important;
	border-left: 2px solid rgba(37, 99, 235, 0.35) !important;
	border-right: 2px solid rgba(37, 99, 235, 0.35) !important;
	border-bottom: none !important;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 251, 0.95)) !important;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 0 1px 1px 0 rgba(0, 0, 0, 0.11) !important;
	overflow: hidden !important;
}

/* حذف گردی سلول‌های گوشه پایین آخرین سطر در جدول لیست رکوردها (با form) */
table.ewGrid1 td.ewGridContent1 > form .ewTable tbody tr:last-child td:first-child,
table.ewGrid1 td.ewGridContent1 > form .ewTable tbody tr:last-child td:last-child {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

/*END_USER_STYLES*/


#fixedSize {
     width:187px;
     margin: auto;
     overflow:auto;   
 }
#fixedSize p {
     margin:10px;
     text-align:justify;
 }
#textfield {
     width:162px;
     margin:20px auto;
 }
#textfield input {
     width:162px;
     height:100px;
 }
.tab_content {
	font-family: IRANsans, Tahoma; /* font name */
	font-size: 9pt; /* font size */
}

A.one5tabmenu {
	TEXT-ALIGN: center; WIDTH: 188px; DISPLAY: inline-block; HEIGHT: 35px; TEXT-DECORATION: none
}
SPAN.one5tabmenu {
	TEXT-ALIGN: center; WIDTH: 188px; DISPLAY: inline-block; HEIGHT: 35px; TEXT-DECORATION: none;text-shadow:#F3F3F3 1px 1px 0px;
}
A.one5tabmenu {
	BORDER-BOTTOM: #ffffff 0px; BORDER-LEFT: #ffffff 0px; DIRECTION: rtl; BACKGROUND: url(../images/sky_blue/bgtab1.jpg) no-repeat left top; BORDER-TOP: #ffffff 0px; BORDER-RIGHT: #ffffff 0px
}
SPAN.one5tabmenu {
	FONT-FAMILY: IRANsans, Tahoma; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000; FONT-SIZE: 9pt; CURSOR: pointer; 
}
SPAN.two5tabmenu {
	MARGIN-TOP: 10px; DISPLAY: block; MARGIN-LEFT: 10px; CURSOR: pointer; MARGIN-RIGHT: 10px
}
A.one5tabmenu:hover {
	BORDER-BOTTOM: #ffffff 0px; BORDER-LEFT: #ffffff 0px; BACKGROUND: url(../images/sky_blue/bgtab.jpg) no-repeat left top; BORDER-TOP: #ffffff 0px; BORDER-RIGHT: #ffffff 0px
}
A.one5tabmenu:hover SPAN.one5tabmenu {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffffff; FONT-SIZE: 9pt; 
}
A.one5tabmenu:hover SPAN.two5tabmenu {
	MARGIN-TOP: 10px; DISPLAY: block; MARGIN-LEFT: 10px; MARGIN-RIGHT: 0px
}
A.tone5tabmenu {
	TEXT-ALIGN: center; WIDTH: 188px; DISPLAY: inline-block; HEIGHT: 35px; TEXT-DECORATION: none;text-shadow:#000099 1px 1px 0px;
}
SPAN.tone5tabmenu {
	TEXT-ALIGN: center; WIDTH: 188px; DISPLAY: inline-block; HEIGHT: 35px; TEXT-DECORATION: none
}
A.tone5tabmenu {
	BORDER-BOTTOM: #ffffff 0px; BORDER-LEFT: #ffffff 0px; DIRECTION: rtl; BACKGROUND: url(../images/sky_blue/bgtab.jpg) no-repeat left top; BORDER-TOP: #ffffff 0px; BORDER-RIGHT: #ffffff 0px
}
SPAN.tone5tabmenu {
	FONT-FAMILY: IRANsans, Tahoma; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffffff; FONT-SIZE: 9pt; CURSOR: pointer; 
}
.tab_content_top_right{
      background:url(../images/sky_blue/top-right.jpg) no-repeat;
	  width:14px;
	  height:17px;
	  }
.tab_content_top_left{
      background:url(../images/sky_blue/top-left.jpg) no-repeat;
	  width:14px;
	  height:17px;
	  }
.tab_content_top_back{
      background:url(../images/sky_blue/top-back.jpg) repeat-x;
	  height:17px;
	  }
.tab_content_right_back{
      background:url(../images/sky_blue/right-back.jpg) repeat-y;
	  width:14px;
	  }
.tab_content_left_back{
      background:url(../images/sky_blue/left-back.jpg) repeat-y;
	  width:14px;
	  }
.tab_content_right_bottom{
      background:url(../images/sky_blue/right-botomn.jpg) no-repeat;
	  width:14px;
	  height:15px;
	  }
.tab_content_bottom_back{
      background:url(../images/sky_blue/botom-back.jpg) repeat-x;
	  height:15px;
	  }
.tab_content_bottom_left{
      background:url(../images/sky_blue/botomn-left.jpg) no-repeat;
	  width:14px;
	  height:15px;
	  }
.tab_content_style{
      background-color:#FFFFFF;
      color:#990000;
	  WIDTH: 100%; 
	  TEXT-DECORATION:none;
	  border:0px;
	  font-family: IRANsans, Tahoma; /* font name */
	  font-size: 9pt; /* font size */
	  }
.tab_content_title {
    background:url(../images/sky_blue/bull.gif) no-repeat right top;
    background-color:#FF9933;
	font-family: IRANsans, Tahoma; /* font name */
	text-indent:25px;
	height:22px;
	color:#333333;
	font-size:9pt; /* font size */
}
.tab_content_date {
  text-align:left;
  padding-left:5px;
  background-color:#FF9933;
  font-family: IRANsans, Tahoma; /* font name */
  height:22px;
  color:#333333;
  font-size:9pt; /* font size */
}
.tab_content_body {
    background-color:#E8EBF0;
	padding-right:5px;
	padding-left:5px;
	text-align:justify;
	font-family: IRANsans, Tahoma; /* font name */
	color:#000000;
	font-size:  9pt; /* font size */
	height:25px;
}
.tab_content_top{
  background-color:#F0F0FF;
  font-size:0px;
  height:0px;
}
.tab_content_bottom{
  background-color:#FFFFFF;
  height:10px;
}
.tab_content_comment{
  background-color:#FFFFFF;
  background:url(../images/sky_blue/comment-icon.png) no-repeat right;
  padding-right:25px;
  height:20px; 
  font-size:9pt;
}
.tab_content_continue{
  background:url(../images/sky_blue/continue.gif) no-repeat left bottom ;
  background-color:#E8EBF0;
  font-size:9pt;
  text-indent:5px;
  height:20px; 
}
.news_body_bg{
   background-color:#E8EBF0;
    padding-right:5px;
   padding-left:5px;
}
.statistics{
color:#CC0000;
}
.ajaxpoller{
   width:158px;
   height:180px;
}
.marquee{
  padding:3px;
  background:#FFFF99;
  color:#000000;
}

.top_st_box{
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  }
  
  /*
 * Component: Info Box
 * -------------------
 */

 .info-box {
	display: block;
	min-height: 90px;
	background: #fff;
	width: 100%;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	margin-bottom: 15px;
	border: #000099;
  }
  
  .info-box small {
	font-size: 14px;
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  }
  
  .info-box .progress {
	background: rgba(0, 0, 0, 0.2);
	margin: 5px -10px 5px -10px;
	height: 2px;
  }
  
  .info-box .progress,
  .info-box .progress .progress-bar {
	border-radius: 0;
  }
  
  .info-box .progress .progress-bar {
	background: #fff;
  }
  
  .info-box-icon {
	border-top-right-radius: 2px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 2px;
	display: block;
	float: right;
	height: 90px;
	width: 90px;
	text-align: center;
	font-size: 45px;
	line-height: 90px;
	background: rgba(0, 0, 0, 0.2);
  }
  
  .info-box-icon > img {
	max-width: 100%;
  }
  
  .info-box-content {
	padding: 5px 10px;
	margin-right: 90px;
  }
  
  .info-box-number {
	display: block;
	font-weight: bold;
	font-size: 18px;
  }
  
  .progress-description,
  .info-box-text {
	display: block;
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
  }
  
  .info-box-text {
	text-transform: uppercase;
  }
  
  .info-box-more {
	display: block;
  }
  
  .progress-description {
	margin: 0;
  }
  
  .info-box-small {
	display: block;
	min-height: 60px;
	background: #fff;
	width: 100%;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	margin-bottom: 15px;
	
  }
  
  .info-box-small small {
	font-size: 14px;
  }
  
  .info-box-small .progress {
	background: rgba(0, 0, 0, 0.2);
	margin: 5px -10px 5px -10px;
	height: 2px;
  }
  
  .info-box-small .progress,
  .info-box-small .progress .progress-bar {
	border-radius: 0;
  }
  
  .info-box-small .progress .progress-bar {
	background: #fff;
  }
  
  .info-box-small-icon {
	border-top-right-radius: 2px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 2px;
	display: block;
	float: right;
	height: 60px;
	width: 60px;
	text-align: center;
	font-size: 45px;
	line-height: 60px;
	background: rgba(0, 0, 0, 0.2);
	padding-top:10px;
  }
  
  .info-box-small-icon > img {
	max-width: 100%;
  }
  
  .info-box-small-content {
	padding: 10px 10px;
	margin-right: 60px;
	font-size: 13px;
  }
  .info-box-small-content:hover {
  background-color:#FFFF66;
  }
  .info-box-small-content-footer {
	margin-top:0px;
	margin-right: 60px;
	background-color:hsl(0, 4%, 90%);
  }
  .info-box-small-content .back{
   background: rgba(0, 0, 0, 0.7);
  }
  .info-box-small-number {
	display: block;
	
	font-size: 13px;
  }
  
  .progress-description,
  .info-box-small-text {
	display: block;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
  }
  
  .info-box-small-text {
	text-transform: uppercase;
  }
  
  .info-box-small-more {
	display: block;
  }
  
  .progress-description {
	margin: 0;
  }
  
/* استایل برای موبایل - افزایش سایز فونت‌ها */
@media (max-width: 768px) {
	/* افزایش فونت body */
	body {
		font-size: 9.5pt !important; /* از 9pt به 9.5pt */
	}
	
	/* افزایش فونت‌های عمومی */
	.fontstyle,
	.ewMenuColumn,
	.ewContentColumn,
	.ewTable,
	.ewTable td,
	.ewTable th,
	.ewGrid,
	.ewGrid td,
	.ewGrid th,
	input,
	textarea,
	select,
	button {
		font-size: 9.5pt !important; /* از 9pt به 9.5pt */
	}
	
	/* افزایش فونت header */
	.headernav a,
	.ewNewsHeader,
	.ewNewsContent,
	.ewTableHeader td,
	.ewTable2Header td {
		font-size: 9.5pt !important;
	}
	
	/* افزایش فونت card */
	.card-header {
		font-size: 10pt !important; /* از 9.5pt به 10pt */
	}
	
	.card-body {
		font-size: 9.5pt !important; /* از 9pt به 9.5pt */
	}
	
	/* افزایش فونت دکمه‌ها */
	.btn,
	.card-body input[type="submit"],
	.card-body button[type="submit"] {
		font-size: 0.8125rem !important;
		padding: 0.5rem 1.25rem !important;
		min-width: 120px !important;
	}
	
	/* افزایش فونت pagination */
	.ewGridLowerPanel,
	.ewGridLowerPanel *,
	.ewGridLowerPanel td,
	.ewGridLowerPanel span,
	.ewGridLowerPanel .fontstyle {
		font-size: 10.5pt !important; /* از 10pt به 10.5pt */
	}
	
	/* افزایش فونت input و select */
	input[type="text"],
	input[type="number"],
	input[type="email"],
	input[type="password"],
	input[type="date"],
	input[type="time"],
	textarea,
	select,
	.persian-date-input,
	.search-date-input {
		font-size: 9.5pt !important; /* از 9pt به 9.5pt */
	}
	
	/* افزایش فونت menu */
	.ewMenuColumn a,

	.headernav a {
		font-size: 9.5pt !important;
	}
	
	/* افزایش فونت user panel */
	.user_name,
	.user_panel,
	.user_exit {
		font-size: 9.5pt !important;
	}
	
	/* افزایش فونت message */
	.ewMessage {
		font-size: 9.5pt !important;
	}
	
	/* افزایش فونت legend */
	.ewlegend,
	.ewlegendnews {
		font-size: 9.5pt !important;
	}
	
	/* افزایش فونت required */
	.ewRequired {
		font-size: 9.5pt !important;
	}
	
	/* افزایش فونت tab */
	.tab_content,
	.tab_content_title,
	.tab_content_date,
	.tab_content_body {
		font-size: 9.5pt !important;
	}
	
	/* افزایش فونت news */
	.ewnews {
		font-size: 9.5pt !important;
	}
	
	/* افزایش فونت "ردیف" در موبایل */
	td[width="50px"] {
		font-size: 10.5pt !important; /* یک سایز بزرگتر */
	}
	
	/* افزایش فونت "کد ملی" در موبایل */
	.st-number-header {
		font-size: 10.5pt !important; /* یک سایز بزرگتر */
	}
	
	/* افزایش فونت td حاوی "لیست نمرات کلاسی" در موبایل */
	td[bgcolor="#EAFFEB"],
	td[style*="background-color: #EAFFEB"],
	td[style*="background-color:#EAFFEB"] {
		font-size: 11.5pt !important; /* یک سایز بزرگتر از 10.5pt */
	}
}

/* استایل برای موبایل کوچک - افزایش بیشتر فونت‌ها */
@media (max-width: 480px) {
	body {
		font-size: 10pt !important; /* از 9pt به 10pt */
	}
	
	.fontstyle,
	.ewMenuColumn,
	.ewContentColumn,
	.ewTable,
	.ewTable td,
	.ewTable th,
	.ewGrid,
	.ewGrid td,
	.ewGrid th,
	input,
	textarea,
	select,
	button {
		font-size: 10pt !important; /* از 9pt به 10pt */
	}
	
	.card-header {
		font-size: 10.5pt !important;
	}
	
	.card-body {
		font-size: 10pt !important;
	}
	
	.btn,
	.card-body input[type="submit"],
	.card-body button[type="submit"] {
		font-size: 0.75rem !important;
		padding: 0.5rem 1rem !important;
		min-width: 120px !important;
		max-width: 90% !important;
	}
	
	.ewGridLowerPanel,
	.ewGridLowerPanel *,
	.ewGridLowerPanel td,
	.ewGridLowerPanel span,
	.ewGridLowerPanel .fontstyle {
		font-size: 11pt !important;
	}
	
	input[type="text"],
	input[type="number"],
	input[type="email"],
	input[type="password"],
	input[type="date"],
	input[type="time"],
	textarea,
	select,
	.persian-date-input,
	.search-date-input {
		font-size: 10pt !important;
	}
	
	/* افزایش فونت td حاوی "لیست نمرات کلاسی" در موبایل */
	td[bgcolor="#EAFFEB"],
	td[style*="background-color: #EAFFEB"],
	td[style*="background-color:#EAFFEB"] {
		font-size: 12pt !important; /* یک سایز بزرگتر از 11.5pt در موبایل کوچک */
	}
	
	/* افزایش فونت "ردیف" در موبایل کوچک */
	td[width="50px"] {
		font-size: 11pt !important; /* یک سایز بزرگتر */
	}
	
	/* افزایش فونت "کد ملی" در موبایل کوچک */
	.st-number-header {
		font-size: 11pt !important; /* یک سایز بزرگتر */
	}
}
.carousel-wrapper {
	position: relative;
	margin: 0 auto;
	max-width: 1180px;
	padding: 0 12px;
}
.col-12.carousel-wrapper {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.carousel-wrapper .carousel {
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 18px 36px rgba(15, 23, 42, .12);
	width: 100%;
	padding: 0 !important;
	margin: 0 !important;
}
.carousel-wrapper .carousel-inner {
	aspect-ratio: 1000 / 300;
	width: 100%;
	position: relative;
	overflow: hidden;
	padding: 0 !important;
	margin: 0 !important;
}
.carousel-wrapper .carousel-inner.w-100 {
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}
.carousel-wrapper .carousel-item {
	height: 100% !important;
	background: #ffffff;
	text-align: center;
	display: flex;
	align-items: stretch !important;
	justify-content: stretch !important;
	overflow: hidden;
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
}
.carousel-wrapper .carousel-item.item {
	height: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}
.carousel-wrapper .carousel-slide-img,
.carousel-wrapper .img-fluid.carousel-slide-img,
.carousel-wrapper .carousel-item img.carousel-slide-img,
.carousel-wrapper .carousel-item .img-fluid.carousel-slide-img,
.carousel-wrapper .carousel-item img,
.carousel-wrapper .carousel-item .img-fluid {
	width: 100% !important;
	height: 100% !important;
	object-fit: fill !important;
	object-position: center !important;
	display: block !important;
	max-width: 100% !important;
	max-height: 100% !important;
	min-width: 100% !important;
	min-height: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
}
@media (max-width: 992px) {
	.carousel-wrapper {
		padding: 0 8px;
	}
}
@media (max-width: 768px) {
	.carousel-wrapper .carousel-inner {
		aspect-ratio: 1000 / 360;
	}
}
@media (max-width: 576px) {
	.carousel-wrapper .carousel {
		border-radius: 16px;
	}
}

.top-students-section {
	margin: 0 auto 30px;
	padding: 20px;
	
	border-radius: 24px;
	overflow: hidden;
	position: relative;
}
.top-students-section::before {
	content: "";
	position: absolute;
	inset: 10% -20% auto;
	height: 240px;
	background: radial-gradient(circle at center, rgba(255, 255, 255, .35), transparent 60%);
	opacity: .75;
	pointer-events: none;
}
.top-students-section header.section-header {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.top-students-carousel {
	position: relative;
	padding-top: 12px;
}
.top-students-carousel .carousel-indicators {
	position: static;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	margin-top: 20px;
	margin-bottom: 0;
	padding: 0;
}
.top-students-carousel .carousel-indicators li {
	background-color: rgba(18, 134, 221, .3);
	width: 12px;
	height: 12px;
	border-radius: 50%;
}
.top-students-carousel .carousel-indicators .active {
	background-color: #1286dd;
}
.top-students-slide {
	display: flex;
	justify-content: center;
	gap: 24px;
	padding: 15px 10px 35px;
}
.top-students-card {
	background: #fff;
	border-radius: 18px;
	box-shadow: 0 15px 35px rgba(15, 23, 42, .08);
	padding: 18px 18px 26px;
	max-width: 280px;
	width: 100%;
	text-align: center;
	position: relative;
	transition: transform .35s ease, box-shadow .35s ease;
}
.top-students-card::after {
	content: "";
	position: absolute;
	inset: auto 20% -22px;
	height: 46px;
	background: radial-gradient(circle, rgba(15, 23, 42, .22), transparent 65%);
	z-index: -1;
	opacity: 0;
	transition: opacity .35s ease;
}
.top-students-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 22px 45px rgba(15, 23, 42, .12);
}
.top-students-card:hover::after {
	opacity: 1;
}
.top-students-avatar {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	object-fit: cover;
	object-position: center 25%;
	box-shadow: 0 10px 25px rgba(18, 134, 221, .25);
	margin-bottom: 15px;
}
.top-students-name {
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 10px;
	color: #15223b;
}
.top-students-grade {
	font-size: 14px;
	color: #5b708b;
	margin-bottom: 0;
}
.links-section {
	margin: 15px 0 35px;
	padding: 16px 24px;
	border-radius: 24px;
	background: linear-gradient(135deg, rgba(17, 94, 207, .1), rgba(45, 197, 253, .08));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35);
	position: relative;
	overflow: hidden;
}
.links-section .section-header {
	justify-content: center !important;
	text-align: center !important;
	display: flex !important;
	align-items: center !important;
	width: 100% !important;
	
}
.links-section .section-header::after {
	display: none !important;
	
}
.links-section .section-title {
	margin: 0 auto !important;
	text-align: center !important;
	width: auto !important;
}
.links-section::after {
	content: "";
	position: absolute;
	inset: auto -30% -35%;
	height: 280px;
	background: radial-gradient(circle at top, rgba(255, 255, 255, .4), transparent 70%);
	pointer-events: none;
}
.links-inner {
	position: relative;
	z-index: 1;
}
.links-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
	gap: 18px;
	margin-top:10px;
}
.link-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding: 18px 16px 20px;
	border-radius: 18px;
	background: rgba(255, 255, 255, .82);
	backdrop-filter: blur(6px);
	text-decoration: none;
	box-shadow: 0 18px 35px rgba(15, 23, 42, .08);
	transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.link-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 20px 40px rgba(15, 23, 42, .12);
	background: #ffffff;
}
.link-card-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-height: 96px;
}
.link-card-icon img {
	max-height: 96px;
	width: auto;
}
.link-card-title {
	color: #1f2942;
	font-weight: 600;
	font-size: 15px;
	text-align: center;
	line-height: 1.6;
	min-height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.top-students-carousel-frame {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	position: relative;
	padding: 0 6px;
	max-width: 100%;
}
.top-students-carousel-frame .btn-floating {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 12px;
	background: #ffffff;
	color: #1286dd;
	box-shadow: 0 10px 20px rgba(15, 23, 42, .08);
	transition: transform .25s ease, background .25s ease, color .25s ease;
	border-radius: 12px;
}
.top-students-carousel-frame .btn-floating.btn-floating-prev i {
	transform: rotate(180deg);
}
.top-students-carousel-frame .btn-floating:hover {
	transform: translateY(-2px);
	background: #1286dd;
	color: #fff;
}
.top-students-slide {
	flex: 1 1 auto;
	min-width: 0;
}
.top-students-slide::-webkit-scrollbar {
	display: none;
}
.top-students-slide {
	-ms-overflow-style: none;
	scrollbar-width: none;
}
@media (max-width: 992px) {
	.top-students-slide {
		gap: 18px;
	}
	.top-students-card {
		max-width: 240px;
	}
}
@media (max-width: 768px) {
	.top-students-section {
		padding: 18px 16px 26px;
	}
	.top-students-carousel-frame {
		gap: 10px;
	}
	.top-students-slide {
		justify-content: flex-start;
		gap: 16px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		padding: 10px 6px 24px;
	}
	.top-students-card {
		scroll-snap-align: center;
		min-width: 100%;
		max-width: 100%;
	}
	.top-students-card::after {

		inset: auto 30% -22px;
	}
	.links-section {
		padding: 22px 20px;
		border-radius: 22px;
	}
	.links-grid {
		gap: 16px;
		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	}
}
@media (max-width: 520px) {
	.top-students-card {
		min-width: 100%;
	}
	.top-students-name {
		font-size: 14px;
	}
	.top-students-grade {
		font-size: 13px;
	}
}
@media (max-width: 576px) {
	.top-students-section {
		padding: 16px 14px 22px;
		border-radius: 20px;
	}
	.top-students-carousel-frame {
		gap: 8px;
	}
	.top-students-carousel-frame .btn-floating {
		width: 32px;
		height: 32px;
		font-size: 13px;
	}
	.top-students-avatar {
		width: 100px;
		height: 100px;
		object-position: center 22%;
		margin-bottom: 12px;
	}
	.top-students-card {
		min-width: 100%;
		padding: 14px 14px 22px;
	}
	.top-students-name {
		font-size: 13.5px;
	}
	.top-students-grade {
		font-size: 12.5px;
	}
	.links-section {
		padding: 18px 16px 22px;
		margin: 20px 0 28px;
	}
	.links-grid {
		grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
		gap: 14px;
	}
	.link-card {
		padding: 16px 12px 18px;
		border-radius: 16px;
		gap: 10px;
	}
	.link-card-title {
		font-size: 14px;
		min-height: auto;
	}
}

/* کاهش فاصله عمودی بین بخش‌ها */
.top-students-section {
	margin-bottom: 2px !important;
}
.top-students-section + .col-lg-12,
.top-students-section ~ .col-lg-12 {
	margin-top: 2px !important;
}
.links-section {
	margin-top: 2px !important;
	margin-bottom: 2px !important;
}
.col-lg-12.m-b30 {
	margin-bottom: 2px !important;
}
.widget-box {
	margin-bottom: 2px !important;
}

/* استایل مدرن برای بخش خبرها و اطلاعیه‌ها */
.news-modern-card {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 251, 0.95));
	border: 1.5px solid rgba(37, 99, 235, 0.18);
	border-radius: 18px;
	padding: 22px 26px;
	margin-bottom: 16px;
	box-shadow: 0 6px 24px rgba(15, 23, 42, 0.08), 0 2px 10px rgba(15, 23, 42, 0.05);
	transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	overflow: hidden;
}
.news-modern-card::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 5px;
	height: 100%;
	background: linear-gradient(180deg, rgba(37, 99, 235, 0.7), rgba(103, 126, 234, 0.5), rgba(37, 99, 235, 0.7));
	border-top-right-radius: 18px;
	border-bottom-right-radius: 18px;
	
	pointer-events: none;
	z-index: 1;
}
.news-modern-card::after {
	content: "";
	position: absolute;
	top: -50%;
	right: -50%;
	width: 200%;
	height: 200%;
	background: radial-gradient(circle, rgba(37, 99, 235, 0.03), transparent 70%);
	opacity: 0;
	transition: opacity 0.35s ease;
	pointer-events: none;
	z-index: 1;
}
.news-modern-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 36px rgba(15, 23, 42, 0.12), 0 6px 16px rgba(15, 23, 42, 0.08);
	border-color: rgba(37, 99, 235, 0.3);
	background: linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(249, 250, 251, 0.98));
}
.news-modern-card:hover::after {
	opacity: 1;
}
.news-modern-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
	padding-bottom: 14px;
	border-bottom: 1.5px solid rgba(37, 99, 235, 0.12);
	position: relative;
}
.news-modern-header::after {
	content: "";
	position: absolute;
	bottom: -1.5px;
	right: 0;
	width: 60px;
	height: 2px;
	background: linear-gradient(90deg, rgba(37, 99, 235, 0.5), transparent);
	border-radius: 2px;
}
.news-modern-title {
	font-size: 14px;
	font-weight: 700;
	color: #0f172a;
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: all 0.25s ease;
	flex: 1;
}
.news-modern-title i {
	color: rgba(37, 99, 235, 0.75);
	font-size: 11px;
	transition: all 0.25s ease;
	margin-left: 2px;
}
.news-modern-title:hover {
	color: #1d4ed8;
	text-decoration: none;
	transform: translateX(-2px);
}
.news-modern-title:hover i {
	color: #1d4ed8;
	transform: translateX(-2px);
}
.news-modern-date {
	font-size: 13px;
	color: #64748b;
	background: linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(103, 126, 234, 0.08));
	padding: 6px 14px;
	border-radius: 14px;
	font-weight: 600;
	border: 1px solid rgba(37, 99, 235, 0.15);
	box-shadow: 0 2px 6px rgba(37, 99, 235, 0.08);
	white-space: nowrap;
}
.news-modern-content {
	font-size: 10px !important;
	color: #475569;
	line-height: 1.7;
	margin-bottom: 18px;
	padding-right: 6px;
	text-align: justify;
}
.news-modern-content,
.news-modern-content *,
.news-modern-content p,
.news-modern-content span,
.news-modern-content div {
	font-size: 12px !important;
}
.news-modern-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	background: transparent;
	color: #1d4ed8;
	border-radius: 0;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.25s ease;
	box-shadow: none;
	border: none;
	cursor: pointer;
	font-family: 'IRANSans', Tahoma, sans-serif;
	position: relative;
	z-index: 10;
	pointer-events: auto;
}
.news-modern-btn:hover {
	transform: none;
	box-shadow: none;
	color: #2563eb;
	text-decoration: underline;
}
.news-modern-btn:active {
	transform: none;
	box-shadow: none;
}
.news-section-header {
	justify-content: center !important;
	text-align: center !important;
	display: flex !important;
	align-items: center !important;
	width: 100% !important;
}
.news-section-title,
h3.news-section-title,
.news-section-header h3.news-section-title,
.news-section-header .news-section-title {
	font-size: 15px !important;
	line-height: 24px !important;

	color: #0f172a !important;
	position: relative !important;
	display: inline-block !important;
	padding-bottom: 12px !important;

	margin-bottom: 10px !important;
}
.news-section-title::before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 50%;
	transform: translateX(50%);
	width: 80px;
	height: 4px;
	background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.7), rgba(103, 126, 234, 0.5), rgba(37, 99, 235, 0.7), transparent);
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(37, 99, 235, 0.3);
}
.news-section-title::after {
	content: "";
	position: absolute;
	bottom: -2px;
	right: 50%;
	transform: translateX(50%);
	width: 120px;
	height: 2px;
	background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.2), transparent);
	border-radius: 2px;
}
@media (max-width: 768px) {
	.news-modern-card {
		padding: 16px 18px;
		border-radius: 14px;
	}
	.news-modern-header {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
	}
	.news-modern-date {
		align-self: auto;
		flex-shrink: 0;
	}
	.news-modern-title {
		font-size: 12px;
		flex: 1;
	}
	.news-modern-title i {
		font-size: 10px;
	}
	.news-modern-content {
		font-size: 11px !important;
	}
	.news-modern-content * {
		font-size: 11px !important;
	}
}

/* Toast Notification Styles - Global */
.toast-notification {
	position: fixed;
	top: 120px;
	left: 20px;
	z-index: 10000;
	min-width: 300px;
	max-width: 500px;
	padding: 1rem 1.25rem;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15),
	            0 2px 6px rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
	gap: 0.75rem;
	font-family: 'IRANSans', Tahoma, sans-serif;
	font-size: 0.875rem;
	line-height: 1.5;
	direction: rtl;
	opacity: 0;
	transform: translateX(-20px);
	transition: all 0.3s ease;
	pointer-events: none;
}

.toast-notification.show {
	opacity: 1;
	transform: translateX(0);
	pointer-events: auto;
}

.toast-notification.success {
	background: linear-gradient(135deg, #10b981 0%, #059669 100%);
	color: #ffffff;
	border-left: 4px solid #047857;
}

.toast-notification.error {
	background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
	color: #ffffff;
	border-left: 4px solid #b91c1c;
}

.toast-notification-icon {
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1;
	flex-shrink: 0;
}

.toast-notification-message {
	flex: 1;
	word-wrap: break-word;
}

@media (max-width: 768px) {
	.toast-notification {
		top: 110px;
		left: 10px;
		right: 10px;
		min-width: auto;
		max-width: calc(100% - 20px);
		font-size: 0.8125rem;
		padding: 0.875rem 1rem;
	}
}

/* محدود کردن عرض کادر تاریخ در studentadd.php */
.date-input-wrapper {
	position: relative !important;
	width: auto !important;
	max-width: 400px !important;
	min-width: 200px !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
}
.date-input-wrapper input[type="text"] {
	width: auto !important;
	max-width: 350px !important;
	min-width: 200px !important;
	flex: 1 !important;
}
/* استایل آیکن تقویم داخل date-input-wrapper */
.date-input-wrapper svg {
	position: absolute !important;
	left: 8px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	cursor: pointer !important;
	color: #4A90E2 !important;
	pointer-events: auto !important;
	z-index: 10 !important;
	width: 20px !important;
	height: 20px !important;
}
/* یکسان سازی عرض همه input box ها در جداول - محدود کردن به اندازه استاندارد */
table.ewTable input[type="text"],
table.ewTable input[type="email"],
table.ewTable input[type="tel"],
table.ewTable input[type="number"],
table.ewTable input[type="date"],
table.ewTable select {
	width: auto !important;
	max-width: 400px !important;
	min-width: 200px !important;
	box-sizing: border-box !important;
	display: block !important;
}
/* استثنا برای دکمه submit - نباید display: block داشته باشد */
table.ewTable input[type="submit"],
table.ewTable #btnAction,
#btnAction {
	display: inline-block !important;
	width: auto !important;
	min-width: auto !important;
	max-width: none !important;
}
/* اطمینان از یکسان بودن عرض در span های wrapper */
table.ewTable td span {
	display: block !important;
	width: auto !important;
	box-sizing: border-box !important;
}
table.ewTable td span input[type="text"],
table.ewTable td span input[type="email"],
table.ewTable td span input[type="tel"],
table.ewTable td span input[type="number"],
table.ewTable td span input[type="date"],
table.ewTable td span select {
	width: auto !important;
	max-width: 400px !important;
	min-width: 200px !important;
	box-sizing: border-box !important;
}

/* استایل‌های دکمه‌های مدرن */
.btn-modern-save,
.btn-modern-delete,
.btn-modern-add,
.btn-modern-update {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 20px;
	font-size: 15px;
	font-weight: 600;
	font-family: IRANsans, Tahoma, Arial;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	text-decoration: none;
}

.btn-modern-save {
	background: linear-gradient(135deg, #4CAF50, #45a049);
	color: white;
}

.btn-modern-save:hover {
	background: linear-gradient(135deg, #45a049, #3d8b40);
	box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3);
	transform: translateY(-2px);
}

.btn-modern-delete {
	background: linear-gradient(135deg, #f44336, #d32f2f);
	color: white;
}

.btn-modern-delete:hover {
	background: linear-gradient(135deg, #d32f2f, #c62828);
	box-shadow: 0 4px 12px rgba(244, 67, 54, 0.3);
	transform: translateY(-2px);
}

.btn-modern-add {
	background: linear-gradient(135deg, #2196F3, #1976D2);
	color: white;
}

.btn-modern-add:hover {
	background: linear-gradient(135deg, #1976D2, #1565C0);
	box-shadow: 0 4px 12px rgba(33, 150, 243, 0.3);
	transform: translateY(-2px);
}

.btn-modern-update {
	background: linear-gradient(135deg, #FF9800, #F57C00);
	color: white;
}

.btn-modern-update:hover {
	background: linear-gradient(135deg, #F57C00, #E65100);
	box-shadow: 0 4px 12px rgba(255, 152, 0, 0.3);
	transform: translateY(-2px);
}

.btn-modern-save svg,
.btn-modern-delete svg,
.btn-modern-add svg,
.btn-modern-update svg {
	margin-left: 8px;
}

/* اطمینان از معکوس شدن آیکن بازگشت در همه صفحات */
.action-icon-button.back svg,
a.action-icon-button.back svg,
.action-icon-button.back > svg,
.action-icon-button.back svg[viewBox="0 0 24 24"] {
	transform: scaleX(-1) !important;
}

.action-icon-button.back:hover svg,
a.action-icon-button.back:hover svg,
.action-icon-button.back:hover > svg,
.action-icon-button.back:hover svg[viewBox="0 0 24 24"] {
	transform: scaleX(-1) scale(1.05) !important;
}
/* حذف کادر و border از همه لینک‌ها و آیکون‌ها داخل ewTable و ewTableSeparate */
.ewTable a,
.ewTable a:link,
.ewTable a:visited,
.ewTable a:hover,
.ewTable a:active,
.ewTable a:focus,
.ewTableSeparate a,
.ewTableSeparate a:link,
.ewTableSeparate a:visited,
.ewTableSeparate a:hover,
.ewTableSeparate a:active,
.ewTableSeparate a:focus {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	text-decoration: none !important;
}

/* حذف کادر خاص از لینک‌های autoactive */
.ewTable a[onclick*="autoactive"],
.ewTable a[onclick*="autoactive"]:link,
.ewTable a[onclick*="autoactive"]:visited,
.ewTable a[onclick*="autoactive"]:hover,
.ewTable a[onclick*="autoactive"]:active,
.ewTable a[onclick*="autoactive"]:focus,
.ewTableSeparate a[onclick*="autoactive"],
.ewTableSeparate a[onclick*="autoactive"]:link,
.ewTableSeparate a[onclick*="autoactive"]:visited,
.ewTableSeparate a[onclick*="autoactive"]:hover,
.ewTableSeparate a[onclick*="autoactive"]:active,
.ewTableSeparate a[onclick*="autoactive"]:focus {
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
	text-decoration: none !important;
	background: none !important;
	background-color: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
	display: inline-block !important;
}

/* حذف کادر از div های حاوی آیکون‌ها */
.ewTable td div[align="center"],
.ewTable td div[style*="inline-flex"],
.ewTableSeparate td div[align="center"],
.ewTableSeparate td div[style*="inline-flex"] {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	background: transparent !important;
}

/* استایل برای آیکون‌های SVG داخل جدول */
.ewTable svg {
	transition: all 0.3s ease;
}

.ewTable a:hover svg {
	transform: scale(1.15);
	filter: brightness(1.2);
}

/* حذف کادر از دکمه‌های مرتب‌سازی */
.ewTableHeaderBtn a,
.ewTableHeaderBtn td,
.ewTableHeaderBtn {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	background: transparent !important;
}

/* استایل برای آیکون‌های رنگی */
.ewTable a svg[stroke="#4CAF50"] {
	stroke: #4CAF50;
}

.ewTable a:hover svg[stroke="#4CAF50"] {
	stroke: #45a049;
}

.ewTable a svg[stroke="#f44336"] {
	stroke: #f44336;
}

.ewTable a:hover svg[stroke="#f44336"] {
	stroke: #d32f2f;
}

/* آیکون‌های مشاهده و ویرایش در جدول لیست */
a.list-action-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px;
	vertical-align: middle;
}
a.list-action-icon:hover {
	opacity: 0.85;
}
a.list-action-icon svg,
a.list-action-icon .list-icon {
	display: block;
	vertical-align: middle;
}

/* آیکون مرتب‌سازی در هدر جدول */
.sort-icon {
	vertical-align: middle;
	display: inline-block;
}

/* استایل برای نوشته‌ها و آیکون‌های لیست در بدنه جدول (ListOptions Body) */
.ewTable tbody td span[style*="inline-flex"] {
	font-size: 12px !important;
	gap: 8px !important;
}

/* استایل خاص برای لینک‌های ListOptions */
.ewTable tbody td a[style*="text-decoration: none"] span[style*="inline-flex"] {
	font-size: 12px !important;
	gap: 8px !important;
}

/* استایل برای آیکون‌های SVG در بدنه لیست */
.ewTable tbody td span[style*="inline-flex"] svg,
.ewTable tbody td a span[style*="inline-flex"] svg {
	width: 18px !important;
	height: 18px !important;
	min-width: 18px !important;
	min-height: 18px !important;
}

/* حذف کامل کادر دور لینک تایید خودکار */
.ewTable a.auto-update-link,
.ewTable a.auto-update-link:link,
.ewTable a.auto-update-link:visited,
.ewTable a.auto-update-link:hover,
.ewTable a.auto-update-link:active,
.ewTable a.auto-update-link:focus {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	background: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* استایل آیکون تایید خودکار */
.ewTable a.auto-update-link svg {
	transition: all 0.3s ease;
	display: block;
}

.ewTable a.auto-update-link:hover svg {
	transform: scale(1.2);
	filter: brightness(1.1);
}

/* کاهش عرض ستون ردیف برای نمایش بهتر ستون‌های دیگر */
.ewTable td[width="15"],
.ewTable th[width="15"],
.ewTable thead td[width="15"] {
	width: 15px !important;
	max-width: 15px !important;
	min-width: 15px !important;
	padding: 8px 4px !important;
	font-size: 8.5pt !important;
}

/* اطمینان از فشرده بودن ستون ردیف در بدنه جدول */
.ewTable tbody td[style*="width: 15px"] {
	width: 15px !important;
	max-width: 15px !important;
	padding: 8px 4px !important;
	font-size: 8.5pt !important;
}
/* کلاس ewGrid1 برای نمایش اسکرول افقی - table wrapper */
table.ewGrid1 {
	display: block !important;
	width: 100% !important;
	overflow-x: auto !important;
	overflow-y: visible !important;
	-webkit-overflow-scrolling: touch !important;
}

/* tr و td داخل ewGrid1 */
table.ewGrid1 > tbody,
table.ewGrid1 > tbody > tr,
table.ewGrid1 > tbody > tr > td {
	display: block !important;
	width: 100% !important;
}

/* ewGridContent1 داخل ewGrid1 - حذف گردی پایین برای اتصال به ewGridLowerPanel */
table.ewGrid1 td.ewGridContent1 {
	overflow-x: visible !important;
	padding: 0 !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}



/* جلوگیری از overflow در divهای داخلی */
table.ewGrid1 .ewGrid,
table.ewGrid1 .ewGridContent {
	overflow: visible !important;
}

/* ewGridMiddlePanel در ewGrid1 - کادر ملموس (به جز پایین) برای لیست رکوردها */
table.ewGrid1 .ewGridMiddlePanel {
	border-top: 2px solid rgba(37, 99, 235, 0.35) !important;
	border-left: 2px solid rgba(37, 99, 235, 0.35) !important;
	border-right: 2px solid rgba(37, 99, 235, 0.35) !important;
	border-bottom: none !important;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 251, 0.95)) !important;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 0 1px 1px 0 rgba(0, 0, 0, 0.11) !important;
	overflow: hidden !important;
}

/* ewGridMiddlePanel مستقیم داخل td (بدون form) - جدول‌های master مثل st_classmaster - کادر کامل و گوشه‌های گرد */
table.ewGrid1 td.ewGridContent1 > div.ewGridMiddlePanel {
	border: 2px solid rgba(37, 99, 235, 0.35) !important;
	border-radius: 10px !important;
}

/* کادر و گوشه‌های گرد برای نمودار myChart */
#myChart {
	border: 2px solid rgba(37, 99, 235, 0.35) !important;
	border-radius: 10px !important;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 251, 0.95)) !important;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 0 1px 1px 0 rgba(0, 0, 0, 0.11) !important;
}

/* استایل نوار اسکرول برای ewGrid1 */
.ewGrid1::-webkit-scrollbar {
	height: 10px !important;
	background-color: rgba(241, 245, 249, 0.9) !important;
	border-radius: 5px !important;
}

.ewGrid1::-webkit-scrollbar-thumb {
	background: linear-gradient(135deg, rgba(37, 99, 235, 0.7), rgba(59, 130, 246, 0.6)) !important;
	border-radius: 5px !important;
	transition: background 0.3s ease !important;
	border: 2px solid rgba(241, 245, 249, 0.9) !important;
}

.ewGrid1::-webkit-scrollbar-thumb:hover {
	background: linear-gradient(135deg, rgba(37, 99, 235, 0.9), rgba(59, 130, 246, 0.8)) !important;
}

.ewGrid1::-webkit-scrollbar-track {
	background: rgba(241, 245, 249, 0.5) !important;
	border-radius: 5px !important;
}

/* استایل اسکرول برای Firefox */
.ewGrid1 {
	scrollbar-width: thin !important;
	scrollbar-color: rgba(37, 99, 235, 0.7) rgba(241, 245, 249, 0.8) !important;
}

/* محدود کردن عرض ستون اول (ردیف) به حداکثر 50px */
.ewTable tbody tr td:first-child,
.ewTable thead tr td:first-child {
	max-width: 50px !important;
	width: 50px !important;
	min-width: 25px !important;
	padding: 2px !important;
	text-align: center !important;
}

/* استایل دکمه مدرن */
.btn-modern {
	padding: 5px 12px;
	background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
	color: white;
	border: none;
	border-radius: 5px;
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);
}

.btn-modern:hover {
	background: linear-gradient(135deg, #1d4ed8 0%, #1e3a8a 100%);
	box-shadow: 0 4px 8px rgba(37, 99, 235, 0.3);
	transform: translateY(-1px);
}

.btn-modern:active {
	transform: translateY(0);
	box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);
}

/* استایل Modal مدرن */
.modern-modal-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(4px);
	z-index: 9998;
	animation: fadeIn 0.2s ease;
}

.modern-modal-container {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	max-width: 900px;
	height: 85vh;
	max-height: 700px;
	background: white;
	border-radius: 12px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	z-index: 9999;
	display: flex;
	flex-direction: column;
	animation: slideDown 0.3s ease;
}

.modern-modal-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 24px;
	border-bottom: 1px solid #e5e7eb;
	background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);
	border-radius: 12px 12px 0 0;
}

.modern-modal-header h3 {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	color: #1f2937;
}

.modern-modal-close {
	background: none;
	border: none;
	font-size: 32px;
	line-height: 1;
	color: #6b7280;
	cursor: pointer;
	padding: 0;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	transition: all 0.2s ease;
}

.modern-modal-close:hover {
	background: #f3f4f6;
	color: #1f2937;
}

.modern-modal-body {
	flex: 1;
	overflow: hidden;
	padding: 0;
	position: relative;
}

/* آیکن لودینگ modal */
.modern-modal-loading {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
}

.modern-modal-spinner {
	width: 50px;
	height: 50px;
	border: 4px solid #f3f4f6;
	border-top: 4px solid #2563eb;
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.modern-modal-iframe {
	width: 100%;
	height: 100%;
	border: none;
	border-radius: 0 0 12px 12px;
	transition: opacity 0.3s ease;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes slideDown {
	from {
		opacity: 0;
		transform: translate(-50%, -52%);
	}
	to {
		opacity: 1;
		transform: translate(-50%, -50%);
	}
}

/* Responsive modal */
@media (max-width: 768px) {
	.modern-modal-container {
		width: 95%;
		height: 90vh;
		max-height: none;
	}
	
	.modern-modal-header {
		padding: 15px 16px;
	}
	
	.modern-modal-header h3 {
		font-size: 13px;
	}
	
	.modern-modal-spinner {
		width: 40px;
		height: 40px;
		border-width: 3px;
	}
}

/* Error Modal Styles */
.error-modal-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10000;
	animation: fadeIn 0.2s ease;
}

.error-modal-container {
	background: white;
	border-radius: 12px;
	padding: 0;
	max-width: 420px;
	width: 90%;
	box-shadow: 0 10px 40px rgba(59, 130, 246, 0.12);
	animation: scaleIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
	overflow: hidden;
	border: 1px solid #dbeafe;
}

.error-modal-header {
	background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);
	padding: 14px 20px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.error-modal-icon {
	width: 38px;
	height: 38px;
	background: rgba(255, 255, 255, 0.15);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.error-modal-icon svg {
	width: 22px;
	height: 22px;
	color: white;
	stroke: white;
	fill: none;
	stroke-width: 2.5;
}

.error-modal-title {
	font-size: 13px;
	font-weight: 500;
	color: white;
	margin: 0;
	font-family: IRANSans, Tahoma, Arial, sans-serif;
	letter-spacing: -0.01em;
}

.error-modal-body {
	padding: 22px 24px;
	font-size: 13px;
	line-height: 1.7;
	color: #475569;
	font-family: IRANSans, Tahoma, Arial, sans-serif;
	text-align: right;
	direction: rtl;
}

.error-modal-footer {
	padding: 14px 22px;
	background: #f8fafc;
	border-top: 1px solid #e2e8f0;
	display: flex;
	justify-content: center;
}

.error-modal-button {
	background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);
	color: white;
	border: none;
	padding: 9px 28px;
	border-radius: 7px;
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
	font-family: IRANSans, Tahoma, Arial, sans-serif;
	transition: all 0.2s ease;
	box-shadow: 0 2px 8px rgba(59, 130, 246, 0.2);
}

.error-modal-button:hover {
	background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.error-modal-button:active {
	transform: translateY(0);
	box-shadow: 0 2px 6px rgba(59, 130, 246, 0.25);
}

@keyframes scaleIn {
	from {
		opacity: 0;
		transform: scale(0.8);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

/* Responsive error modal */
@media (max-width: 768px) {
	.error-modal-container {
		max-width: 95%;
	}
	
	.error-modal-header {
		padding: 12px 16px;
	}
	
	.error-modal-icon {
		width: 34px;
		height: 34px;
	}
	
	.error-modal-icon svg {
		width: 20px;
		height: 20px;
	}
	
	.error-modal-title {
		font-size: 12px;
	}
	
	.error-modal-body {
		padding: 18px 20px;
		font-size: 12px;
		line-height: 1.65;
	}
	
	.error-modal-footer {
		padding: 12px 18px;
	}
	
	.error-modal-button {
		padding: 8px 24px;
		font-size: 11px;
	}
}

/* ===== Chart Filter Bar - class_dorehlist ===== */
.chart-filter-form {
	width: 100%;
	margin: 0 0 1.25rem 0;
}
.chart-filter-bar:empty {
	display: none;
}
.chart-filter-bar {
	display: flex;
	flex-wrap: wrap;
	gap: 1.25rem 2rem;
	align-items: center;
	justify-content: center;
	padding: 1rem 1.25rem;
	background: linear-gradient(135deg, rgba(241, 245, 249, 0.98) 0%, rgba(248, 250, 252, 0.95) 100%);
	border: 2px solid rgba(37, 99, 235, 0.35);
	border-radius: 10px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
	direction: rtl;
}
.chart-filter-item {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	flex-wrap: wrap;
}
.chart-filter-label {
	font-size: 9pt;
	font-weight: 500;
	color: #1e293b;
	margin: 0;
	white-space: nowrap;
	font-family: IRANsans, Tahoma, Arial, sans-serif;
}
.chart-filter-select {
	padding: 0.45rem 2rem 0.45rem 0.75rem;
	font-size: 9pt;
	font-family: IRANsans, Tahoma, Arial, sans-serif;
	color: #1e293b;
	background: #f8fafc;
	border: 1px solid #cbd5e1;
	border-radius: 7px;
	cursor: pointer;
	min-width: 160px;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 0.6rem center;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.chart-filter-select:hover:not(:disabled) {
	border-color: #94a3b8;
}
.chart-filter-select:focus {
	outline: none;
	border-color: #2563eb;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}
.chart-filter-select:disabled {
	opacity: 0.6;
	cursor: not-allowed;
	background-color: #f1f5f9;
}
@media (max-width: 576px) {
	.chart-filter-bar {
		flex-direction: column;
		align-items: stretch;
		gap: 1rem;
		padding: 1rem;
	}
	.chart-filter-item {
		flex-direction: column;
		align-items: stretch;
	}
	.chart-filter-select {
		min-width: 100%;
	}
}