.result {
    border: 1px solid #000; /* مرز برای بخش نتایج */
    margin: 5px; /* فاصله از دیگر عناصر */
    padding: 5px; /* فاصله داخلی */
}

/* استایل جدول درون نتایج */
#results {
    overflow-x: auto; /* اسکرول افقی در صورت نیاز */
}

#results table {
    width: 100%; /* عرض کامل جدول */
    border-collapse: collapse; /* ادغام مرزها */
    margin-top: 20px; /* فاصله بالای جدول */
}

/* استایل‌های سرستون‌ها و داده‌ها */
#results th, #results td {
    border: 1px solid #ddd; /* مرز برای سلول‌ها */
    padding: 8px; /* فاصله داخلی */
    text-align: center; /* تراز وسط */
    white-space: normal; /* اجازه دادن به شکستن متن در خطوط جدید */
    overflow: hidden; /* مخفی کردن متن اضافی */
    text-overflow: ellipsis; /* اضافه کردن نقاط سه‌نقطه به انتهای متن */
    max-width: 150px; /* حداکثر عرض */
}

/* استایل سرستون‌ها */
#results th {
    background-color: #f2f2f2; /* رنگ پس‌زمینه سرستون‌ها */
    border-bottom: 2px solid #000; /* مرز پایین برای سرستون‌ها */
}

/* استایل ردیف‌های متناوب با رنگ آبی ملایم */
#results tr:nth-child(even) {
    background-color: #e3f2fd; /* آبی ملایم برای ردیف‌های زوج */
}

#results tr:nth-child(odd) {
    background-color: #ffffff; /* سفید برای ردیف‌های فرد */
}

/* استایل ردیف‌ها */
#results tr {
    border-bottom: 1px solid #ddd; /* مرز پایین برای ردیف‌ها */
    transition: background-color 0.3s, transform 0.3s, color 0.3s; /* انیمیشن برای تغییر رنگ، اندازه و متن */
}

/* هایلایت کردن ردیف‌ها */
#results tr:hover {
    background-color: #c8e6c9; /* سبز ملایم */
    transform: scale(1.05); /* بزرگتر شدن ردیف */
    color: red; /* تغییر رنگ متن به قرمز */
}

/* Media Queries برای صفحه نمایش‌های کوچک */
@media only screen and (max-width: 600px) {
    #results th, #results td {
        font-size: 12px; /* کاهش اندازه فونت برای صفحه‌های کوچک */
        padding: 6px; /* کاهش پدینگ برای صرفه‌جویی در فضا */
    }
}

/* استایل جدول سفارشی */
.custom-table1 {
    border-collapse: collapse; /* بردرها به هم چسبیده باشند */
    width: 100%; /* عرض کامل جدول */
}

.custom-table1 th, .custom-table1 td {
    padding: 8px; /* فاصله داخلی */
    text-align: center; /* تراز وسط */
    border: 1px solid #ddd; /* مرز برای سلول‌ها */
}

.custom-table1 tr:nth-child(even) {
    background-color: lightblue; /* رنگ آبی ملایم برای ردیف‌های زوج */
}

/* استایل‌های مخصوص گوشی‌های تلفن همراه */
@media (max-width: 600px) {
    .custom-table1 th, .custom-table1 td {
        padding: 4px; /* کاهش پدینگ در صفحه‌های کوچکتر */
        font-size: 12px; /* کاهش اندازه فونت در صفحه‌های کوچکتر */
    }
}
	
		
		
		
		
		
		
		
		
		
		
		
	  .close-btn {
			cursor: pointer;
			font-size: 50px;
			font-family: B Titr;
			color: white;
			background: red;
			border: none;
			padding: 5px;
			margin: 10px;
			display: inline-block;
			width: 24px;
			height: 24px;
			text-align: center;
			line-height: 24px;
			border-radius: 4px;
			position: relative;
			transition: transform 0.3s ease; /* انیمیشن برای تغییر اندازه */
		}

		.close-btn:hover, .close-btn:focus {
			transform: scale(1.2); /* بزرگ‌تر شدن دکمه */
			background: red; /* رنگ پس‌زمینه را تغییر نمی‌دهد */
			 
		}

		
		
		.custom-table2 {
			border-collapse: collapse; /* بردرها به هم چسبیده باشند */
			width: 100%; /* عرض کامل جدول */
		}
		
		.custom-table2 th, .custom-table2 td {
			padding: 8px;
			text-align: center;
			border: 1px solid #ddd; /* اضافه کردن بردر به سلول‌ها */
		}
		
		.custom-table2 tr:nth-child(even) {
			background-color: lightgray; /* رنگ خاکستری ملایم برای ردیف‌های زوج */
		}
		
		/* استایل‌های مخصوص گوشی‌های تلفن همراه */
		@media (max-width: 600px) {
			.custom-table2 th, .custom-table2 td {
				padding: 4px; /* کاهش پدینگ در صفحه‌های کوچکتر */
				font-size: 12px; /* کاهش اندازه فونت در صفحه‌های کوچکتر */
			}
		}

	 
		
		
		    /* استایل برای چاپ */
@media print {
    body * {
        visibility: hidden; /* تمامی عناصر را مخفی می‌کند */
    }

    #result11115, #result11115 *,
    #result1113, #result1113 *,
    #result1103, #result1103 *,
    #result1110, #result1110 *,
    #result1111, #result1111 *,
    #result11105, #result11105 * {
        visibility: visible; /* عناصر با شناسه‌های result11115 و result11105 و تمامی عناصر داخلی آنها را قابل مشاهده می‌کند */
        font-family: 'b Titr', sans-serif; /* فونت b Titr را تنظیم می‌کند */
        font-size: 14px; /* اندازه فونت را به 14 تنظیم می‌کند */
    }

    #result11115, #result11105, #result1113, #result1103, #result1110, #result1111 {
        position: relative; /* موقعیت این عناصر را نسبی می‌کند */
        margin-bottom: 20px; /* فاصله پایین بین عناصر */
        width: 100%; /* عرض عناصر را به ۱۰۰٪ عرض صفحه تنظیم می‌کند */
    }

    .custom-table1 {
        width: 100%; /* عرض جدول را به ۱۰۰٪ عرض صفحه تنظیم می‌کند */
    }
}