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

$grid-content-padding: 7px !default;
$grid-font-size: 13px !default;
$grid-icon-color: $default-icon-color !default;
$grid-command-icon-color: $default-icon-color !default;
$grid-hover-icon-color: $hover-icon-color !default;
$grid-icon-font-size: 10px !default;
$grid-border-type: $border-type !default;
$grid-border-size: $border-size !default;
$grid-bottom-border-size: $border-size !default;
$grid-vertical-border-size: $border-size !default;
$grid-horizontal-border-size: $border-size !default;
$grid-font-family: $font-family !default;
$grid-maskedcell-virtual-background-color: #fff !default;
$grid-frozen-shadow-background-color: $frozen-shadow !default;
$grid-frozen-row-shadow-background-color: $frozen-shadow-2 !default;
$grid-frozen-row-shadow-inset-color: rgb(0, 0, 0);
$grid-header-font-size: 14px !default;
$grid-bigger-header-font-size: $grid-header-font-size !default;
$grid-grouped-headercell-span-padding: 0 !default;
$grid-group-unpgroupicon-padding-right: 0 !default;
$grid-group-text-width: auto !default;
$grid-content-bg-color: $content-bg-color !default;
$grid-popup-bg-color: $content-bg-color !default;
$grid-border-radius: 0 !default;
$group-droparea-hover-color: $active-font-color !default;
$group-header-hover-color: $header-font-color !default;
$group-row-bg-stcolor: #ececec !default;
$grid-group-clone-text-align: center !default;
$grid-group-unpgroupicon-padding-top: 0 !default;
$grid-ungroup-rtl-padding-right: 6px !default;
$filter-text-color: $content-font-color !default;
$grid-wrap-line-height: 18px !default;
$grid-wrap-margin-bottom: 2px !default;
$grid-wrap-margin-top: 0 !default;
$grid-header-bottom-padding: 0 !default;
$grid-header-top-padding: 0 !default;
$grid-filtercell-line-height: 27px !default;
$grid-filterbar-input-border-width: 1px !default;
$grid-filterbar-border-radius: 0 !default;
$group-border-width: 1px solid !default;
$group-collapse-icon-text-indent: 8px !default;
$group-expand-icon-text-indent: 8px !default;
$grid-clone-padding: 4px 5px !default;
$group-text-padding-right: 3px !default;
$group-sorticon-margin-left: 0 !default;
$group-sorticon-margin-top: 0 !default;
$group-ungroupicon-padding: 5px 3px !default;
$group-unpgrouicon-margin-left: 0 !default;
$grid-group-ungroupicon-margin-left: 0 !default;
$grid-rtl-group-sorticon-margin-left: 0 !default;
$grid-grouped-padding: 8px 8px 5px !default;
$grid-ungroup-icon-opactiy: 1 !default;
$grid-default-color: '' !default;
$grid-stackedheadercell-border-size: 1px 0 1px 1px !default;
$group-text-align: center !default;
$grid-right-border: 1px !default;
$grid-grouparea-first-cell-margin: '' !default;
$grid-rowcell-both-border-width: 1px 0 0 1px !default;
$grid-filtercell-both-border-width: 1px 0 0 1px !default;
$grid-indentcell-border-width: 0 1px 0 0 !default;
$grid-headercelldiv-line-height: 29px !default;
$grid-bigger-headercelldiv-line-height: $grid-headercelldiv-line-height !default;
$grid-rtl-headercelldiv-padding: 0 .6em 0 1.8em !default;
$grid-td-checkbox-margin-top: 5px !default;
$grid-groupdroparea-rtl-text-align: center !default;
$grid-gd-clone-border-radius: 0 !default;
$grid-gd-clone-padding: 2px !default;
$grid-checkbox-cell-padding-top-bottom: 8px !default;
$grid-rowselect-text-indent: 1px !default;
$grid-toolbar-border-width: 1px solid !default;
$grid-headercelldiv-height: 29px !default;
$grid-filterbarcell-input-height: 26px !default;
$grid-sortdiv-padding: 0 2px !default;
$grid-columnchooser-header-padding: 11px 18px 15px !default;
$grid-columnchooser-ul-padding: 0 !default;
$grid-column-chosser-searchdiv-opactiy: .6 !default;
$grid-column-chosser-searchdiv-fopactiy: 1 !default;
$grid-columnchooser-search-border-color: #212121 !default;
$grid-columnchooser-toolbar-div-padding: 0 10px !default;
$grid-columnchooser-toolbar-icon-line-height: 1.9 !default;
$grid-columnchooser-toolbar-icon-font-size: 15px !default;
$grid-columnchooser-btn-font-size: 9px !default;
$grid-bigger-columnchooser-btn-font-size: 12px !default;
$grid-columnchooser-toolbar-icon-vertical-align: middle !default;
$grid-columnchooser-cancel-icon-content-f-opactiy: 1 !default;
$grid-columnchooser-input-border: 0 !default;
$grid-columnchooser-input-padding-left: 4px !default;
$grid-columnchooser-ul-margin: 13px 0 !default;
$grid-column-chooser-dlg-footer-padding: 8px !default;
$grid-columnchooser-checkbox-label-width: 150px !default;
$grid-rtl-group-text-marign-right: 0 !default;
$grid-rtl-textwrap-srotnumber-margin: 3px 5px 0 8px !default;
$grid-rtl-headercell-both-border-width: 0 1px 0 0 !default;
$grid-rtl-textwrap-srotnumber-rightalign-margin: 3px 5px 0 7px !default;
$grid-rtl-stackedheadercell-border-size: 0 1px 1px 0 !default;
$grid-rtl-stackedhader-firstcell-left-border-size: 0 !default;
$grid-rtl-stackedhader-firstcell-right-border-size: 1px !default;
$grid-rtl-bothlines-stackedhader-firstcell-left-border-size: 1px !default;
$grid-rtl-bothlines-stackedhader-firstcell-right-border-size: 0 !default;
$grid-bigger-groupdroparea-padding: 22px 24px !default;
$grid-bigger-groupedcell-padding: 11px 11px 12px !default;
$grid-bigger-group-clone-padding: 6px !default;
$grid-bigger-grouptext-width: 76px !default;
$grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
$grid-bigger-columnchooser-ul-padding: 0 !default;
$grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
$grid-bigger-toolbar-div-margin: 3px !default;
$grid-bigger-sorticon-margin-top: 0 !default;
$grid-device-group-sorticon-margin-top: 0 !default;
$grid-bigger-groupcell-span-padding: 0 !default;
$grid-device-grouped-headercell-span-padding: 0 !default;
$grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
$grid-device-headercell-padding: $grid-header-bottom-padding 12px !default;
$grid-device-headercell-fistchild-padding: $grid-header-bottom-padding 12px !default;
$grid-device-headercell-lastchild-padding: $grid-header-bottom-padding 12px !default;
$grid-device-groupheadercell-span-line-height: 30px !default;
$grid-device-rowcell-padding: $grid-content-padding 12px !default;
$grid-device-rowcell-firstchild-padding: $grid-content-padding 12px $grid-content-padding 12px !default;
$grid-device-rowcell-lastchild-padding: $grid-content-padding 12px $grid-content-padding 12px !default;
$grid-device-filterbarcell-padding: $grid-content-padding 12px !default;
$grid-device-filterbarcell-firstchild-padding: $grid-content-padding 12px $grid-content-padding 12px !default;
$grid-device-filterbarcell-lastchild-padding: $grid-content-padding 12px $grid-content-padding 12px !default;
$grid-device-gridheader-row-span-padding: 20px !default;
$grid-touch-device-hdrcell-span-line-height: 26px !default;
$grid-touch-device-hdrcell-ungroup-line-height: 28px !default;
$grid-device-groupsort-margin-top: 0;
$frozen-border: 2px solid !default;
$grid-fltrdiv-text-align: right !default;
$grid-fltrdiv-padding: 0 2px !default;
$grid-rtl-fltrdiv-padding: 6px !default;
$grid-flmenu-padding: 24px 0 0 !default;
$grid-flmenu-boolean-content-padding: 18px 18px 0 !default;
$grid-flmenu-boolean-button-width: 110px !default;
$grid-flmenu-device-padding: 24px 0 0 !default;
$grid-fltrmnu-dd-max-height: 298px !default;
$grid-rtl-headercelldiv-rightalign-fltricon-margin: -7px !default;
$grid-rtl-headercelldiv-fltricon-margin: -7px !default;
$grid-rtlfltrdiv-float: left !default;
$grid-checkbox-wrapper-height: 20px !default;
$grid-checkbox-wrapper-line-height: 20px !default;
$grid-checkbox-wrapper-top: 0 !default;
$grid-rtl-headercelldiv-fltricon-padding: 0 1.6em 0 10px !default;
$grid-xl-match-margin-left: 6px !default;
$grid-bigger-xl-match-margin-left: 8px !default;
$grid-xl-rtl-radio-padding-left: 0 !default;
$grid-xl-rtl-radio-padding-right: 25px !default;
$grid-filterbarcell-input-padding: 0 26px 0 10px !default;
$grid-header-bg-color: $bg-base-0 !default;
$grid-rows-bg-color: $bg-base-0 !default;
$grid-header-color: $content-font !default;
$grid-sorted-header-color: $content-font !default;
$grid-headerconent-font-opacity: 1 !default;
$grid-header-border-color: $border-default !default;
$grid-header-border-width: 0 !default;
$grid-headercell-line-height: 36px !default;
$grid-header-padding: 8px !default;
$grid-headecell-span-height: 26px !default;
$grid-headercelldiv-right-align-padding: 0 0 0 10px !default;
$grid-headercelldiv-padding: 0 10px 0 0 !default;
$grid-headercelldiv-sort-centeralign-padding-right: 0 !default;
$grid-headercell-both-border-width: 0 0 0 1px !default;
$grid-filterbarcell-first-last-child-padding-left: 10px !default;
$grid-stackedheadercell-botttom-padding: 4px !default;
$grid-header-font-weight: normal !default;
$grid-filterbarcell-border-width: 1px 0 0 !default;
$grid-filterbarcell-padding: 0 8px !default;
$grid-filterdiv-padding: 2px 0 !default;
$grid-enhancement-filterbar-icon-padding: 0 4px !default;
$grid-enhancement-filter-input-gap: 4px !default;
$grid-enhancement-filter-input-width: 100% !default;
$grid-enhancement-operator-dropdown-width: 100% !default;
$grid-enhancement-operator-dropdown-height: 100% !default;
$grid-enhancement-operator-dropdown-top: 0 !default;
$grid-enhancement-operator-dropdown-left: 0 !default;
$grid-enhancement-filter-input-flex: 1 1 auto !default;
$grid-enhancement-filter-input-min-width: 0 !default;
$grid-enhancement-operator-dropdown-opacity: 0 !default;
$grid-enhancement-operator-dropdown-pointer-events: none !default;
$grid-enhancement-operator-dropdown-border: none !default;
$grid-enhancement-operator-dropdown-background: transparent !default;
$grid-enhancement-operator-dropdown-overflow: hidden !default;
$grid-filterbarcell-text-indent: 10px !default;
$grid-sortdiv-margin: 0 0 0 auto !default;
$grid-sortnumer-line-height: 15px !default;
$grid-bigger-sortnumer-line-height: $grid-sortnumer-line-height !default;
$grid-sortnumber-border-radius: 55% !default;
$grid-rowcell-broder-width: 1px 0 0 !default;
$grid-rowcell-line-height: 21px !default;
$grid-rowcell-autofill-top-line-height: 19px !default;
$grid-rowcell-autofill-top-bottom-line-height: 17px !default;
$group-row-bg-color: $bg-base-10 !default;
$grid-summary-template-row-bg-color: $bg-base-10 !default;
$grid-summary-row-bg-color: $bg-base-10 !default;
$grid-first-last-rowcell-padding: 10px !default;
$grid-content-right-padding: 8px !default;
$grid-content-font-size: 13px !default;
$grid-header-height: 29px !default;
$grid-bigger-header-height: $grid-header-height !default;
$grid-summary-cell-font-size: 14px !default;
$grid-summary-cell-line-height: 21px !default;
$grid-cell-border-color: $border-default !default;
$grid-drag-clone-border-color: $border-default !default;
$grid-drag-clone-opacity: 1 !default;
$grid-content-font-color: $content-font !default;
$grid-hover-content-font-color: $hover-font !default;
$grid-conent-font-opacity: 1 !default;
$grid-row-selection-bg-color: $selection-bg !default;
$grid-row-selection-color: $selection-font !default;
$grid-hover-bg-color: $hover-bg !default;
$grid-row-selection-hover-bg-color: #ffe36c !default;
$grid-cell-selection-hover-bg-color: #ffe36c !default;
$grid-cell-selection-bg-color: $selection-bg !default;
$grid-cell-selection-color: $selection-font !default;
$grid-content-selection-color: $selection-font !default;
$group-droparea-bg-color: $bg-base-10 !default;
$group-droparea-color: $content-font !default;
$grid-grouparea-font-size: 17px !default;
$group-header-border-radius: 0 !default;
$grid-drag-clone-color: $selection-font !default;
$grid-drag-clone-bg-color: $selection-bg !default;
$grouped-droparea-bg-color: $bg-base-10 !default;
$group-droparea-hover-bg-color: $bg-base-10 !default;
$group-header-bg-color: $bg-base-0 !default;
$group-header-color: $content-font !default;
$grid-group-height: 59px !default;
$grid-grouparea-margin: 8px 0 0 8px !default;
$group-area-padding: 16px 0 8px !default;
$grid-group-broder-color: $border-fg !default;
$grid-group-headercell-line-height: 22px !default;
$grid-group-text-line-height: 22px !default;
$grid-headecell-height: 26px !default;
$grid-filterbarcell-text-input: 32px !default;
$grid-grouped-headercell-padding: 1px 8px !default;
$grid-rtl-grouped-headercell-padding: 1px 0 1px 8px !default;
$group-sorticon-margin-right: 8px !default;
$grid-header-icon-color: $content-font !default;
$grid-grouptext-margin-right: 8px !default;
$grouped-text-font-size: 14px !default;
$group-sorticon-font-size: 12px !default;
$group-header-hover-bg-color: $hover-bg !default;
$grid-group-hover-broder-color: $hover-border !default;
$grid-grouptopleftcell-border-top: 1px solid !default;
$grid-group-caption-font-size: 15px !default;
$grid-group-caption-header-padding: .7em !default;
$group-caption-font-color: $content-font !default;
$grid-group-captioncell-line-height: 20px !default;
$grid-bigger-groupcell-span-line-height: 29px !default;
$grid-bigger-groupcell-span-height: $grid-bigger-groupcell-span-line-height !default;
$grid-bigger-group-text-line-height: 29px !default;
$grid-group-down-arrow-icon-font-size: 12px !default;
$grid-group-down-arrow-icon-padding: 13px 9px 13px 8px !default;
$grid-group-right-arrow-icon-font-size: 12px !default;
$grid-group-right-arrow-icon-padding: 13px 9px 13px 8px !default;
$grid-ungroup-button-line-height: 25px !default;
$grid-ungroup-button-font-size: 11px !default;
$grid-textwrap-sorticon-rightalign-margin: -15px 0 !default;
$grid-rtl-group-headercell-margin-right: 8px !default;
$grid-rtl-group-headercell-margin-left: 0 !default;
$grid-sortdiv-width: 16px !default;
$grid-sortdiv-height: auto !default;
$grid-sortnumber-padding: 0 2px !default;
$grid-icon-default-color: $content-font !default;
$grid-columnchooser-footer-border-color: $border-default !default;
$grid-columnchooser-footer-border-opacity: 1 !default;
$grid-columnchooser-search-border-fcolor: $selection-bg !default;
$grid-columnchooser-input-padding-top: 1px !default;
$grid-columnchooser-input-padding-bottom: 1px !default;
$grid-column-chooser-searchdiv: 1px !default;
$grid-column-chooser-search-icon-padding: 2px 2px !default;
$grid-column-chooser-cancel-icon-padding: 4px 2px !default;
$grid-columnchooser-li-padding: 7px 0 6px !default;
$grid-columnchooser-content-padding: 25px 25px 0 12px !default;
$grid-columnchooser-toolbar-button-padding: 0 20px !default;
$grid-columnchooser-toolbar-div-margin-top: -2px !default;
$grid-column-chooser-searchdiv-left: 6px !default;
$grid-bigger-columnchooser-li-padding: 11px 0 10px !default;
$grid-columnchooser-toolbardiv-padding: 2px 0 0 !default;
$grid-columnchooser-toolbardiv-margin-top: -1px !default;
$grid-cc-checkbox-padding-left: 13px !default;
$grid-bigger-columnchooser-content-padding: 25px 25px 5px 12px !default;
$grid-bigger-columnchooser-content-margin: 30px 0 20px !default;
$grid-bigger-cc-checkbox-padding-left: 13px !default;
$grid-bigger-searchdiv-padding-left: 7px !default;
$grid-rtl-bigger-sortnumber-margin: 7px 0 0 3px !default;
$grid-rtl-bigger-sortnumber-withfilter-margin: $grid-rtl-bigger-sortnumber-margin !default;
$grid-rtl-bigger-rightalign-sortnumber-margin: 7px 0 0 5px !default;
$grid-rtl-headercell-border-width: 0 !default;
$grid-rtl-th-firstcell-border-left: 0 !default;
$grid-rtl-group-text-margin-left: 0 !default;
$grid-rtl-group-text-margin-right: 8px !default;
$grid-rtl-group-sorticon-margin-right: 8px !default;
$grid-ungroup-rtl-padding-top: 0 !default;
$grid-bigger-ungroup-rtl-padding-top: $grid-ungroup-rtl-padding-top !default;
$grid-bigger-headercell-padding: math.round($grid-header-padding*1.25) !default;
$grid-bigger-headercell-bootom-padding: math.round($grid-header-bottom-padding*1.25) !default;
$grid-bigger-headercell-line-height: math.round($grid-headercell-line-height*1.25) !default;
$grid-bigger-rhandler-height: $grid-bigger-headercell-line-height !default;
$grid-bigger-content-padding: math.round($grid-content-padding*1.25) !default;
$grid-bigger-content-right-padding: math.round($grid-content-right-padding*1.25) !default;
$grid-bigger-rowcell-line-height: math.round($grid-rowcell-line-height*1.25) !default;
$grid-bigger-rowcell-autofill-top-line-height: 24px !default;
$grid-bigger-rowcell-autofill-top-bottom-line-height: 22px !default;
$grid-bigger-first-last-rowcell-padding: math.round($grid-first-last-rowcell-padding*1.25) !default;
$grid-bigger-group-line-height: math.round($grid-group-height*1.25) !default;
$grid-bigger-filterbarcell-text-input: 40px !default;
$grid-bigger-group-headercell-height: math.round($grid-headecell-height*1.25) - 2 !default;
$grid-bigger-group-clone-broder-radius: math.round($grid-gd-clone-border-radius *1.25) !default;
$grid-bigger-grouptext-marign: math.round($grid-grouptext-margin-right *1.25) !default;
$grid-bigger-groupedcell-icons-marign-left: math.round($group-sorticon-margin-left *1.25) !default;
$grid-bigger-groupcaption-line-height: 27px !default;
$grid-bigger-grouped-headercell-border-radius: 0 !default;
$grid-bigger-group-headercell-margin: 10px 0 0 10px !default;
$grid-bigger-group-headercell-padding: 1px 10px !default;
$grid-device-group-headercell-padding: 1px 10px !default;
$grid-bigger-ungroup-button-font-size: 13px !default;
$grid-bigger-ungroupbutton-icons-font-size: 13px !default;
$grid-bigger-ungroupbutton-icon-margin-top: 1px !default;
$grid-device-ungroupbutton-icon-margin-top: 1px !default;
$grid-bigger-grouparea-font-size: 21px !default;
$grid-bigger-rtl-group-headercell-margin: 8px 10px 0 0 !default;
$grid-bigger-rtl-group-headercell-padding: 0 10px !default;
$grid-bigger-device-rtl-group-headercell-padding: 0 10px !default;
$grid-bigger-rtl-ungroup-icon-margin-right: 8px !default;
$group-bigger-sorticon-margin-right: math.round($group-sorticon-margin-right*1.25) !default;
$grid-bigger-gdownarrow-icon-font-size: 14px !default;
$grid-bigger-grightarrow-icon-font-size: 14px !default;
$grid-bigger-icons-font-size: 14px !default;
$grid-bigger-header-icons-font-size: 14px !default;
$grid-bigger-headercell-font-size: 15px !default;
$grid-bigger-content-font-size: 14px !default;
$grid-bigger-font-size: 14px !default;
$grid-bigger-textwrap-srotnumber-margin: 3px 11px 0 2px !default;
$grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 10px !default;
$grid-bigger-textwrap-sorticon-rightalign-margin: -17px 0 !default;
$grid-bigger-textwrap-sorticon-margin: -17px 0 !default;
$grid-edit-cell-padding: 0 !default;
$grid-edit-input-padding-top: 0 !default;
$grid-edit-input-padding-bottom: 0 !default;
$grid-val-error-color: $message-font !default;
$grid-val-error-bg-color: $error-bg !default;
$grid-resize-helper-color: $content-font !default;
$grid-edit-input-bigger-padding-bottom: 0 !default;
$grid-edit-input-bigger-padding-top: 0 !default;
$grid-edit-input-bigger-margin: 2px !default;
$grid-edit-input-bigger-device-padding-bottom: 0 !default;
$grid-edit-input-bigger-device-padding-top: 0 !default;
$grid-columnchooser-toolbartxt-padding: 0 !default;
$grid-bigger-columnchooser-toolbartxt-padding: 0 !default;
$grid-column-chooser-footdiv: 0 !default;
$grid-columnchooser-content-margin: 22px 0 20px !default;
$grid-edit-input-margin-top: 2px !default;
$grid-edit-input-margin: 2px !default;
$grid-edit-checkbox-bigger-padding-left: 8px !default;
$grid-edit-checkbox-bigger-padding-top: 8px !default;
$grid-device-ungroupbutton-line-height: 31px !default;
$frozen-border-color: $selection-border !default;
$grid-frozenborder-disabled-color: $bg-base-0 !default;
$grid-freezeline-right-border: rgba($border-fg-alt, .6) !default;
$grid-freezeline-border: 2px solid !default;
$grid-headercelldiv-fltricon-margin: 0 26px 0 0 !default;
$grid-headercelldiv-rightalign-fltricon-margin: 0 20px 0 10px !default;
$grid-cell-focus-shadow: 0 0 0 1px $border-default inset !default;
$grid-cell-focus-border-color: $border-default !default;
$grid-filtered-color: $selection-bg !default;
$grid-autofill-color: $selection-bg !default;
$grid-e-firstrow-dragborder-bcolor: $selection-bg !default;
$grid-filtermenu-icon: 'e21c' !default;
$grid-checkbox-padding-topbottom: 7px !default;
$grid-checkbox-content-padding-left: 18px !default;
$grid-rtl-checkbox-content-padding-left: 25px !default;
$grid-bigger-checkbox-padding-topbottom: 12px !default;
$grid-bigger-checkbox-content-padding-left: 19.25px !default;
$grid-rtl-bigger-checkbox-content-padding-left: 31.25px !default;
$grid-sortnumber-filtericon-rightalign-margin: 8px 25px 0 5px !default;
$grid-column-menu-sub-menu-box-shadow: 0 0 10px 0 rgba($shadow, .2) !default;
$grid-toolbar-search-margin-bottom: 0 !default;
$grid-toolbar-search-width: 230px !default;
$grid-bigger-toolbar-search-width: $grid-toolbar-search-width !default;
$grid-toolbar-search-icon-min-width: 30px !default;
$grid-toolbar-search-clear-icon-min-width: 30px !default;
$grid-toolbar-search-clear-icon-font-size: 12px !default;
$grid-toolbar-search-clear-icon-padding: 0 !default;
$grid-toolbar-search-clear-icon-margin-right: 0 !default;
$grid-rtl-toolbar-search-clear-icon-padding: 0 !default;
$grid-rtl-toolbar-search-clear-icon-margin: 0 !default;
$grid-bigger-toolbar-search-clear-icon-padding: 0 !default;
$grid-bigger-toolbar-search-clear-icon-min-width: 38px !default;
$grid-bigger-toolbar-search-clear-icon-margin: 0 !default;
$grid-bigger-toolbar-search-clear-icon-font-size: 12px !default;
$grid-rtl-bigger-toolbar-search-clear-icon-padding: 0 !default;
$grid-rtl-bigger-toolbar-search-clear-icon-min-width: 38px !default;
$grid-rtl-bigger-toolbar-search-clear-icon-margin: 0 !default;
$grid-responsive-toolbar-search-clear-icon-margin: 0 !default;
$grid-responsive-toolbar-search-clear-icon-font-size: 18px !default;
$grid-rtl-responsive-toolbar-search-clear-icon-margin: 0 !default;
$grid-res-toolbar-clear-icon-width: 100% !default;
$grid-res-toolbar-clear-icon-margin: 0 !default;
$grid-res-toolbar-search-clear-icon-font-size: 17px !default;
$grid-res-toolbar-search-icon-font-size: 18px !default;
$grid-res-toolbar-search-wrapper-padding: 0 11px 0 2px !default;
$grid-res-toolbar-input-search-wrapper-padding: 0 1.5px !default;
$grid-res-toolbar-search-wrapper-icon-padding: 11px !default;
$grid-res-toolbar-search-wrapper-padding-right: 1.5px !default;
$grid-res-toolbar-search-icon-padding-left: 0 !default;
$grid-toolbar-responsive-right-width: calc(100% - 53px) !default;
$grid-bigger-toolbar-search-icon-min-width: 38px !default;
$grid-toolbar-search-wrapper-padding-top: 4px !default;
$grid-toolbar-search-wrapper-padding-bottom: 4px !default;
$grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
$grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
$grid-bigger-command-column-padding-bottom: 6px !default;
$grid-bigger-command-column-padding-top: 6px !default;
$grid-bigger-checkbox-filter-min-height: 340px !default;
$grid-checkbox-filter-min-height: 348px !default;
$grid-textwrap-column-menu-margin: -20px -24px -24px -24px !default;
$grid-bigger-column-menu-margin: -25px -24px !default;
$grid-column-menu-top-touch: 31px !default;
$grid-column-menu-bottom-touch: 38px !default;
$grid-column-menu-right-touch: 23px !default;
$grid-selection-font-weight: normal !default;
$group-hover-border: 2px solid !default;
$grid-drag-clone-font-weight: $grid-selection-font-weight !default;
$grid-resize-border-width: 2px !default;
$grid-grouped-headercell-hover-padding: 0 7px !default;
$grid-table-background-color: $bg-base-0 !default;
$grid-sortnumber-bg-color: $bg-base-75 !default;
$grid-sortnumber-color: $invert-font !default;
$grid-batch-updated-bg-color: #56b873 !default;
$grid-content-batch-font-color: $selection-font !default;
$grid-bigger-group-headercell-hover-padding: 0 9px !default;
$grid-drag-font-size: 12px !default;
$grid-drag-icon-font-weight: bold !default;
$grid-drag-move-icon: 10px !default;
$grid-drag-area-border: 1px solid !default;
$grid-dragdrop-padding: 2px !default;
$grid-dragborder-box-shadow: 0 2px 0 0 $selection-bg !default;
$grid-dragborder-cell-dashed: 1px dashed $selection-bg !default;
$grid-dragborder-position: relative !default;
$grid-dragborder-z-index: 5 !default;
$grid-dragicon-cell-border: 1px 0 0 0 !default;
$grid-border-bottom-width: 1px !default;
$grid-dragcell-border-style: solid !default;
$grid-dragcell-border-color: $border-default !default;
$grid-drap-drop-icon-color: $content-font !default;
$grid-clone-dropitemscount-bg-color: $selection-bg !default;
$grid-clone-dropitemscount-color: $content-font-color !default;
$grid-clone-row-border-color: $border-default !default;
$grid-dropitemscount-color: $content-font !default;
$grid-clone-prop-box-shadow: 0 0 10px 0 rgba($bg-base-0, .2) !default;
$grid-drag-icon-opacity: $grid-conent-font-opacity !default;
$grid-clone-dropitemscount-border: $border-default !default;
$grid-clone-dragdrop-bg-color: $hover-bg-color !default;
$grid-group-clone-box-shadow: 0 0 !default;
$grid-unboundcelldiv-margin: 0 3.5px !default;
$grid-bigger-flmenu-padding: $grid-flmenu-padding !default;
$grid-rowcell-wrap-height: 18px !default;
$grid-rowcell-autofill-top-height: 16px !default;
$grid-rowcell-autofill-top-bottom-height: 14px !default;
$grid-bigger-columnmenu-bottom: 16px !default;
$grid-rtl-searchclear: 0 !default;
$grid-column-chosser-searchdiv-top: -46px !default;
$grid-reorderarrow-font-size: 8px !default;
$grid-bigger-wrap-line-height: 18px !default;
$grid-bigger-wrap-autofill-top-line-height: 16px !default;
$grid-bigger-wrap-autofill-top-bottom-line-height: 14px !default;
$grid-bigger-clone-padding: $grid-clone-padding !default;
$grid-bigger-draganddrop-clone-padding: $grid-clone-padding !default;
$grouped-bigger-text-font-size: $grouped-text-font-size !default;
$grid-bigger-ungroupbutton-icon-margin-right: 0 !default;
$grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
$grid-bigger-font-size: $grid-font-size !default;
$grid-rtl-bigger-wrap-rightalign-fltrdiv-margin: -26px -7px -19px -7px !default;
$grid-bigger-rtl-ungroup-icon-margin-left: 0 !default;
$grid-grouparea-font-weight: lighter !default;
$grid-ungroup-rtl-margin-left: 0 !default;
$grid-rtl-group-sorticon-margin-left: 0 !default;
$grid-column-menu-padding: 0 2px !default;
$grid-rtl-column-menu-left: 5px !default;
$grid-checkboxfiltertext-width: 135px !default;
$grid-columnchoosertext-width: 140px !default;
$grid-rtl-column-menu-margin: -18px -18px -18px -6px !default;
$grid-rtl-textwrap-column-menu-margin: -13px -13px -23px -3px !default;
$grid-filter-checkbox-width: 0 !default;
$grid-filter-checkbox-white-space: nowrap !default;
$grid-group-animator-bigger-cell-margin: 21px 0 20px 0;
$grid-group-animator-bigger-drop-height: 72px !default;
$grid-animator-bigger-area-margin: 22px !default;
$grid-group-animator-drop-height: 58px !default;
$grid-group-animator-cell-margin: 16px 0 16px 0 !default;
$grid-animtor-border-bottom-width: 1px !default;
$grid-animator-area-padding: 0 16px 0 !default;
$grid-animtor-area-border-width: 1px !default;
$grid-animator-area-border: 0 !default;
$grid-animator-area-margin: 14px !default;
$grid-animator-chips-display: inline-block !default;
$grid-animator-drag-icon: 24px !default;
$grid-animator-drag-icon-line-height: 25px !default;
$grid-animator-margin-left: 8px !default;
$grid-animator-padding-bottom: 10px !default;
$grid-animator-line-height: 21px !default;
$grid-animator-line-height-next: 32px !default;
$grid-animator-font-size-drag: 11px !default;
$grid-animator-opacity: .7 !default;
$grid-animator-drag-margin-left: 0 !default;
$grid-animator-first-group: 16px 0 16px 16px !default;
$grid-animator-rtl-first-group: 16px 16px 16px 0 !default;
$grid-animator-margin-top-rtl: 21px !default;
$grid-filterbar-dropdown: 30px !default;
$grid-responsive-close-icon-margin: 8px !default;
$grid-responsive-custom-header-margin: 18px 8px 18px 8px !default;
$grid-responsive-custom-header-btn-color: $grid-filtered-color !default;
$grid-responsive-custom-header-right-margin: 6px 4px 6px 4px !default;
$grid-responsive-filter-clear-font: 18px !default;
$grid-responsive-search-icon-margin: 0 !default;
$grid-responsive-search-icon-right: 9px !default;
$grid-responsive-search-padding-right: 0 !default;
$grid-responsive-search-padding-left: 14px !default;
$grid-responsive-header-background: $bg-base-0 !default;
$grid-bigger-res-dlg-hdr-padding: 16px !default;
$grid-responsive-header-search: 0 !default;
$grid-responsive-filter-reset-color: $grid-filtered-color !default;
$grid-responsive-toolbar-icon-color: $grid-icon-color !default;
$grid-responsive-close-icon-color: $grid-icon-color !default;
$grid-responsive-btn-background: none !default;
$grid-responsive-res-apply-btn-font-size: 19px !default;
$grid-responsive-res-apply-btn-margin-top: -2px !default;
$grid-responsive-sort-clear-btn-font-size: 19px !default;
$grid-responsive-sort-clear-margin-top: -3px !default;
$grid-responsive-icon-filter-clear: 18px !default;
$grid-responsive-icon-filter-clear-bottom: 6px !default;
$grid-responsive-btn-icon-font-size: 17px !default;
$grid-responsive-back-btn-bottom: 6px !default;
$grid-responsive-header-padding-top: 8px !default;
$grid-responsive-search-place-holder-margin-top: 2px !default;
$grid-responsive-search-width: 32px !default;
$grid-responsive-search-left-padding: 0 !default;
$grid-responsive-filter-clear-margin: 3px !default;
$grid-responsive-toolbar-filter-font-size: 18px !default;
$grid-responsive-tbar-btn-bgr-padding: 0 !default;
$grid-responsive-btn-top: 0 !default;
$grid-responsive-apply-btn-top: 3px !default;
$grid-responsive-column-menu-icon-margin-top: 4px !default;
$grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
$grid-rowcell-color: rgba($grid-content-font-color, $grid-conent-font-opacity) !default;
$grid-reorderarrow-margin-top: -5px !default;
$grid-reorderdownarrow-margin-top: 4px !default;
$grid-reorder-arrow-top-margin: 2px !default;
$grid-reorder-downarrow-top-margin: -1px !default;
$grid-biggerreorder-arrow-top-margin: -2px !default;
$grid-biggerreorder-downarrow-top-margin: -1px !default;
$grid-reorder-virtualarrow-top-margin: 1px !default;
$grid-reorder-virtualdownarrow-top-margin: -1px !default;
$grid-sortnumber-font-size: 9px !default;
$grid-header-text-transform: none !default;
$grid-bigger-toolbar-icon-size: 18px !default;
$grid-reorderarrow-margin-left: -1.5px !default;
$grid-column-chooser-cancel-icon-size: 11px !default;
$grid-outter-border: $grid-header-border-color !default;
$grid-btn-disabled-bgcolor: $bg-base-0 !default;
$grid-sort-number-size: 15px !default;
$grid-bigger-sort-number-size: $grid-sort-number-size !default;
$grid-sort-number-font-size: 9px !default;
$grid-filter-border-radius: 0 !default;
$grid-bigger-filter-border-radius: $grid-filter-border-radius !default;
$grid-adaptive-toolbar-icon-hover-bottom: 0 !default;
$grid-adaptive-cell-padding-bottom: 5px !default;
$grid-adaptive-cell-padding-top: 5px !default;
$grid-bigger-adaptive-cell-position-top: 6px !default;
$grid-skin: 'highcontrast' !default;
$grid-biggerreorderarrow-font-size: $grid-reorderarrow-font-size !default;
$grid-bigger-drag-count-padding: 3px 7px 4px !default;
$grid-bigger-drag-count-top: -10px !default;
$grid-bigger-check-select-all-font-size: $grid-bigger-header-icons-font-size !default;
$grid-adaptive-sort-clear-button-padding: 2px !default;
$grid-cc-margin-top: 5px !default;
$grid-bigger-device-rtl-cm-margin: -26px -18px -18px -6px !default;
$grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
$grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
$grid-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
$grid-ungroup-rtl-padding-left: 0 !default;
$grid-column-reorder-icon-color: $selection-bg !default;
$grid-bigger-headercell-top-padding: 0 !default;
$grid-bigger-headercell-autofit-padding: 0 10px 0 !default;
$grid-bigger-icon-font-size: $grid-icon-font-size !default;
$grid-rtl-mselect-dd-indicator-left: -6px !default;
$grid-toolbar-text-opacity: 1 !default;
$grid-toolbar-placeholder-text-color: $content-font-alt !default;
$grid-toolbar-searchbar-text-opacity: 1 !default;
$grid-dropitems-count-margin-left: -8px !default;
$grid-checkmark-color: $selection-font !default;

$grid-border-radius-0: 0 !default;
$grid-border-radius-4: 4px !default;
$grid-border-radius-8: 8px !default;
$grid-border-radius-17: 17px !default;
$grid-xlfl-skin: 'highcontrast' !default;
