@font-face {
    font-family: cairo-head;
    src: url(../fonts/Cairo-SemiBold.ttf);
    font-style: normal;
}

@font-face {
    font-family: cairo;
    src: url(../fonts/Cairo-Regular.ttf);
    font-style: normal;
}

html {
    direction: rtl;
}

h1, h2, h3, h4, h5, h6, th, .button {
    font-family: "cairo-head", sans-serif !important;
    font-weight: normal;
}

body, p, span, a, input, select, textarea, button, option, label, .form-label, .select2 .select2-selection {
    font-family: "cairo", sans-serif !important;
    font-size: 0.95em;
}

.menu-parent {
    right: 0;
    left: unset
}

.menu-parent ul li a .menu-icon {
    margin-right: 0;
    margin-left: 0.5em;
}

.menu-parent ul li a .nav-text {
    font-family: cairo, arial, helvetica;
    font-size: 0.85rem;
}

.menu-parent ul li .has-arrow i:not(.menu-icon i) {
    transform: rotate(180deg);
    left: 1.8rem;
    right: unset
}

.header-parent {
    left:0
}

.content-parent {
    padding: 75px calc(var(--left-spaceing)) 0 2rem;
}

.main-toggled .menu-parent {
    transform: translateX(100%);
}


.sidebar-card ul {
    padding-right: 0.1rem !important;
}

.sidebar ul li .card-body a::before {
    right: 0.5rem;
    left: unset;
}

.sidebar ul li .card-body a:hover {
    padding-left: 0rem;
    padding-right: 2.2rem;
}

.bi-chevron-right {
    transform: rotate(180deg);
}

.bi-chevron-left {
    transform: rotate(0deg);
}

/*.input-container .form-label, .input-container .file-form-label {*/
/*    right: 15px;*/
/*    left: unset*/
/*}*/

.login .left-side::after {
    clip-path: polygon(100% 100%, 0% 0%, 100% 0);
    left: -8.75rem;
    right: unset;
}

.floating-card .card-head {
    left: unset;
    right: 3%;
}

.statistics-card .card-head {
    right: unset !important;
    left: 3% !important;
}

.dataTables_filter input[type="search"] {
    background: url('https://cdn-icons-png.flaticon.com/512/17216/17216943.png') no-repeat 8px center;
    background-size: 16px 16px;
}