/*!********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../Osoool/src/sass/rtl/rtl.scss ***!
  \********************************************************************************************************************************************************************************/
[dir=rtl] {
  direction: rtl;
  text-align: right;
}

[dir=rtl] body {
  direction: rtl;
  text-align: right;
  letter-spacing: 0;
}

[lang=ar] body,
[lang=ar] input,
[lang=ar] textarea,
[lang=ar] select,
[lang=ar] button {
  letter-spacing: 0;
}

[dir=rtl] input,
[dir=rtl] textarea,
[dir=rtl] select,
[dir=rtl] .form-control,
[dir=rtl] .form-select {
  text-align: right;
}

[dir=rtl] .dropdown-menu,
[dir=rtl] .menu-sub-dropdown,
[dir=rtl] .select2-results__option,
[dir=rtl] .select2-selection__rendered {
  text-align: right;
}

[dir=rtl] .breadcrumb,
[dir=rtl] .nav,
[dir=rtl] .menu,
[dir=rtl] .pagination,
[dir=rtl] .filter-toolbar,
[dir=rtl] .filters-toolbar {
  direction: rtl;
}

[dir=rtl] .swiper,
[dir=rtl] .swiper-wrapper {
  direction: rtl;
}

[dir=rtl] .profile-task-actions {
  direction: ltr;
}

[dir=rtl] .profile-task-actions .btn {
  direction: rtl;
}

[dir=rtl] .collapsible:not(.collapsed) > .rotate-90,
[dir=rtl] .show > .rotate-90,
[dir=rtl] .active > .rotate-90 {
  transform: rotateZ(-90deg);
}

[dir=rtl] .collapsible:not(.collapsed) > .rotate-n90,
[dir=rtl] .show > .rotate-n90,
[dir=rtl] .active > .rotate-n90 {
  transform: rotateZ(90deg);
}

[dir=rtl] .collapsible:not(.collapsed) > .rotate-180,
[dir=rtl] .show > .rotate-180,
[dir=rtl] .active > .rotate-180 {
  transform: rotateZ(-180deg);
}

[dir=rtl] .collapsible:not(.collapsed) > .rotate-n180,
[dir=rtl] .show > .rotate-n180,
[dir=rtl] .active > .rotate-n180 {
  transform: rotateZ(180deg);
}

[dir=rtl] .collapsible:not(.collapsed) > .rotate-270,
[dir=rtl] .show > .rotate-270,
[dir=rtl] .active > .rotate-270 {
  transform: rotateZ(-270deg);
}

[dir=rtl] .collapsible:not(.collapsed) > .rotate-n270,
[dir=rtl] .show > .rotate-n270,
[dir=rtl] .active > .rotate-n270 {
  transform: rotateZ(270deg);
}