body {
  font-family: IRANSans, sans-serif !important;
  direction: rtl !important;
}

i[class*=" la-"] {
  font-size: 2rem !important;
}

[class*="dx-"]:not([class*="-icon"]):not(.dx-header-filter):not([class*=dx-datagrid-group]):not(.dx-navigate-button) {
  font-family: IRANSans, sans-serif !important;
}

/* File Uploader Styles */
#dropzone-external {
  width: 150px;
  height: 150px;
  border-radius: 20px;
  background-color: rgb(183 183 183 / 10%);
  border-width: 2px;
  border-style: dashed;
  padding: 10px;
  border-color: var(--dx-color-border);
}

#dropzone-external > * {
  pointer-events: none;
}

#dropzone-external.dropzone-active {
  border-style: solid;
  border-color: var(--dx-color-primary);
}

.widget-container > span {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 16px;
}

#dropzone-image {
  max-width: 100%;
  max-height: 100%;
}

#dropzone-text > span {
  font-weight: 100;
  opacity: 0.5;
}

#upload-progress {
  display: flex;
  margin-top: 10px;
}

.flex-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}