@use 'ej2-base/styles/common/mixin' as *;
@use 'ej2-base/styles/definition/fluent2' as *;
@forward 'ej2-base/styles/definition/fluent2';

/* stylelint-disable */
$ddt-skin-name: $skin-name !default;
$ddt-box-shadow: $shadow-lg !default;
$ddt-close-icon-bottom: 6px !default;
$ddt-dd-icon-bottom: 0 !default;
$ddt-dd-icon-width: 30px !default;
$ddt-nrml-show-dd-icon-margin-left: 30px !default;
$ddt-dd-icon-margin-right: 30px !default;
$ddt-close-icon-width: 20px !default;
$ddt-dd-icon-bigger-bottom: 0 !default;
$ddt-filter-border: 1px solid $border-light !default;
$ddt-filter-top-border: 0 !default;
$ddt-filter-padding: 4px !default;
$ddt-chip-margin: 3px 4px !default;
$ddt-chip-padding: 0 8px 0 8px !default;
$ddt-chip-radius: $radius-0 !default;
$ddt-chip-height: 24px !default;
$ddt-input-border-color: $border-focus;
$ddt-treeview-padding: 4px 0 4px 12px !default;
$ddt-chip-bigger-height: 30px !default;
$ddt-chip-content-padding: 0 4px 0 0 !default;
$ddt-chip-content-padding: 0 4px 0 0 !default;
$ddt-rtl-chip-content-padding: 0 0 0 4px !default;
$ddt-big-chip-content-padding: 0 8px 0 0 !default;
$ddt-rtl-big-chip-content-padding: 0 0 0 8px !default;
$ddt-chip-close-font: 10px !default;
$ddt-chip-close-height: 16px !default;
$ddt-chip-icon-line-height: 10px !default;
$ddt-chip-close-width: 16px !default;
$ddt-last-chip-right-margin: 45px !default;
$ddt-last-chip-bigger-right-margin: 52px !default;
$ddt-select-all-padding: 8px 12px !default;
$ddt-select-all-height: 22px !default;
$ddt-select-all-checkbox-margin: 0 4px !default;
$ddt-rtl-select-all-checkbox-margin: 0 12px !default;
$ddt-select-all-text-indent: 26px !default;
$ddt-rtl-select-all-text-indent: 17px !default;
$ddt-select-all-bigger-text-indent: 42px !default;
$ddt-rtl-select-all-bigger-text-indent: 41px !default;
$ddt-select-all-text-font-size: $text-sm !default;
$ddt-popup-radius: $radius-4 !default;
$ddt-popup-reorder-border: $border-light !default;
$ddt-chip-width: calc(100% - 6px) !default;
$ddt-chip-ddi-width: calc(100% - 26px) !default;
$ddt-chip-ci-width: calc(100% - 29px) !default;
$ddt-chip-ddi-ci-width: calc(100% - 55px) !default;
$ddt-big-chip-ddi-width: calc(100% - 25px) !default;
$ddt-big-chip-ci-width: calc(100% - 35px) !default;
$ddt-big-chip-ddi-ci-width: calc(100% - 60px) !default;
$ddt-remains-padding: 0 0 0 10px !default;
$ddt-remains-line-height: 20px !default;
$ddt-rtl-remains-padding: 0 4px 0 0 !default;
$ddt-chip-font-size: $text-sm !default;
$ddt-close-icon-min-height: 20px !default;
$ddt-overflow-count-padding-top: 5px !default;
$ddt-delim-padding : 3px 12px !default;
$ddt-list-filter-text-indent: 0 20px !default;
$ddt-treeview-fullrow-height: 38px !default;
$ddt-treeview-content-padding-top: 2px !default;
$ddt-treeview-content-padding-bottom: 2px !default;
$ddt-dd-icon-bigger-width: 38px !default;
$ddt-dd-icon-bigger-margin-right: 38px !default;
$ddt-close-icon-bigger-min-height: 24px !default;
$ddt-close-icon-bigger-width: 38px !default;
$ddt-treeview-fullrow-bigger-height: 44px !default;
$ddt-icon-bg-color: $content-bg-color !default;
$ddt-delim-bigger-padding: 7px 16px !default;
$ddt-remains-count-padding-top: 3px !default;
$ddt-select-all-font-size: 14px !default;
$ddt-big-select-all-font-size: 16px !default;
$ddt-big-select-all-text-margin: 0 8px !default;
$ddt-rtl-big-select-all-text-margin: 0 8px !default;
$ddt-big-select-all-padding: 0 8px !default;
$ddt-select-all-checkbox-bottom: 2px !default;
$ddt-popup-text-line-height: 24px !default;
$ddt-show-dd-icon-margin-right: 1px !default;
$ddt-nrml-border-none: 0 !default;
$ddt-nrml-padding-none: 0 !default;
$ddt-nrml-margin-none: 0 !default;
$ddt-nrml-popup-selectall-border-bottom: 1 !default;
$ddt-nrml-nodata-font-size: 14px !default;
$ddt-nrml-nodata-padding: 14px 16px !default;
$ddt-nrml-show-dd-icon-margin: 1px !default;
$ddt-nrml-popup-ul-padding: 0 14px 0 0 !default;
$ddt-show-dd-icon-margin-left: 1px !default;
$ddt-height-none: 0 !default;
$ddt-popup-border: 1px !default;
$ddt-chip-close-before-padding: 3px !default;
$ddt-bgr-icon-font-size: 18px !default;
$ddt-bgr-padding-none: 0 !default;
$ddt-bgr-clear-icon-font-size: 18px !default;
$ddt-overflow-remain-wrap-padding: 9px !default;
$ddt-close-icon-margin: 5px 3px 5px 6px !default;
$ddt-nrml-close-icon-font-size: 14px !default;
$ddt-nrml-close-icon-padding: 3px !default;
$ddt-nrml-icon-font-size: 14px !default;
$ddt-nrml-icon-margin: 5px 9px 5px 3px !default;
$ddt-show-chip-border-radius: $radius-4 !default;
$ddt-nrml-popup-margin-top: 1px !default;
$ddt-list-item-ul-padding: 0 0 0 14px !default;
$ddt-chip-border: 1px solid !default;

// color variables
$ddt-filter-box-shadow-color: none !default;
$ddt-chip-bg-color: $content-bg-color-alt2 !default;
$ddt-popup-background-color: $flyout-bg-color !default;
$ddt-popup-border-color: $border-light !default;
$ddt-chip-close: $icon-color !default;
$ddt-chip-font-color: $content-text-color !default;
$ddt-chip-hover-bg-color: $content-bg-color-alt4 !default;
$ddt-chip-hover-font-color: $content-text-color !default;
$ddt-nodata-font-color: $content-text-color !default;
$ddt-select-all-font-color: $content-text-color !default;
$ddt-remains-font-color: $content-text-color-alt3 !default;
$ddt-item-hover-bg: $content-bg-color-hover !default;
$ddt-chip-border-color: $chip-border-color !default;