@font-face {
  font-family: 'Almarai-Regular';
  src: url('./fonts/Almarai/Almarai-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Almarai-Light';
  src: url('./fonts/Almarai/Almarai-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Almarai-ExtraBold';
  src: url('./fonts/Almarai/Almarai-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Almarai-Bold';
  src: url('./fonts/Almarai/Almarai-Bold.ttf') format('truetype');
}

body {
  font-family: 'Almarai-Regular', Tahoma;
  font-size: 16px;
  counter-reset: table-counter;
}
.swal2-title {
  font-size: 20px !important;
}
.grid-img {
  max-width: 150px;
}
.counter::before {
  counter-increment: table-counter;
  content: counter(table-counter);
}
.media-img-container {
  position: relative;
}
.media-img-container > button {
  position: absolute;
  left: 20px;
  top: 10px;
}
.table td {
  vertical-align: middle;
}
.date-format {
  direction: ltr;
  text-align: right;
}
.form-label {
  font-family: 'Almarai-Light', Tahoma;
}
.english-input {
  direction: ltr;
  text-align: left;
}
.filter-btn {
  background: none;
  border: none;
}
span.req {
  color: #dc3545f7;
}