.view-mode input:disabled,
.view-mode textarea:disabled,
.view-mode select:disabled,
.view-mode .e-input:disabled,
.view-mode .e-input-group input:disabled,
.view-mode .e-control.e-dropdown-list:disabled {
  -webkit-text-fill-color: #111827 !important;
  opacity: 1 !important;
}

.view-mode input[type="text"]:disabled,
.view-mode input[type="email"]:disabled,
.view-mode input[type="password"]:disabled,
.view-mode input[type="search"]:disabled,
.view-mode input[type="tel"]:disabled,
.view-mode input[type="url"]:disabled,
.view-mode textarea:disabled,
.view-mode .e-input-group input:disabled {
  display: inline-block !important;
  width: inherit !important;
  color: black !important;
  resize: none !important;
  overflow: visible !important;
  height: inherit !important;
}

.view-mode input[type="checkbox"]:disabled,
.view-mode input[type="radio"]:disabled,
.view-mode .e-checkbox-wrapper .e-frame.e-check:disabled,
.view-mode .e-radio-wrapper .e-radio:disabled {
  position: relative !important;
  visibility: visible !important;
  margin-right: 0.5rem !important;
}

.view-mode input[type="checkbox"]:disabled {
  display: inline-flex !important;
  align-items: center !important;
}

.view-mode input[type="checkbox"]:disabled::before {
  content: attr(checked) ? '✓' : '□';
  font-size: inherit !important;
}

.view-mode input[type="radio"]:disabled {
  display: inline-flex !important;
  align-items: center !important;
}

.view-mode input[type="radio"]:disabled::before {
  content: attr(checked) ? '●' : '○';
  font-size: inherit !important;
}

.view-mode .e-float-input.e-input-group:disabled .e-float-line,
.view-mode .e-float-input.e-input-group:disabled .e-float-text,
.view-mode .e-input-group:disabled .e-input-group-icon,
.view-mode .e-input-group.e-disabled .e-input-group-icon {
  display: none !important;
}

.view-mode .e-input-group.e-disabled,
.view-mode .e-float-input.e-disabled {
  background: transparent !important;
}