.table-font-size th, .table-font-size td {
  font-size: 12px !important;
  font-weight: 100 !important;
  padding: 2px !important;
  text-align: center !important;
  vertical-align: middle !important;
  min-width: 35px !important;
  color: #414141 !important;
  background-color: transparent;
}

.table thead th, .table tfoot th {
  background-color: #f7f7f7;
  font-family: 'VazirMediumFD';
}

/* ارتفاع سربرگ جداول */

.table thead th, .table tfoot th {
  height: 40px;
}

/* ارتفاع ردیف های جداول */

.table tbody tr {
  height: 40px;
  cursor: pointer;
  transition: background-color 1.2s ease, opacity 1.2s ease, height 1.2s ease, padding 1.2s ease;
}

.table tbody tr.removing {
  background-color: #ff8792;
  opacity: 0;
  height: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  overflow: hidden;
  box-shadow: 0 0 5px .1rem rgba(13, 110, 253, .25) !important;
  transition: all 1.2s ease-in-out;
}

.table tbody tr:not(.selRow):not(.selRowItem):hover {
  background-color: #f5faff !important;
}

.table tbody tr i {
  font-size: 1.2rem;
  margin: 0 6px;
  line-height: .75em;
  vertical-align: -.2em;
}

/* رنگ سطرهای جدول در حالت انتخاب */

.selRow {
  background-color: #fbff94;
  box-shadow: 0 0 5px .1rem rgba(13, 110, 253, .25) !important;
  transition: all 0.4s ease-in-out;
}

.selRowItem {
  background-color: #ddf9ff;
  transition: all 0.4s ease-in-out;
}

/* انیمیشن خارج شدن سطر جدول از انتخاب */

tr:not(.selRow) {
  transition: background-color 0.4s ease-in-out;
}

.attach-a {
  position: relative;
  display: flex;
}

.attach-a .attach-span {
  position: absolute;
  top: -16px;
  left: 3px;
  background: #c1ffec;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 5px .1rem rgba(13, 110, 253, .25) !important;
  z-index: 0;
}

.attach-a .attach-i {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 50%;
  transform: translateY(-50%) translateX(90%);
}

/* استایل مربوط به سطر انتهای جدول جهت نمایش جمع */

.table tfoot tr.trCount {
  border: 0;
}

.table tfoot tr.trCount th.transparent {
  border: 0;
  background-color: #f1fdff;
}

.table tfoot tr.trCount th {
  border-width: 1px !important;
  border-color: #dee2e6;
}

/* انتهای استایل مربوط به سطر انتهای جدول جهت نمایش جمع */

/* استایل مربوط به انیمیشن درج سطر جدید */

/* انیمیشن رنگی حرکت از بالا به پایین و سپس برگشت به بالا */

tr.animate td {
  position: relative;
  overflow: hidden;
}

tr.animate td::after {
  content: "";
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient( 180deg, rgba(255,255,0,0.5), rgba(0,255,191,0.4), rgba(141,211,255,0.5) );
  filter: blur(6px);
  pointer-events: none;
  animation: rainbowVertical 1.5s ease-in-out forwards;
}

@keyframes rainbowVertical {
  0% {
    top: -100%;
  }
  50% {
    top: 100%;
  }
  100% {
    top: -100%;
  }
}

/* پایان استایل مربوط به انیمیشن درج سطر جدید */