@font-face {
    font-family: "ArabicFontR";
    src: url("/fonts/DIN-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "ArabicFontM";
    src: url("/fonts/DIN-Medium.ttf") format("truetype");
}

@font-face {
    font-family: "ArabicFontL";
    src: url("/fonts/DIN-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "DroidArabic";
    src: url("/fonts/Droid.Arabic.ttf") format("truetype");
}

@font-face {
    font-family: "Somar-Medium";
    src: url("/fonts/Somar-Medium.ttf");
}

@font-face {
    font-family: "helvetica";
    src: url("/fonts/helvetica.ttf");
}

@font-face {
    src: url("/fonts/DroidArabicNaskh.ttf");
    font-family: DroidArabicNaskh;
}

body {
    font-family: 'Nunito', 'DroidArabic', 'helvetica', 'DroidArabic', 'ArabicFontR', sans-serif;
}

sup {
    font-size: 18px;
    color: #d63c64;
}

.app-header {
    background: #fff !important;
}

.invalid-feedback {
    color: #d63c64;
}

table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
    text-align: center;
}

html[lang='ar'] input[type="email"] {
    direction: rtl;
}

.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu), .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) {
    border-top-left-radius: 0.625rem !important;
    border-bottom-left-radius: 0.625rem !important;
}

html[lang='ar'] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0.625rem !important;
    border-bottom-left-radius: 0.625rem !important;
}

html[lang='ar'] input[type='number'] {
    direction: rtl !important;
}

html[lang='ar'] .select2-container--bootstrap5 .select2-selection__clear {
    right: auto;
    left: 3rem;
}

html[lang='ar'] .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected:after {
    right: auto;
    left: 3rem;
}

html[lang='ar'] .select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    top: 56%;
    right: auto;
    left: 4px;
}

.app-sidebar-menu .menu .menu-item .menu-link.active {
    transition: color 0.2s ease, background-color 0.2s ease;
    color: #ffffff;
}

html[lang='ar'] input[type='tel'] {
    direction: rtl !important;
}

html[lang='ar'] input[type='url'] {
    direction: rtl !important;
}

.card .card-header {
    background: #4834a8;
}

.card .card-header .card-title, .card .card-header .card-title .card-label {
    color: #fff;
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active {
    background-color: #4834a8;
    color: #fff;
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-title {
    color: #fff;
}

:root, [data-theme=light] {
    --kt-primary: #4834a8;
    --kt-primary-active: #4834a8;
}

.draggable h2 {
    color: #fff !important;
}

.btn.btn-bg-light {
    border-color: var(--kt-light);
    background-color: #4834a8;
}

table .svg-icon {
    line-height: 1;
    color: #FFF;
}

.card-title h2 {
    color: #fff !important;
}

.card-header span {
    color: #fff !important;
}

.social-media-links.form-check-custom.form-check-solid .form-check-input {
    background-color: var(--kt-form-check-input-checked-bg-color-solid);
}

.has-variations {
    font-weight: bolder;
}

.order_page tr td {
    font-size: 15px;
}

#kt_app_sidebar .menu-link.active .menu-icon i {
    color: #fff !important;;
}