//Layout Variables Start
$dialog-close-button-left: 0 !default;
$dialog-header-border: 0 !default;
$dialog-close-icon-font-size: 18px !default;
$dialog-bigger-close-icon-font-size: 18px !default;
$dialog-header-font-size: 20px !default;
$footer-content-border-radius: 8px !default;
$header-content-border-radius: 8px 8px 0 0 !default;
$dialog-outer-border: 1px solid $dialog-border !default;
$dialog-content-font-size: $text-sm !default;
$dialog-header-line-height: $leading-tight !default;
$dialog-content-line-height: $leading-normal !default;
$dialog-content-padding-top: 0 !default;
$dialog-bigger-content-padding-top: 0 !default;
$dialog-device-content-font-size: $text-base !default;
$dialog-border-radius: 8px !default;
$dialog-header-icon-hover-border-radius: 0 !default;
$dialog-close-button-height: 32px !default;
$dialog-close-button-width: 32px !default;
$dialog-header-content-padding: 24px 24px 20px 20px !default;
$dialog-content-padding: 20px 20px 10px 20px !default;
$dialog-footer-content-padding: 10px 20px 20px 20px !default;
$dialog-footer-content-border-top: none !default;
$dialog-alert-footer-content-border-top: none !default;
$dialog-bigger-header-content-padding: 24px 24px 24px 24px !default;
$dialog-bigger-content-padding: 24px 24px 8px 24px !default;
$dialog-bigger-footer-content-padding: 24px 24px 24px 24px !default;
$dialog-bigger-footer-button-margin-left: 12px !default;
$dialog-footer-button-margin-left: 8px !default;
$dialog-footer-button-margin-right: 8px !default;
$dialog-bigger-footer-button-margin-right: 12px !default;
$dialog-close-icon-margin-left: 0 !default;
$dialog-close-icon-width: auto !default;
$dialog-bigger-close-icon-height: 40px !default;
$dialog-bigger-close-icon-width: auto !default;
$dialog-close-icon-top: 0 !default;
$dialog-bigger-header-content-font-size: 22px !default;
$dialog-bigger-content-font-size: $text-base !default;
$dialog-bigger-close-icon-top: 0 !default;
$dialog-bigger-close-icon-margin-left: 0 !default;
$dialog-bigger-close-icon-margin-right: 0 !default;
$dialog-bigger-close-button-bottom: 4px !default;
$dialog-bigger-close-button-height: 40px !default;
$dialog-bigger-close-button-left: 0 !default;
$dialog-bigger-close-button-width: 40px !default;
$dialog-headericon-bottom: 0 !default;
$dialog-resize-handler-width: 15px;
$dialog-resize-handler-height: 15px;
$dialog-resize-handler-position: 0;
$dialog-bigger-header-btn-padding: 7px !default;
$dialog-header-btn-padding: 7px !default;

//Layout Variables End

//Normal Variables Start
$dialog-bg-color: $content-bg-color !default;
$dialog-icon-color: $icon-color !default;
$dialog-active-icon-color: $icon-color-pressed !default;
$dialog-hover-icon-color: $icon-color-hover !default;
$dialog-icon-bg-normal: $transparent !default;
$dialog-header-bg-color: $content-bg-color !default;
$dialog-content-bg-color: $content-bg-color !default;
$dialog-footer-bg-color: $content-bg-color !default;
$dialog-shadow-color: $shadow-lg !default;
$dialog-header-font-weight: $font-weight-medium !default;
$dialog-header-font-color: $content-text-color !default;
$dialog-content-font-weight: $font-weight-normal !default;
$dialog-content-font-color: $content-text-color !default;
$dialog-overlay-bg-color: $overlay-bg-color !default;
$dialog-overlay-opacity: 1 !default;
$dialog-closeicon-btn-hover-color: $content-bg-color-hover !default;
$dialog-closeicon-btn-active-color: $content-bg-color-pressed !default;
$dialog-btn-border-color: $transparent !default;
$dialog-btn-bg-color: $transparent !default;
$dialog-active-btn-border-color: $transparent !default;
$dialog-hover-focus-btn-bg-color: $content-bg-color-alt4 !default;
$dialog-active-btn-bg-color: $transparent !default;
$dialog-close-icon-normal-opacity: initial !default;
$dialog-close-icon-active-opacity: initial !default;

//Normal Variables Start

$dialog-footer-btn-bg-color: $primary-bg-color;
$dialog-footer-btn-color: $primary-text;
$dialog-footer-btn-border-color: $primary-border-color !default;
$dialog-footer-hover-btn-color: $primary-bg-color-hover !default;

$dialog-footer-flat-btn-bg-color: $secondary-bg-color !default;
$dialog-footer-flat-hover-btn-bg-color: $secondary-bg-color-hover !default;
$dialog-footer-flat-btn-border-color: $secondary-border-color !default;
$dialog-footer-flat-btn-content-color: $secondary-text-color !default;
$dialog-enable-resize-padding-bottom: 15px !default;
$dialog-footer-hover-btn: $primary-text-hover !default;
$dialog-footer-flat-btn-hover-color: $secondary-text-color-hover !default;

/* stylelint-disable */
.e-dialog {
  & .e-dlg-content {
    border-radius: $dialog-border-radius !important;
  }
}

.e-dlg-overlay {
  backdrop-filter: blur(2px) !important;
}

.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn:hover,
.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn:focus,
.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn:active {
  color: $dialog-hover-icon-color;
  background-color: $dialog-closeicon-btn-hover-color;
  border-radius: 4px;
}