/*
 * استایل‌های مدال‌های موفقیت و خطا
 * این استایل‌ها برای نمایش مدال‌ها با انیمیشن‌های SVG و استایل‌های سفارشی استفاده می‌شن.
 */

/* تنظیمات کلی برای محتوای مدال */
/*.modal#statusSuccessModal .modal-content,
.modal#statusErrorsModal .modal-content {
  border-radius: 30px;*/ /* گوشه‌های گرد برای مدال */
/*}*/

  /* تنظیمات آیکون SVG داخل مدال */
  /*.modal#statusSuccessModal .modal-content svg,
  .modal#statusErrorsModal .modal-content svg {
    width: 100px;*/ /* عرض آیکون */
    /*display: block;*/ /* نمایش به صورت بلاک */
    /*margin: 0 auto;*/ /* وسط‌چین کردن آیکون */
  /*}*/

  /* تنظیمات اولیه برای مسیرهای SVG */
  /*.modal#statusSuccessModal .modal-content .path,
  .modal#statusErrorsModal .modal-content .path {
    stroke-dasharray: 1000;*/ /* طول خطوط نقطه‌چین */
    /*stroke-dashoffset: 0;*/ /* افست اولیه */
  /*}*/

    /* انیمیشن برای دایره در SVG */
    /*.modal#statusSuccessModal .modal-content .path.circle,
    .modal#statusErrorsModal .modal-content .path.circle {
      -webkit-animation: dash 0.9s ease-in-out;
      animation: dash 0.9s ease-in-out;
    }*/

    /* انیمیشن برای خط در SVG */
    /*.modal#statusSuccessModal .modal-content .path.line,
    .modal#statusErrorsModal .modal-content .path.line {
      stroke-dashoffset: 1000;
      -webkit-animation: dash 0.95s 0.35s ease-in-out forwards;
      animation: dash 0.95s 0.35s ease-in-out forwards;
    }*/

    /* انیمیشن برای تیک (چک) در SVG */
    /*.modal#statusSuccessModal .modal-content .path.check,
    .modal#statusErrorsModal .modal-content .path.check {
      stroke-dashoffset: -100;
      -webkit-animation: dash-check 0.95s 0.35s ease-in-out forwards;
      animation: dash-check 0.95s 0.35s ease-in-out forwards;
    }*/

/* تعریف انیمیشن dash */
/*@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }

  100% {
    stroke-dashoffset: 0;
  }
}*/

/* تعریف انیمیشن dash-check */
/*@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }

  100% {
    stroke-dashoffset: 900;
  }
}

@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }

  100% {
    stroke-dashoffset: 900;
  }
}*/

/* استایل برای باکس دایره‌ای (اگه استفاده می‌شه) */
/*.box00 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}*/

/* استایل برای متن سبز */
.text-green {
  color: #198754;
}

/* استایل برای دکمه سبز */
.btn-green {
  background-color: #198754;
  color: white;
}