/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700&family=Open+Sans:wght@300&display=swap);
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=style&index=1&id=7ba5bd90&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.compact-table .v-data-table__wrapper {
  height: auto !important;
}
[dir=rtl] .v-list-item {
  text-align: right;
}
[dir=rtl] .v-list-item__title,
[dir=rtl] .v-list-item__subtitle {
  text-align: right;
}
[dir=rtl] .v-list-item__action:first-child,
[dir=rtl] .v-list-item__icon:first-child {
  -webkit-margin-end: 16px;
          margin-inline-end: 16px;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
[dir=rtl] .v-select__selections {
  text-align: right;
}
[dir=rtl] .v-select__selection {
  text-align: right;
}
[dir=rtl] .v-select .v-input__append-inner {
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}
[dir=rtl] .dropdown-menu {
  text-align: right;
}
[dir=rtl] .dropdown-item {
  text-align: right;
}
[dir=rtl] .multiselect__tags {
  -webkit-padding-start: 12px !important;
          padding-inline-start: 12px !important;
  -webkit-padding-end: 40px !important;
          padding-inline-end: 40px !important;
  text-align: right;
}
[dir=rtl] .multiselect__content {
  -webkit-padding-start: 0 !important;
          padding-inline-start: 0 !important;
  text-align: right;
}
[dir=rtl] .multiselect__option {
  text-align: right;
}
[dir=rtl] .multiselect__single,
[dir=rtl] .multiselect__placeholder,
[dir=rtl] .multiselect__input {
  text-align: right;
}
[dir=rtl] .multiselect__select {
  inset-inline-start: auto;
  inset-inline-end: 1px;
}
[dir=rtl] .multiselect__clear {
  inset-inline-start: auto;
  inset-inline-end: 41px;
}
[dir=rtl] .multiselect__tag {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  -webkit-padding-start: 10px;
          padding-inline-start: 10px;
  -webkit-padding-end: 26px;
          padding-inline-end: 26px;
}
[dir=rtl] .multiselect__tag-icon {
  inset-inline-start: auto;
  inset-inline-end: 0;
}