@use '../base/common/base-variables' as *;

$dialog-btn-bg-bgcolor: transparent !default;
$dialog-btn-box-shadow: none !default;
$dialog-resize-handler-width: 15px;
$dialog-resize-handler-height: 15px;
$dialog-resize-handler-position: 0;
$resize-hanlder-bottom-rtl: 2px;

//default
$dialog-bg-color: $grey-base !default;
$dialog-icon-color: $grey-cc !default;
$dialog-active-icon-color: $grey-dark-font !default;
$dialog-close-icon-normal-opacity: initial !default;
$dialog-close-icon-active-opacity: initial !default;
$dialog-header-border: 1px solid $grey-99 !default;
$dialog-hover-icon-color: $grey-dark-font !default;
$dialog-icon-bg-normal: transparent !default;
$dialog-header-bg-color: $grey-base !default;
$dialog-content-bg-color: $grey-base !default;
$dialog-footer-bg-color: $grey-base !default;
$dialog-shadow-color: 0 6px 12px rgba($base-font, .5) !default;
$dialog-header-font-color: $grey-dark-font !default;
$dialog-border: 1px solid $grey-99 !default;
$dialog-content-font-color: $grey-dark-font !default;
$dialog-overlay-bg-color: rgba($shadow, .8) !default;
$dialog-closeicon-btn-hover-color: transparent !default;
$dialog-closeicon-btn-active-color: transparent !default;
$dialog-footer-content-border-top: 1px solid $grey-99 !default;
$dialog-alert-footer-content-border-top: 1px solid $grey-99 !default;
$dialog-btn-border-color: transparent !default;
$dialog-btn-bg-color: transparent !default;
$dialog-overlay-opacity: .5 !default;
$dialog-active-btn-border-color: transparent !default;
$dialog-hover-focus-btn-bg-color: transparent !default;
$dialog-active-btn-bg-color: transparent !default;

//enddefault
//start
$dialog-close-button-left: -5px !default;
$dialog-close-button-right: -4px !default;
$dialog-close-icon-content: '\e361' !default;
$dialog-close-icon-font-size: 12px !default;
$dialog-close-icon-button-padding: 0 13px !default;
$dialog-bigger-close-icon-button-padding: 0 2px !default;
$dialog-bigger-close-icon-font-size: 12px !default;
$dialog-header-font-size: 18px !default;
$dialog-header-font-weight: 500 !default;
$footer-content-border-radius: 6px !default;
$header-content-border-radius: 6px 6px 0 0 !default;
$dialog-content-font-size: 14px !default;
$dialog-header-line-height: 1.25 !default;
$dialog-content-line-height: 1.25 !default;
$dialog-content-padding-top: 15px !default;
$dialog-rtl-content-padding-top: -15px !default;
$dialog-bigger-content-padding-top: 18.75px !default;
$dialog-content-font-weight: 300 !default;
$dialog-device-content-font-size: 15px !default;
$dialog-border-radius: 6px !default;
$dialog-header-icon-hover-border-radius: 50% !default;
$dialog-close-button-height: 20px !default;
$dialog-close-button-width: 20px !default;
$dialog-header-content-padding: 15px !default;
$dialog-content-padding: 15px !default;
$dialog-footer-content-padding: 15px !default;
$dialog-bigger-header-content-padding: 18.75px !default;
$dialog-bigger-content-padding: 18.75px !default;
$dialog-bigger-footer-content-padding: 18.75px !default;
$dialog-bigger-footer-button-margin-left: 10px !default;
$dialog-footer-button-margin-left: 8px !default;
$dialog-footer-button-margin-right: 8px !default;
$dialog-bigger-footer-button-margin-right: 10px !default;
$dialog-close-icon-margin-left: -7px !default;
$dialog-close-icon-height: 16px !default;
$dialog-close-icon-width: 12px !default;
$dialog-bigger-header-content-font-size: 18px !default;
$dialog-bigger-content-font-size: 14px !default;
$dialog-bigger-close-icon-height: 16px !default;
$dialog-bigger-close-icon-width: 12px !default;
$dialog-close-icon-top: -4px !default;
$dialog-bigger-close-icon-top: -5px !default;
$dialog-bigger-close-icon-margin-left: -8px !default;
$dialog-bigger-close-icon-margin-right: -1px !default;
$dialog-bigger-close-button-bottom: 7px !default;
$dialog-bigger-close-button-height: 25px !default;
$dialog-bigger-close-button-left: -7px !default;
$dialog-bigger-close-button-width: 25px !default;
$dialog-headericon-bottom: 5px !default;
$dialog-enable-resize-padding-bottom: 15px !default;
$dialog-bigger-rtl-footer-btn-margin-left: 0 !default;
$dialog-zero-padding-margin: 0 !default;
$dialog-alert-popup-margin: 30px !default;
$dialog-full-width: 100% !default;
$dialog-header-width: 80% !default;
$dialog-max-height: 98% !default;
$dialog-full-height: 100% !default;
$dialog-mobile-width: 600px !default;
$dialog-auto-width: auto !default;

//endstart
