@font-face {
    font-family: "SF-Arabic";
    src: url("SF-Arabic.ttf");
    font-weight: normal;
    font-style: normal;
}

html,
body {
    font-family: "SF-Arabic", var(--bs-font-sans-serif) !important;
}
        .link-primary:hover,
        .link-primary:focus {
            color: RGBA(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)) !important;
            text-decoration-color: RGBA(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
        }
.select2-container .select2-selection--single .select2-selection__clear {
    right: 40px !important;
}
.select2-container--bootstrap5 .select2-selection__clear {
    right: 3rem !important;
}

.select2-results__option--selected {
    background-image: none !important;
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-gray-700);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-gray-700%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-gray-700%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");

}

.fv-plugins-message-container.valid-feedback,
.fv-plugins-message-container.invalid-feedback {
height: 1.25rem !important;
margin-top: 0.25rem !important;
}

.not-valid {
    background-color: var(--bs-danger-light) !important;
}
input.not-valid+input.input {
    background-color: var(--bs-danger-light) !important;
}

select.not-valid+i.fv-plugins-icon+span.select2>span.selection>span.select2-selection {
    background-color: var(--bs-danger-light) !important;
}


.flatpickr-calendar.hasTime .flatpickr-time {
    border-top: none !important;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
    background: #eee;
}


.app-header-menu .menu>.menu-item.here>.menu-link:after,
.app-header-menu .menu>.menu-item>.menu-link.active:after {
    background-color: var(--bs-menu-border);
}


table.dataTable.dtr-column>tbody>tr>td.dt-control:before {
	color: var(--bs-primary);
	background-color: transparent;
	font-family: Ki;
	line-height: 1em;
	content: "\f11a";
	border: none !important;
	box-shadow: none !important;
}

table.dataTable tr.dt-hasChild td.dt-control:before {
    color: var(--bs-primary) !important;
    background-color: transparent !important;
    font-family: Ki !important;
    content: "\f11c" !important;
}

.dataTables_wrapper .child .dt-details > li .dt-data {
	vertical-align: middle !important;
}

th.dt-center,
td.dt-center {
	text-align: center !important;
	vertical-align: middle !important;
}