<!DOCTYPE html>
<html lang="fa">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Cache-Control" content="max-age=200">
    <link rel="icon" type="image/x-icon" href="5.ico">
	 <title>محاسبه خسارت تاخیر تادیه</title>
	
	
	<script type="application/ld+json">
	{
		"@context": "https://schema.org",
		"@type": "WebSite",
		"name": "محاسبه خسارت تاخیر تادیه",
		"url": "https://mohasebh.ir",
		"potentialAction": {
		"@type": "SearchAction",
		"target": "https://mohasebh.ir/search?q={search_term_string}",
		"query-input": "required name=search_term_string"
		}
	}
	</script>
	
	
	<meta property="og:site_name" content="محاسبه خسارت تاخیر تادیه">
	<meta property="og:title" content="محاسبه خسارت تاخیر تادیه">
	<meta property="og:description" content="محاسبه آنلاین خسارت تاخیر تادیه">
	<meta property="og:url" content="https://mohasebh.ir">
	<meta property="og:image" content="https://mohasebh.ir/path/to/image.jpg">
	 
	
    <style>
	/* تنظیمات کلی برای وسط چین کردن محتوا */
		body {
		margin: 10px; /* حذف حاشیه‌های پیش‌فرض اطراف صفحه */
		padding: 10px; /* حذف فاصله‌های داخلی پیش‌فرض */
		display: block; /* فعال کردن مدل فلکس‌باکس برای چیدمان محتوا */
		justify-content: center; /* قرار دادن محتوا در مرکز افقی صفحه */
		align-items: flex-start; /* قرار دادن محتوا در بالای صفحه به صورت عمودی */
		height: 100vh; /* تعیین ارتفاع کل صفحه به اندازه ارتفاع نمایشگر */
		background-color: #f4f4f4; /* تنظیم رنگ پس‌زمینه به خاکستری روشن */
		font-family: 'B Nazanin', sans-serif; /* تنظیم فونت به 'B Nazanin' با جایگزینی sans-serif */
		font-weight: bold; /* تنظیم فونت به حالت ضخیم */
		direction: rtl; /* تنظیم جهت متن و محتوا به راست به چپ */
	}


    /* div برای منوی کشویی */
    .menu-container {
	 
      width: 98%; /* عرض کل صفحه */
      text-align: center; /* وسط‌چین کردن دکمه در عرض */
      margin-top: 0px; /* فاصله از بالای صفحه */
    }

   /* سبک کلی منوی کشویی */
.dropdown {
  position: relative; /* موقعیت نسبی برای تنظیم موقعیت عناصر داخلی (مثلاً منوی کشویی) نسبت به این عنصر. */
  display: inline-block; /* نمایش عنصر به‌صورت بلوک درون‌خطی، به‌طوری که در کنار عناصر دیگر قرار گیرد و محتوا را در بر بگیرد. */
}


    /* سبک دکمه منوی کشویی */
.dropdown .dropbtn {
  background-color: #333; /* رنگ پس‌زمینه دکمه به رنگ خاکستری تیره */
  color: white; /* رنگ متن دکمه سفید */
  padding: 14px 16px; /* فاصله داخلی (padding): ۱۴ پیکسل بالا و پایین، ۱۶ پیکسل چپ و راست */
  font-size: 16px; /* اندازه فونت دکمه ۱۶ پیکسل */
  font-family: 'B Nazanin', sans-serif; /* نوع فونت: 'B Nazanin' یا فونت پیش‌فرض سیستمی بدون دنباله (sans-serif) */
  font-weight: bold; /* ضخامت فونت: بولد (پررنگ) */
  border: none; /* حذف حاشیه پیش‌فرض دکمه */
  cursor: pointer; /* تغییر شکل نشانگر ماوس به حالت کلیک‌پذیر */
}

    /* تغییر رنگ دکمه هنگام هاور */
    .dropdown .dropbtn:hover {
      background-color: #575757;
    }

   /* محتوای منوی کشویی که به صورت پیش‌فرض مخفی است */
.dropdown-content {
  display: none; /* مخفی کردن محتوای منو به طور پیش‌فرض، که تنها زمانی نمایش داده می‌شود که منو باز شود */
  position: absolute; /* قرار دادن محتوا در موقعیت مطلق نسبت به عنصر والد خود (که در اینجا .dropdown است) */
  background-color: #d3d3d3; /* رنگ پس‌زمینه محتوای منو (خاکی روشن) */
  min-width: 200px; /* حداقل عرض محتوای منو ۲۰۰ پیکسل */
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2); /* سایه زیر منو برای ایجاد افکت عمق و سه‌بعدی */
  z-index: 1; /* تعیین اولویت لایه‌ها برای نمایش صحیح، به‌طوری که محتوای منو از سایر عناصر دیگر جلوتر باشد */
}


  .dropdown-content a {
    color: black; /* رنگ متن لینک‌ها سیاه */
    padding: 12px 0px; /* فاصله داخلی: ۱۲ پیکسل بالا و پایین، ۱۶ پیکسل چپ و راست */
    text-decoration: none; /* حذف خط زیرین لینک */
    display: block; /* نمایش لینک به‌صورت بلوک (تمام عرض موجود را اشغال می‌کند) */
    background-color: #fff; /* رنگ پس‌زمینه لینک سفید */
    border: 1px solid #ddd; /* حاشیه یک‌پیکسلی با رنگ خاکی روشن (#ddd) */
    border-radius: 30px; /* گرد کردن گوشه‌های لینک با شعاع ۳۰ پیکسل */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.06); /* سایه برای ایجاد افکت عمق */
    transition: all 0.3s ease; /* اضافه کردن انیمیشن نرم برای تغییرات */
    margin-top: 8px; /* فاصله از لینک بالایی (۸ پیکسل) */
}


.dropdown-content a:hover {
    background-color: #a8e6a1; /* تغییر رنگ پس‌زمینه به سبز ملایم هنگام هاور */
    border-radius: 30px; /* اطمینان از حفظ گردی گوشه‌ها در حالت هاور */
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.2), 0px 4px 8px rgba(0, 0, 0, 0.12); /* سایه برجسته‌تر هنگام هاور */
    transform: translateY(-3px); /* جابجایی کمی به بالا هنگام هاور برای افکت عمق */
  
    font-weight: bold; /* تغییر وزن فونت به بولد */
    font-size: 20px; /* افزایش اندازه فونت به ۲۰ پیکسل */
}


    /* نمایش منوی کشویی هنگام هاور */
    .dropdown:hover .dropdown-content {
      display: block;
    }

   /* منوی کشویی فرعی داخل هر لینک */
.sub-dropdown {
  position: relative; /* موقعیت‌دهی نسبی برای منوی کشویی فرعی */
}


    .sub-dropdown .sub-dropdown-content {
      display: none;
      position: absolute;
      background-color: #BFD8E8; /* آبی ملایم مایل به صورتی */

      min-width: 200px;
      right: 100%; /* نمایش منو به سمت چپ */
      top: 0;
      box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    }

  .sub-dropdown:hover .sub-dropdown-content {
    display: block; /* نمایش منوی کشویی فرعی هنگام هاور بر روی منوی اصلی */
}



    /* تنظیم استایل زیرلینک‌ها */
    .sub-dropdown-content a {
      background-color: #fff;
      border: 1px solid #ddd;
     
	   border-radius:30px; /* اطمینان از حفظ گردی در حالت هاور */
      box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.06);
      transition: all 0.3s ease;
    }

    .sub-dropdown-content a:hover {
      background-color: #a8e6a1;
      box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.2), 0px 4px 8px rgba(0, 0, 0, 0.12);
      transform: translateY(-3px);
    }

    /* اضافه کردن مثلث قرمز به سمت چپ لینک‌های اصلی */
    .sub-dropdown > a {
      position: relative;
      padding-left: 20px; /* فضای کافی برای مثلث */
    }

    .sub-dropdown > a::before {
      content: '';
      position: absolute;
      left: 5px; /* موقعیت مثلث به سمت چپ */
      top: 50%;
      transform: translateY(-50%) rotate(180deg); /* تنظیم موقعیت عمودی مثلث و چرخاندن آن به سمت چپ */
      width: 0;
      height: 0;
      border-left: 8px solid red; /* مثلث قرمز */
      border-top: 4px solid transparent;
      border-bottom: 4px solid transparent;
    }

   /* تنظیمات برای موبایل */
@media (max-width: 768px) {
    /* استایل منوی کشویی در حالت موبایل */
    .dropdown-content {
        position: static; /* تغییر موقعیت به ثابت برای موبایل */
        box-shadow: none; /* حذف سایه */
        width: 100%; /* تنظیم عرض به 100% */
    }

    /* استایل برای زیرمنوی کشویی در حالت موبایل */
    .sub-dropdown .sub-dropdown-content {
        position: static; /* موقعیت ثابت برای زیرمنو */
        position: absolute; /* اضافه کردن موقعیت مطلق در صورت نیاز */
        width: 100%; /* عرض خودکار به 100% */
        box-shadow: none; /* حذف سایه */
    }

    /* تغییر جهت مثلث در حالت موبایل */
    .sub-dropdown > a::before {
        left: 0; /* تنظیم موقعیت مثلث به سمت چپ */
        top: 0; /* تنظیم موقعیت مثلث به سمت بالا */
        transform: translateY(0) rotate(90deg); /* تغییر جهت مثلث به سمت پایین */
    }
}

/* استایل برای نوار بالایی */
.top-bar {
    display: flex; /* تنظیم نمایش به صورت انعطاف‌پذیر */
    justify-content: center; /* تنظیم محتوا در وسط افقی */
    align-items: center; /* تنظیم محتوا در وسط عمودی */
    background-color: #d3d3d3; /* رنگ خاکستری ملایم */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3), 
                0px 2px 4px rgba(0, 0, 0, 0.1), 
                inset 0px 1px 2px rgba(255, 255, 255, 0.5); /* سایه خارجی و داخلی */
    position: relative; /* موقعیت‌دهی نسبی */
    width: 98%; /* عرض 98% از صفحه */
    border-radius: 20px; /* گوشه‌های کمی گرد */
    padding: 10px; /* فضای داخلی */
    transition: all 0.3s ease; /* انیمیشن برای تغییرات نرم */
}

/* حالت هاور برای ایجاد جلوه بیشتر */
.top-bar:hover {
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.4), 
                0px 3px 6px rgba(0, 0, 0, 0.2), 
                inset 0px 2px 4px rgba(255, 255, 255, 0.6); /* تقویت سایه‌ها */
    transform: translateY(-2px); /* حرکت کمی به بالا برای برجستگی */
}

/* استایل دکمه‌ها در نوار بالایی */
.top-bar button {
    margin: 0 10px; /* فاصله از دکمه‌ها */
    padding: 10px 20px; /* فضای داخلی دکمه */
    font-size: 16px; /* اندازه فونت */
    cursor: pointer; /* نشانگر موس به شکل اشاره‌گر */
    background-color: #A9A9A9; /* رنگ خاکی دکمه */
    color: white; /* رنگ متن سفید */
    border: none; /* حذف حاشیه */
    border-radius: 30px; /* گرد کردن گوشه‌ها */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.08); /* سایه برای دکمه */
    transition: background-color 0.3s, transform 0.3s; /* انیمیشن برای تغییر رنگ و حرکت */
}

/* حالت هاور دکمه‌ها */
.top-bar button:hover {
    background-color: #B0B0B0; /* تغییر رنگ دکمه هنگام هاور */
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.2), 0px 4px 6px rgba(0, 0, 0, 0.12); /* تقویت سایه */
    transform: translateY(-3px); /* حرکت به بالا برای برجستگی */
}

/* تنظیمات برای موبایل */
@media (max-width: 768px) {
    /* استایل منوی کشویی در حالت موبایل */
    .dropdown-content {
        display: none; /* مخفی کردن منوی کشویی به صورت پیش‌فرض */
        position: absolute; /* موقعیت‌دهی مطلق */
        top: 50px; /* فاصله از بالای صفحه */
        left: 10px; /* فاصله از لبه چپ صفحه */
        box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2); /* سایه برای برجسته‌تر شدن */
        min-width: 150px;  /* عرض خودکار بر اساس محتوای منو */
    }

    /* استایل زیرمنوی کشویی در حالت موبایل */
    .sub-dropdown .sub-dropdown-content {
        position: absolute; /* موقعیت مطلق برای زیرمنو */
        left: 30px; /* فاصله از لبه چپ */
       min-width:150px;  /* عرض خودکار */
        box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2); /* سایه */
    }

    /* تغییر جهت مثلث در زیرمنو */
    .sub-dropdown > a::before {
        left: 0; /* موقعیت مثلث به سمت چپ */
        top: 50%; /* موقعیت مثلث به سمت وسط عمودی */
        transform: translateY(-50%) rotate(90deg); /* تغییر جهت مثلث به سمت پایین */
    }
}


  </style>
</head>
<body>
<div class="top-bar">
  <!-- div برای مرکز چین کردن دکمه منوی کشویی -->
  <div class="menu-container">
  
    <div class="dropdown">
     
     
      <button class="dropbtn">محاسبات▼</button>
	  
      <div class="dropdown-content">
        <div class="sub-dropdown">
          <a href="#">خسارت تاخیر تادیه</a>
          <div class="sub-dropdown-content">
              <a onclick="window.location.href='m/index17.html';">ماهانه (طبق فرمول رای وحدت رویه 850)</a>
            <a onclick="window.location.href='mm/index20.html';">شاخص های محاسبه تاخیر تادیه</a>
             
          </div>
        </div>
        <div class="sub-dropdown">
          <a href="#">حق الوکاله وکیل-هزینه دادرسی-تمبر مالیاتی</a>
          <div class="sub-dropdown-content">
              <a onclick="window.location.href='v/index22.html';">آیین نامه تعرفه حق الوکاله</a>
           <a onclick="window.location.href='v/index14.html';">محاسبه</a>
            
          </div>
        </div>
        <div class="sub-dropdown">
          <a href="#">کارشناسی</a>
          <div class="sub-dropdown-content">
           <a onclick="window.location.href='k/dast_mozd.html';">تعرفه دستمزد کارشناسان</a>
            <a onclick="window.location.href='k/indexk11.html';">ماده 11 تعرفه دستمزد کارشناسان</a>
            <a onclick="window.location.href='k/mohasebh_dast_mozd.html';">محاسبه دستمزد کارشناسان</a>
             
          </div>
         
      </div>
	  
	  
	   <div class="sub-dropdown">
          <a href="#">خسارت قراردادی روزانه</a>
          
           <div  class="sub-dropdown-content">
            <a  onclick="window.location.href='mm/index13.html';">غیر بانکی</a>
            <a  onclick="window.location.href='mm/index131.html';" >بانکی</a>
             
          </div>
         
      </div>
	   
	    <div class="sub-dropdown-content">
          
        <a onclick="window.location.href='mm/index21.html';">اداره تصفیه و امور ورشکستگی</a>
        <a onclick="window.location.href='kh/index9kh.html';">مهریه (ریالی یا نقدی)</a>
          
          </div>
    </div>
	
  </div>
    <button style=" background-color: #000000; padding: 14px 16px;font-family: 'B Nazanin', sans-serif;font-weight: bold;"   onclick="window.location.href='mm/index19.html';" >ارتباط با ما</button>
  </div>
  
  <script>if(!sessionStorage.getItem('hasReloaded')){const newUrl=window.location.href.split('?')[0]+'?t='+new Date().getTime();window.location.replace(newUrl);sessionStorage.setItem('hasReloaded','true');}else{sessionStorage.removeItem('hasReloaded');}</script>

  

</body>
</html>
