@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Syne:wght@400..800&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');
body{
     font-family: "Tajawal", sans-serif !important;
}
.bg-white.md\:bg-inherit.p-4.md\:p-8.rounded-\[5px\].text-\[\#000\].h-full.overflow-y-auto.capitalize  *{
    direction:rtl;
}
/* تحويل الاتجاه للواجهة */
.md\:mt-0.md\:pt-0.flex.md\:h-screen.w-full.tracking-\[0\.3px\].bg-gray-300\/10 {
  direction: rtl !important;
}

/* نقل المنيو (aside) إلى اليمين بدل اليسار */
.md\:mt-0.md\:pt-0.flex.md\:h-screen.w-full.tracking-\[0\.3px\].bg-gray-300\/10 aside {
  left: auto !important;
  right: 0 !important;
}

/* إذا كانت المنيو فليكس جانبي */
.md\:mt-0.md\:pt-0.flex.md\:h-screen.w-full.tracking-\[0\.3px\].bg-gray-300\/10 aside nav,
.md\:mt-0.md\:pt-0.flex.md\:h-screen.w-full.tracking-\[0\.3px\].bg-gray-300\/10 aside ul {
  direction: rtl !important;
  text-align: right !important;
}

/* نقل المحتوى ليترك مساحة للمنيو */
.md\:mt-0.md\:pt-0.flex.md\:h-screen.w-full.tracking-\[0\.3px\].bg-gray-300\/10 main {
  margin-left: 0 !important;
}
.mt-5.grid.grid-cols-2.space-x-4 * {
    direction: rtl;
    margin-right: 0;
    text-align: right;
}
.mt-5 .block.text-sm.leading-6.text-gray-900.mb-0 ,
input.block.w-full.rounded-md.border-0.py-1\.5.px-4.text-gray-900.shadow-sm.outline-none.ring-1.ring-inset.placeholder\:text-gray-400.sm\:text-sm.sm\:leading-6.ring-gray-300{
    text-align: right;
}
.mt-5.space-y-4 *{
    text-align: right;
}
.mt-5 .sm\:col-span-6 * {
    text-align: right;
}
form.mt-5.pb-10 label {
    text-align: right;
}
.form-error {
    text-align: right;
}
.w-1\/4.bg-white.border-l.border-r * {
    direction: rtl !important;
}
.mt-5.grid.gap-x-6.gap-y-4.grid-cols-6 {
    direction: rtl;
    column-gap: 2.5rem;
}
.bg-white.rounded-xl.p-5.border {
    direction: rtl;
}
.bg-white.rounded-xl.p-5.border .space-x-8>:not([hidden])~:not([hidden]) {
    transform: rotate(180deg);
}
p.text-slate-500.text-xs.truncate {
    text-align: right;
}

div[id^="headlessui-dialog-panel"] * {
        direction: rtl;
    text-align: right;
}
.px-20.overflow-y-scroll.h-screen.pt-20 * {
    text-align: right;
}
input.vti__input {
    text-align: right;
    direction: ltr;
}
button.absolute.right-\[-18px\].top-\[32px\].bg-slate-100.px-2.py-2.rounded-full.shadow-md.z-10 svg {
    transform: rotate(180deg);
}
tr.hover\:bg-slate-50.md\:border-b-0.md\:border-t.border-\[\#d1d5db\].text-sm .text-left.w-full.h-full {
    direction: rtl  !important;
}
.ml-auto {
    margin-left: initial;
    margin-right: auto;
    width: auto;
}
.flex-1.overflow-y-auto .ml-auto {
    margin-left: auto;
    margin-right: initial;
    width: initial;
}
.space-x-2>:not([hidden])~:not([hidden]) {
    margin-right: .5rem ;
    margin-left: .5rem ;
}
.mr-10 {
    margin-right: initial;
    margin-left: 2.5rem;
}
.space-x-8>:not([hidden])~:not([hidden]) {
    margin-right:2rem;
    margin-left: 2rem;
}
.right-\[-18px\] {
    right: initial;
    left: -18px;
}
.text-left {
    text-align: inherit;
    text-align: right;
}
.pl-4 {
    padding-left: initial;
    padding-right: 1rem;
}
.space-x-3>:not([hidden])~:not([hidden]) {
    margin-right: .75rem;
    margin-left: .75rem;
}
.space-x-4>:not([hidden])~:not([hidden]) {
    margin-right: 1rem;
    margin-left: 1rem;
}
.space-x-1>:not([hidden])~:not([hidden]) {
    margin-right: .25rem;
    margin-left: .25rem;
    text-align: center;
}
.ring-white {
    text-align: center;
}

.absolute.bg-white.z-10.px-1.py-2.mt-2.shadow.w-full.rounded-md.min-w-\[8em\].text-black {
    left: 0;
}
.right-0 {
    right: initial;
    left:0;
}
.pl-6 {
    padding-left:initial;
    padding-right: 1.5rem;
}
.mr-2 {
    margin-right: initial;
    margin-left: .5rem;
}
.mr-4 {
     margin-right: initial;
    margin-left: 1rem;
}
.w-full.bg-white.text-center.py-8.border > * {
    text-align: center;
}
.w-full.flex.items-center.text-xs span,.flex.space-x-2.hover\:bg-gray-50.cursor-pointer.px-4.py-3.border-b.bg-gray-50 p.text-slate-500.text-xs.truncate,
.text-slate-500.text-xs.truncate,.text-slate-500.truncate.flex.items-center span,tr.hover\:bg-slate-50.md\:border-b-0.md\:border-t.border-\[\#d1d5db\].text-sm .text-left.w-full.h-full,
.text-sm.bg-slate-100.p-3.rounded-lg:last-child > p,.grid.grid-cols-2.space-x-8.text-\[14px\]:last-child > div{
    direction: ltr;
}
.flex.justify-between.text-sm.border-b
{
    z-index: 0;
    position: relative;
}
.bg-primary {
    overflow: hidden;
}
.overflow-y-auto {
    overflow-x: hidden !important;
}
/*-- fix ions dirctions --*/
.flex.space-x-1.items-top button svg,
a.hover\:bg-\[\#F6F7F9\].hover\:rounded-full.w-\[fit-content\].p-2 svg,
.flex.gap-x-8.hover\:bg-slate-200.rounded-lg.py-1.justify-between.items-center.w-full.cursor-pointer.border.border-slate-100.pl-1.pr-2 > span svg:last-child
{
    rotate: 180deg;
}

@media (min-width: 768px) {
    .md\:pl-8 {
        padding-left: initial;
        padding-right: 2rem;
    }
}
@media (min-width: 768px) {
    .md\:space-x-2>:not([hidden])~:not([hidden]) {
        margin-right:.5rem;
        margin-left: .5rem;
    }
}

@media (max-width: 575.98px) {
    .flex.items-center.bg-secondary\/70.h-8.px-5.md\:px-10.lg\:px-20.\32 xl\:px-60 {
        padding: 0;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .flex.items-center.bg-secondary\/70.h-8.px-5.md\:px-10.lg\:px-20.\32 xl\:px-60 {
        padding: 0;
    } 
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .flex.items-center.bg-secondary\/70.h-8.px-5.md\:px-10.lg\:px-20.\32 xl\:px-60 {
        padding: 0;
    }
}