@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/validation" as *;
@use "../textEditor/sizes" as *;

// adduse
@use "../overlay";


@include dx-base-validation($validation-summary-color, $validation-message-color, $validation-message-background-color);

.dx-invalid-message > .dx-overlay-content {
  background-color: transparent;
  color: $validation-message-background-color;
  padding: $material-validation-message-padding 0 0;

  .dx-editor-filled &,
  .dx-editor-outlined & {
    padding-left: $material-filled-texteditor-input-horizontal-padding;
    padding-right: $material-filled-texteditor-input-horizontal-padding;
  }
}

.dx-validationsummary > .dx-validationsummary-item:not(:last-child) {
  margin-bottom: $material-validationsummary-item-margin;
}

.dx-form-validation-summary {
  margin-top: 20px;
}