@import url("https://fonts.googleapis.com/css2?family=Almarai:wght@400;700&display=swap");

:root {
	--font-body: "Almarai", "Noto Sans Arabic", "Noto Sans", Arial, sans-serif;
	--font-heading: "Almarai", "Noto Sans Arabic", "Noto Sans", Arial, sans-serif;
	--font-mono: "Almarai", "Noto Sans Arabic", "Noto Sans", Arial, sans-serif;
}

body,
.layout-main-section,
.std-form-layout,
.form-control,
input,
textarea,
select,
button {
	font-family: var(--font-body) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.page-title .title-text,
.widget-head .widget-title,
.card-title {
	font-family: var(--font-heading) !important;
	font-weight: 600;
}

.indicator,
.number-card,
.dt-cell,
.datatable .dt-cell,
.datatable .dt-header .dt-cell,
.list-row-col,
.report-summary,
.duration,
.currency,
.text-monospace {
	font-family: var(--font-mono) !important;
}

/* Keep Font Awesome glyphs only inside Delivery Note Dashboard. */
.delivery-note-dashboard i.fa,
.delivery-note-dashboard i.fas,
.delivery-note-dashboard i.far,
.delivery-note-dashboard i.fal,
.delivery-note-dashboard i.fab,
.delivery-note-dashboard .fa,
.delivery-note-dashboard .fas,
.delivery-note-dashboard .far,
.delivery-note-dashboard .fal,
.delivery-note-dashboard .fab {
	font-family: FontAwesome !important;
	font-style: normal;
}