@font-face {
    font-family: 'DINNext';
    src: url('../../fonts/DinNextRegular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINNext';
    src: url('../../fonts/DinNextLight.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINNext';
    src: url('../../fonts/DinNextMedium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINNext';
    src: url('../../fonts/DinNextBold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'saudi_riyal';
    src: url('../../fonts/saudi_riyal.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: waliriyal;
    src: url('../../fonts/WaliRiyal.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: block;
}
.wali-riyal-symbol { font-family: waliriyal !important; font-weight: 400 !important; font-style: normal !important; line-height: 1; color: inherit; display: inline-block; }
.wali-money { direction: ltr; unicode-bidi: isolate; display: inline-flex; align-items: baseline; gap: .25em; white-space: nowrap; }

:root {
    --wali-font-family: 'Instrument Sans', Arial, sans-serif;
    --bs-font-sans-serif: var(--wali-font-family);
    --bs-body-font-family: var(--wali-font-family);
    --base-color: var(--primary, #072F62);
    --base-color-hover: var(--primary-hover, #1D4ED8);
    --base-color-focus: var(--primary-700, #072F62);
    --base-color-dark: var(--primary-hover, #1D4ED8);
}

html[dir="rtl"],
.layout-mode-rtl {
    --wali-font-family: 'DINNext', 'DIN Next LT W23', Tahoma, Arial, sans-serif;
}

body,
.app-wrapper,
button,
input,
optgroup,
select,
textarea {
    font-family: var(--wali-font-family);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.page-title,
.card-title,
.modal-title,
.breadcrumb-title {
    font-family: var(--wali-font-family);
    font-weight: 700;
}

.fw-light {
    font-family: var(--wali-font-family);
    font-weight: 300 !important;
}

.fw-medium,
.fw-semibold {
    font-family: var(--wali-font-family);
    font-weight: 500 !important;
}

.fw-bold,
strong,
b {
    font-family: var(--wali-font-family);
    font-weight: 700;
}

.select2-container .select2-search--inline .select2-search__field,
.daterangepicker,
.ql-container,
.swal2-input,
.swal2-close,
.progress-container {
    font-family: var(--wali-font-family);
}

.ql-toolbar,
.apex-charts text,
.apexcharts-tooltip *,
.apexcharts-legend-text,
.apexcharts-title-text,
.apexcharts-subtitle-text,
.apexcharts-yaxis text,
.apexcharts-xaxis text {
    font-family: var(--wali-font-family) !important;
}

.currency-format {
    direction: ltr;
    display: inline-flex;
    align-items: baseline;
    gap: 3px;
    white-space: nowrap;
}

.icon-saudi_riyal {
    direction: ltr;
    display: inline-flex;
    align-items: baseline;
    padding: 0;
    margin: 0;
    border: 0 !important;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    white-space: nowrap;
}

.currency-format::before,
.icon-saudi_riyal::before {
    content: "\e900";
    font-family: 'saudi_riyal' !important;
    font-size: inherit;
    font-style: normal;
    font-weight: 300;
    line-height: 1;
    color: inherit;
}

.total_td,
.total_all th,
.total_all td,
.total_this th,
.total_this td {
    direction: rtl !important;
    white-space: nowrap !important;
}