@font-face {
  font-family: "font-primary";
  font-style: normal;
  font-weight: normal;
  src: url(../fonts/droidkufi-regular.34cc6df3.woff) format("woff");
}
@font-face {
  font-family: "font-bold";
  font-style: normal;
  font-weight: normal;
  src: url(../fonts/droidkufi-bold.1ea77939.woff) format("woff");
}
body {
  font-family: "font-primary";
  background: #fbfbfb;
  min-width: 300px;
  overflow-x: hidden;
  overscroll-behavior-y: contain;
  -webkit-user-select: none;
          user-select: none;
}

.text-main {
  color: #424242 !important;
}

.bg-main, .q-table thead tr:first-child th {
  background: #fbfbfb !important;
}

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.container.padding, .container.padding-x {
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 1024px) {
  .container.padding, .container.padding-x {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.container.padding, .container.padding-y {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 1024px) {
  .container.padding, .container.padding-y {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

.q-btn.main {
  font-size: 16px;
  padding: 10px;
}
.q-btn.disabled, .q-btn.disabled *, .q-btn[disabled], .q-btn[disabled] * {
  cursor: pointer !important;
}

.q-field .q-field__control::before {
  background: transparent !important;
}
.q-field.q-field--disabled .q-field__inner {
  cursor: unset !important;
}
.q-field.q-field--readonly .q-field__control::before {
  border-style: hidden !important;
}
.q-field.q-field--error .text-negative {
  color: #128685 !important;
}
.q-field.q-field--error .q-field__messages {
  color: #616161 !important;
}
.q-field.q-field--error:not(.q-field--with-bottom) .q-field__bottom {
  display: none;
}

.q-field .q-chip {
  background: #eeeeee;
  border: 1px solid #e0e0e0;
}

[dir="ltr"] .q-field .q-chip {
  margin-left: 0;
}

[dir="rtl"] .q-field .q-chip {
  margin-right: 0;
}
.q-field.q-field--filled .q-field__control {
  background: rgba(0, 0, 0, 0.025) !important;
}
.q-field .q-field__native {
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow: hidden;
}

.q-notification {
  width: 500px;
  max-width: calc(100% - 50px);
  margin-bottom: 20px;
  min-height: 56px;
}

.q-dialog .q-dialog-plugin.q-card .q-dialog__title {
  font-size: 14px;
  background: #fbfbfb;
  padding-right: 26px;
  padding-left: 26px;
}
.q-dialog .q-dialog-plugin.q-card .q-dialog__message {
  padding-top: 15px;
  padding-right: 26px;
  padding-left: 26px;
}
.q-dialog .q-dialog-plugin.q-card .q-dialog-plugin__form {
  padding-right: 26px;
  padding-left: 26px;
}
.q-dialog .q-dialog-plugin.q-card .q-card__actions {
  flex-direction: row-reverse;
  padding-top: 20px;
  padding-right: 16px;
  padding-left: 16px;
  padding-bottom: 18px;
}

[dir="ltr"] .q-dialog .q-dialog-plugin.q-card .q-card__actions .q-btn-item {
  margin-right: 8px;
}

[dir="rtl"] .q-dialog .q-dialog-plugin.q-card .q-card__actions .q-btn-item {
  margin-left: 8px;
}
.q-dialog.no-overlay .q-dialog__backdrop {
  background: transparent;
}

.q-list .disabled, .q-list .disabled * {
  cursor: pointer !important;
}

.q-list,
.q-item,
.q-menu {
  outline: unset;
}

.q-panel {
  overflow: unset;
}

.q-table thead tr:first-child th {
  height: 50px;
  top: 0;
}
.q-table thead th {
  position: sticky;
  z-index: 2;
  white-space: nowrap;
}
.q-table thead .q-table__progress th {
  top: 50px;
  z-index: 3;
}
.q-table tbody:not(.q-virtual-scroll__padding) td {
  background: #fff;
  white-space: normal;
  -webkit-user-select: text;
          user-select: text;
}

.q-table th.fix,
.q-table td.fix {
  position: sticky;
}

[dir="ltr"] .q-table th.fix,
[dir="ltr"] .q-table td.fix {
  left: 0;
}

[dir="rtl"] .q-table th.fix,
[dir="rtl"] .q-table td.fix {
  right: 0;
}
.q-table th.fix {
  z-index: 3;
}
.q-table td.fix {
  z-index: 2;
}

[dir="ltr"] .q-toggle[dir=ltr] .q-toggle__thumb {
  transition-property: right;
}

[dir="rtl"] .q-toggle[dir=ltr] .q-toggle__thumb {
  transition-property: left;
}

.rtl .q-toggle {
  width: 100%;
  justify-content: space-between;
}

[dir="ltr"] .rtl .q-toggle {
  direction: rtl;
}

[dir="rtl"] .rtl .q-toggle {
  direction: ltr;
}

.q-select__dialog {
  max-width: 500px !important;
}