:root {
  --red: #dc5a4d;
  --dark: #0d1927;
}

@font-face {
  font-display: swap;
  font-family: risale;
  font-style: normal;
  font-weight: normal;
  src: url("/fonts/_RisaleiNur-Regular.otf") format("opentype");
}

@font-face {
  font-display: swap;
  font-family: Hanzala;
  font-style: normal;
  font-weight: normal;
  src: url("/fonts/Hanzala.woff") format("opentype");
}

@font-face {
  font-display: swap;
  font-family: KuranKerimFontHamdullah;
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/KuranKerimFontHamdullah.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: wingdingsfont;
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/wingding.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: EKalem;
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/eKalemDuz-Regular_9temmuz.ttf") format("truetype");
}

.ArabiKirmiziKalin {
  color: var(--red);
  font-family: KuranKerimFontHamdullah, serif;
  font-weight: bold;
}

.EKalem {
  font-family: EKalem, serif;
  color: var(--red);
}

.Latince {

}

.HanzalaArabi {
  font-family: Hanzala, serif;
}

.osm {
  font-display: swap;
  font-family: risale;
  font-size: 30px;
  font-style: normal;
  font-weight: normal;
  margin-block-start: 10px;
}

.osmtable {
  font-display: swap;
  font-family: risale;
  font-size: 23px;
  font-style: normal;
  font-weight: bold;
}

/* todo
.Shaikh Hamdullah Mushaf-15,5-0-0-0{}
.Shaikh Hamdullah Mushaf-22,5-0-6-0{}
.Shaikh Hamdullah Mushaf-22,5-0-1-0{}
.Shaikh Hamdullah Mushaf-15,5-0-6-0{}
.Shaikh Hamdullah Mushaf-15,5--1-6-0{}
*/

.LatinceKirmiziKalinUstSimge {
  color: var(--red);
  font-family: sans-serif;
  font-weight: bold;
  vertical-align: super;
}

.LatinceKirmiziUstSimge {
  color: var(--red);
  font-family: sans-serif;
  vertical-align: super;
}

.OsmanlicaStandartKirmiziKalin {
  color: var(--red);
  font-family: EKalem, serif;
  font-weight: bold;
}

.OsmanlicaStandartUstSimge {
  font-family: EKalem, serif;
  vertical-align: super;
}

.OsmanlicaStandartKalinUstSimge {
  font-family: EKalem, serif;
  font-weight: bold;
  vertical-align: super;
}

.ArabiKirmiziKalinUstSimge {
  color: var(--red);
  font-family: KuranKerimFontHamdullah, serif;
  font-weight: bold;
  vertical-align: super;
}

.LatinceUstSimge {
  font-family: sans-serif;
  vertical-align: super;
}

.LatinceKalin {
  font-family: sans-serif;
  font-weight: bold;
}

.LatinceKalinUstSimge {
  font-family: sans-serif;
  font-weight: bold;
  vertical-align: super;
}

.OsmanlicaStandartKirmiziKalinUstSimge {
  color: var(--red);
  font-family: EKalem, serif;
  font-weight: bold;
  vertical-align: super;
}

.ArabiKalinUstSimge {
  font-family: KuranKerimFontHamdullah, serif;
  font-weight: bold;
  vertical-align: super;
}

.Latince {
  font-family: sans-serif;
}

.Arabi {
  font-family: KuranKerimFontHamdullah, serif;
}

.LatinceKirmiziKalin {
  color: var(--red);
  font-family: sans-serif;
  font-weight: bold;
}

.HanzalaArabiKirmiziKalin {
  color: var(--red);
  font-family: Hanzala, serif;
  font-weight: bold;
}

.OsmanlicaStandartKirmizi {
  color: var(--red);
  font-family: EKalem, serif;
}

.OsmanlicaStandartKirmiziUstSimge {
  color: var(--red);
  font-family: EKalem, serif;
  vertical-align: super;
}

.OsmanlicaStandartKalin {
  font-family: EKalem, serif;
  font-weight: bold;
}

.ArabiKalin {
  font-family: KuranKerimFontHamdullah, serif;
  font-weight: bold;
}

.HanzalaArabiKalinUstSimge {
  font-family: Hanzala, serif;
  font-weight: bold;
  vertical-align: super;
}

.ArabiKirmiziUstSimge {
  color: var(--red);
  font-family: KuranKerimFontHamdullah, serif;
  vertical-align: super;
}

.LatinceKirmizi {
  color: var(--red);
  font-family: sans-serif;
}

.OsmanlicaStandart {
  font-family: EKalem, serif;
}

.HanzalaArabiKirmizi {
  color: var(--red);
  font-family: Hanzala, serif;
}

.Wingdings {
  font-family: wingdingsfont, serif;
  font-size: 16px;
  font-weight: bold;
}

.ArabiKirmizi {
  color: var(--red);
  font-family: KuranKerimFontHamdullah, serif;
}

.ArabiUstSimge {
  font-family: KuranKerimFontHamdullah, serif;
  vertical-align: super;
}

.yeni-satir {
  display: block;
  margin-block: 1em;
}

.tooltipClass {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltipClass .tooltiptext {
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
  padding: 8px;
  border-radius: 6px;
  background-color: gray;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  inline-size: 230px;
  text-align: center;
  visibility: hidden;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipClass:hover .tooltiptext {
  visibility: visible;
}

body {
  font-size: 30px;
}

.right-input-osm input {
  font-family: Hanzala, sans-serif;
  font-size: 1.6rem;
}

.right-input-osm .v-field__input input {
  block-size: 100% !important;
}

.right-input-arabi input {
  font-family: KuranKerimFontHamdullah, serif;
  font-size: 1.6rem;
}

.color-red input {
  color: #dc5a4d !important;
}

.right-input-arabi .v-field__input input {
  block-size: 100% !important;
}

.right-input .v-field__field {
  block-size: 72px !important;
}