@use 'sass:math';
@use 'ej2-base/styles/definition/fluent' as *;
@forward 'ej2-base/styles/definition/fluent';

// Color
$grid-icon-color: $icon-color !default;
$grid-command-icon-color: $icon-color !default;
$grid-maskedcell-virtual-background-color: rgba(0, 0, 0, .1) !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: rgba(0, 0, 0, .05);
$grid-header-icon-color: $icon-color !default;
$grid-sorted-header-color: $content-text-color !default;
$grid-popup-bg-color: $content-bg-color !default;
$grid-sortnumber-bg-color: $content-bg-color-alt3 !default;
$grid-sortnumber-color: $content-text-color-alt2 !default;
$grid-table-background-color: $content-bg-color !default;
$grid-row-selection-color: $icon-color-pressed !default;
$grid-cell-selection-color: $content-bg-color-selected !default;
$grid-content-selection-color: $table-text-color-selected !default;
$grid-drag-clone-color: $content-text-color-alt1 !default;
$group-droparea-hover-color: $black !default;
$grid-group-broder-color: $border-light !default;
$grid-group-hover-broder-color: $border-hover !default;
$grid-default-color: '' !default;
$grid-columnchooser-search-border-color: $border-light !default;
$grid-columnchooser-search-border-fcolor: $border-focus !default;
$grid-rows-bg-color: $content-bg-color !default;
$grid-icon-default-color: $grid-icon-color !default;
$grid-resize-helper-color: $border-light !default;
$grid-header-bg-color: $transparent !default;
$grid-header-color: $content-text-color !default;
$grid-header-border-color: $border-light !default;
$grid-content-font-color: $content-text-color !default;
$grid-hover-content-font-color: $content-text-color-hover !default;
$grid-cell-border-color: $border-light !default;
$grid-content-bg-color: $content-bg-color !default;
$grid-row-selection-bg-color: $table-bg-color-selected !default;
$grid-cell-selection-bg-color: $table-bg-color-selected !default;
$grid-hover-bg-color: $table-bg-color-hover !default;
$grid-row-selection-hover-bg-color: $table-bg-color-selected-hover !default;
$grid-cell-selection-hover-bg-color: $table-bg-color-selected-hover !default;
$group-droparea-bg-color: $content-bg-color !default;
$group-header-bg-color: $content-bg-color-alt2 !default;
$group-row-bg-color: $content-bg-color-alt2 !default;
$grid-summary-template-row-bg-color: '' !default;
$grid-summary-row-bg-color: $content-bg-color-alt1 !default;
$group-droparea-hover-bg-color: $content-bg-color !default;
$group-header-hover-bg-color: $border-light !default;
$group-header-color: $content-text-color-alt1 !default;
$group-grouped-droparea-bg-color: $content-bg-color !default;
$grid-hover-icon-color: $icon-color-hover !default;
$grid-dragcell-border-color: $border-light !default;
$grid-drap-drop-icon-color: $icon-color !default;
$grid-clone-dropitemscount-bg-color: $primary !default;
$grid-clone-dropitemscount-color: $content-text-color-alt2 !default;
$grid-clone-row-border-color: $border-light !default;
$grid-dropitemscount-color: $white !default;
$grouped-droparea-bg-color: $content-bg-color !default;
$grid-drag-clone-border-color: $border-light !default;
$grid-drag-clone-bg-color: $content-bg-color-alt2 !default;
$group-caption-font-color: $content-text-color-alt1 !default;
$group-droparea-color: $content-text-color-alt3 !default;
$grid-batch-updated-bg-color: $success-light !default;
$grid-val-error-color: $danger-dark !default;
$grid-val-error-bg-color: $danger-light !default;
$grid-columnchooser-footer-border-color: rgba($border-light, .12) !default;
$frozen-border-color: $border-light !default;
$grid-frozenborder-disabled-color: $content-bg-color !default;
$grid-freezeline-right-border: $primary-light !default;
$grid-freezeline-border: 2px solid !default;
$grid-filtered-color: $primary !default;
$grid-autofill-color: $primary !default;
$grid-e-firstrow-dragborder-bcolor: $primary !default;
$grid-content-batch-font-color: $success !default;
$grid-clone-dragdrop-bg-color: $content-bg-color-alt2 !default;
$grid-responsive-custom-header-btn-color: $grid-filtered-color !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: $content-bg-color !default;
$grid-rowcell-color: $content-text-color !default;
$grid-filter-icon-color: $icon-color !default;
$grid-group-drop-area-hover-border-color: $border-dark !default;
$grid-btn-disabled-bgcolor: $secondary-bg-color-disabled !default;
$grid-responsive-header-background: $content-bg-color !default;
$grid-bigger-res-dlg-hdr-padding: 16px !default;
$grid-adatptive-apply-btn-disable: $primary-bg-color-disabled !default;
$grid-outter-border: $grid-header-border-color !default;
$grid-column-reorder-icon-color: $primary !default;
$grid-content-padding: 7px !default;
$grid-headecell-height: 36px !default;
$grid-font-size: $text-sm !default;
$grid-border-type: solid !default;
$grid-vertical-border-size: 1px !default;
$grid-horizontal-border-size: 1px !default;
$grid-font-family: $font-family !default;
$grid-header-font-size: $text-sm !default;
$grid-bigger-header-font-size: $text-base !default;
$grid-group-text-line-height: 22px !default;
$grid-wrap-line-height: 10px !default;
$grid-wrap-margin-bottom: 2px !default;
$grid-wrap-margin-top: 0 !default;
$grid-header-bottom-padding: 7px !default;
$grid-header-top-padding: 7px !default;
$grid-headerconent-font-opacity: 1 !default;
$grid-conent-font-opacity: 1 !default;
$grid-filtercell-line-height: 27px !default;
$grid-group-captioncell-line-height: 14px !default;
$group-text-padding-right: 3px !default;
$group-sorticon-margin-right: 0 !default;
$group-ungroupicon-padding: 5px 3px !default;
$grid-rtl-group-sorticon-margin-left: 0 !default;
$grid-ungroup-icon-opactiy: 1 !default;
$grid-stackedheadercell-border-size: 1px 0 1px 1px !default;
$grid-stackedheadercell-botttom-padding: 13px !default;
$group-text-align: center !default;
$grid-right-border: 1px !default;
$grid-headercelldiv-line-height: 22px !default;
$grid-bigger-headercelldiv-line-height: 1.5 !default;
$grid-filterbarcell-text-indent: 1px !default;
$grid-groupdroparea-rtl-text-align: center !default;
$grid-rtl-th-firstcell-border-left: 0 !default;
$grid-checkbox-cell-padding-top-bottom: 8px !default;
$grid-rowselect-text-indent: 1px !default;
$grid-toolbar-border-width: 1px solid !default;
$grid-filterdiv-padding: 0 !default;
$grid-headercelldiv-height: 29px !default;
$grid-filterbarcell-input-height: 26px !default;
$grid-sortnumber-border-radius: 65% !default;
$grid-columnchooser-header-padding: 11px 18px 15px !default;
$grid-columnchooser-toolbar-button-padding: 0 12px !default;
$grid-columnchooser-ul-padding: 0 !default;
$grid-column-chooser-footdiv: 0 !default;
$grid-column-chosser-searchdiv-opactiy: .6 !default;
$grid-column-chosser-searchdiv-fopactiy: 1 !default;
$grid-columnchooser-footer-border-opacity: 1 !default;
$grid-columnchooser-toolbar-div-padding: 0 10px !default;
$grid-columnchooser-toolbar-icon-line-height: 1.9 !default;
$grid-columnchooser-toolbar-icon-font-size: $font-icon-15 !default;
$grid-columnchooser-btn-font-size: $text-base !default;
$grid-columnchooser-toolbardiv-padding: 0 4px !default;
$grid-columnchooser-toolbardiv-margin-top: 0 !default;
$grid-columnchooser-toolbar-icon-vertical-align: middle !default;
$grid-columnchooser-cancel-icon-content-f-opactiy: 1 !default;
$grid-columnchooser-toolbar-div-margin-top: -1px !default;
$grid-columnchooser-input-border: 0 !default;
$grid-columnchooser-input-padding-top: 6px !default;
$grid-column-chooser-search-icon-padding: 0 5px !default;
$grid-column-chooser-cancel-icon-padding: 5px 5px 6px !default;
$grid-columnchooser-input-padding-bottom: 6px !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: 130px !default;
$grid-rtl-bigger-sortnumber-margin: 2px 0 0 -2px !default;
$grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 12px !default;
$grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 8px !default;
$grid-rtl-group-text-marign-right: 0 !default;
$grid-rtl-group-text-margin-right: 0 !default;
$grid-rtl-textwrap-srotnumber-margin: 3px 5px 0 12px !default;
$grid-rtl-headercell-both-border-width: 0 1px 0 0 !default;
$grid-rtl-textwrap-srotnumber-rightalign-margin: 3px 5px 0 20px !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-headercell-bootom-padding: 0 !default;
$grid-bigger-grightarrow-icon-font-size: $text-lg !default;
$group-bigger-sorticon-margin-right: 0 !default;
$grid-bigger-groupdroparea-padding: 14.5px 24px !default;
$grid-bigger-group-headercell-height: 36px !default;
$grid-bigger-ungroup-button-font-size: $font-icon-22 !default;
$grid-bigger-group-text-line-height: .2em !default;
$grid-bigger-groupcaption-line-height: 16px !default;
$grid-bigger-rtl-group-headercell-margin: 6px 8px 6px 0 !default;
$grid-bigger-rtl-group-headercell-padding: 4px 6px 4px 9px !default;
$grid-bigger-device-rtl-group-headercell-padding: 4px 6px 4px 9px !default;
$grid-bigger-rtl-ungroup-icon-margin-right: -6px !default;
$grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
$grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
$grid-bigger-textwrap-sorticon-margin: -9px 10px !default;
$grid-bigger-textwrap-srotnumber-margin: 3px 5px 0 2px !default;
$grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
$grid-bigger-columnchooser-ul-padding: 0 !default;
$grid-bigger-columnchooser-li-padding: 8px 0 !default;
$grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
$grid-bigger-toolbar-div-margin: 10px !default;
$grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
$grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
$grid-device-headercell-lastchild-padding: 0 16px $grid-header-bottom-padding 12px !default;
$grid-device-rowcell-padding: $grid-content-padding 12px !default;
$grid-device-rowcell-firstchild-padding: $grid-content-padding 12px $grid-content-padding 16px !default;
$grid-device-rowcell-lastchild-padding: $grid-content-padding 16px $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 16px !default;
$grid-device-filterbarcell-lastchild-padding: $grid-content-padding 16px $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: 26px !default;
$grid-device-groupsort-margin-top: 0;
$grid-edit-input-bigger-padding-bottom: 0 !default;
$grid-edit-input-bigger-padding-top: 0 !default;
$grid-edit-input-bigger-device-padding-bottom: 0 !default;
$grid-edit-input-bigger-device-padding-top: 0 !default;
$frozen-border: 3px solid !default;
$grid-fltrdiv-text-align: right !default;
$grid-fltrdiv-padding: 0 2px !default;
$grid-rtl-fltrdiv-padding: 6px !default;
$grid-flmenu-padding: 13px 0 1px !default;
$grid-flmenu-boolean-content-padding: 18px 18px 0 !default;
$grid-flmenu-boolean-button-width: 110px !default;
$grid-flmenu-device-padding: 23px 0 1px !default;
$grid-fltrmnu-dd-max-height: 298px !default;
$grid-rtlfltrdiv-float: left !default;
$grid-checkbox-wrapper-height: 20px !default;
$grid-checkbox-wrapper-line-height: 20px !default;
$grid-checkbox-wrapper-top: -4.5px !default;
$grid-rtl-headercelldiv-fltricon-padding: 0 1.6em 0 10px !default;
$grid-sortnumber-filtericon-rightalign-margin: 8px 2px 0 5px !default;
$grid-xl-match-margin-left: 6px !default;
$grid-bigger-xl-match-margin-left: 8px !default;
$grid-resize-border-width: 1px !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-headercell-both-border-width: 0 0 0 1px !default;
$grid-icon-font-size: $text-base !default;
$grid-border-size: 1px !default;
$grid-header-padding: 7px !default;
$grid-headercelldiv-right-align-padding: 0 5px 0 20px !default;
$grid-headercell-line-height: 36px !default;
$grid-header-font-weight: $font-weight-medium !default;
$grid-filtercell-both-border-width: 1px 0 0 1px !default;
$grid-rowcell-line-height: 21px !default;
$grid-rowcell-autofill-top-line-height: 19px !default;
$grid-rowcell-autofill-top-bottom-line-height: 17px !default;
$grid-content-font-size: $text-sm !default;
$grid-header-height: 22px !default;
$grid-bigger-header-height: 24px !default;
$grid-rowcell-broder-width: 1px 0 0 !default;
$grid-content-right-padding: 7px !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: 32px !default;
$grid-toolbar-search-wrapper-padding-bottom: 6px !default;
$grid-toolbar-search-wrapper-padding-top: 3px !default;
$grid-toolbar-search-clear-icon-min-width: 32px !default;
$grid-toolbar-search-clear-icon-font-size: $text-sm !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: $text-lg !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: $text-lg !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: $font-icon-17 !default;
$grid-res-toolbar-search-icon-font-size: 18px !default;
$grid-res-toolbar-search-wrapper-padding: 2px !default;
$grid-res-toolbar-input-search-wrapper-padding: 2px 18px 5px 0 !default;
$grid-res-toolbar-search-wrapper-icon-padding: 13px !default;
$grid-res-toolbar-search-wrapper-padding-right: 8px !default;
$grid-res-toolbar-search-icon-padding-left: 0 !default;
$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
$grid-bigger-toolbar-search-icon-min-width: 38px !default;
$grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
$grid-bigger-toolbar-search-wrapper-padding-top: 2px !default;
$grid-bigger-command-column-padding-bottom: 4.5px !default;
$grid-bigger-command-column-padding-top: 4.5px !default;
$grid-summary-cell-font-size: $text-sm !default;
$grid-filterbarcell-border-width: 1px 0 0 !default;
$grid-filterbarcell-first-last-child-padding-left: 2px !default;
$grid-filterbarcell-padding: 1px 2px !default;
$grid-filterbar-input-border-width: 0 !default;
$grid-border-radius: 1px !default;
$grid-bottom-border-size: 1px !default;
$grid-sortdiv-width: 16px !default;
$grid-sortdiv-height: auto !default;
$grid-sortnumber-padding: 0 2px !default;
$grid-sortnumer-line-height: 16px !default;
$grid-bigger-sortnumer-line-height: $grid-sortnumer-line-height !default;
$grid-sortdiv-margin: 0 0 0 auto !default;
$grid-sortdiv-padding: 0 2px !default;
$grid-ungroup-button-line-height: 22px !default;
$grid-ungroup-button-font-size: $text-xs !default;
$grid-grouparea-first-cell-margin: 0 6px 0 12px !default;
$grid-grouparea-font-size: $text-xs !default;
$grid-grouparea-margin: 4px 0 4px 4px !default;
$grid-group-headercell-line-height: 30px !default;
$grid-grouped-headercell-padding: 3px 0 !default;
$grid-grouped-headercell-span-padding: 4px 8px 4px 12px !default;
$grid-group-unpgroupicon-padding-right: 12px !default;
$grid-grouped-padding: 0 !default;
$group-area-padding: 13px 0 14px 0 !default;
$grid-grouptext-margin-right: 0 !default;
$group-border-width: 1px !default;
$grouped-text-font-size: $text-sm !default;
$group-header-border-radius: 0 !default;
$grid-headecell-span-height: 30px !default;
$grid-drag-clone-opacity: 1 !default;
$grid-group-down-arrow-icon-font-size: $text-base !default;
$grid-group-down-arrow-icon-padding: 9px 7px 9px 7px !default;
$group-expand-icon-text-indent: 11px !default;
$group-sorticon-font-size: $text-xs !default;
$grid-rowcell-both-border-width: 1px 0 0 1px !default;
$grid-indentcell-border-width: 0 1px 0 0 !default;
$grid-group-right-arrow-icon-font-size: $text-base !default;
$grid-group-right-arrow-icon-padding: 8px 7px 11px 7px !default;
$grid-group-unpgroupicon-padding-top: 8px !default;
$grid-summary-cell-line-height: 14px !default;
$grid-edit-input-padding-bottom: 1px !default;
$grid-edit-input-padding-top: 2px !default;
$grid-edit-input-margin: 2px !default;
$grid-edit-cell-padding: 2px !default;
$grid-group-height: 44px !default;
$grid-ungroup-rtl-padding-top: 8px !default;
$grid-bigger-ungroup-rtl-padding-top: $grid-ungroup-rtl-padding-top !default;
$grid-rtl-group-headercell-margin-right: 4px !default;
$grid-rtl-group-headercell-margin-left: 0 !default;
$grid-rtl-grouped-headercell-padding: 3px 0 !default;
$grid-rtl-group-text-margin-left: 0 !default;
$grid-rtl-group-sorticon-margin-right: -6px !default;
$grid-rtl-headercell-border-width: 0 !default;
$grid-rtl-headercelldiv-padding: 0 .4em 0 1.8em !default;
$grid-ungroup-rtl-padding-right: -11px !default;
$grid-headercelldiv-padding: 0 20px 0 5px !default;
$grid-headercelldiv-sort-centeralign-padding-right: 5px !default;
$grid-group-text-width: auto !default;
$grid-grouptopleftcell-border-top: 2px solid !default;
$grid-group-caption-font-size: $text-sm !default;
$grid-group-caption-header-padding: .7em !default;
$group-sorticon-margin-left: -6px !default;
$group-sorticon-margin-top: -3px !default;
$grid-bigger-headercell-line-height: 44px !default;
$grid-bigger-rhandler-height: $grid-bigger-headercell-line-height !default;
$grid-bigger-rowcell-line-height: 1 !default;
$grid-bigger-rowcell-autofill-top-line-height: 14px !default;
$grid-bigger-rowcell-autofill-top-bottom-line-height: 12px !default;
$grid-bigger-font-size: $text-base !default;
$group-unpgrouicon-margin-left: -11px !default;
$grid-group-ungroupicon-margin-left: -9px !default;
$grid-group-clone-text-align: left !default;
$grid-clone-padding: 2px 8px 2px !default;
$grid-bigger-first-last-rowcell-padding: 8px !default;
$grid-bigger-content-padding: 13.5px !default;
$grid-bigger-group-line-height: 48px !default;
$grid-bigger-content-right-padding: 12px !default;
$grid-bigger-headercell-font-size: $text-base !default;
$grid-bigger-content-font-size: $text-base !default;
$grid-filterbar-border-radius: 4px !default;
$grid-bigger-sorticon-margin-top: -4px !default;
$grid-device-group-sorticon-margin-top: 0 !default;
$grid-header-border-width: 0 !default;
$grid-bigger-groupedcell-padding: 0 !default;
$grid-bigger-group-headercell-margin: 6px 0 6px 8px !default;
$grid-bigger-group-headercell-padding: 6px 0 !default;
$grid-device-group-headercell-padding: 3px 0 6px !default;
$grid-bigger-grouptext-marign: 0 !default;
$grid-bigger-headercell-padding: 12px !default;
$grid-bigger-icons-font-size: $text-base !default;
$group-collapse-icon-text-indent: 11px !default;
$grid-bigger-grouparea-font-size: $text-sm !default;
$grid-bigger-grouped-headercell-border-radius: 0 !default;
$grid-bigger-groupedcell-icons-marign-left: -8px !default;
$grid-bigger-ungroupbutton-icons-font-size: $text-base !default;
$grid-bigger-groupcell-span-padding: 8px 4px 14px 12px !default;
$grid-device-grouped-headercell-span-padding: 0 8px !default;
$grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
$grid-bigger-ungroupbutton-icon-margin-top: -4px !default;
$grid-device-ungroupbutton-icon-margin-top: 0 !default;
$grid-bigger-groupcell-span-line-height: 30px !default;
$grid-bigger-groupcell-span-height: $grid-bigger-groupcell-span-line-height !default;
$grid-bigger-gdownarrow-icon-font-size: $text-lg !default;
$grid-gd-clone-border-radius: 4px !default;
$grid-bigger-group-clone-broder-radius: 6px !default;
$grid-gd-clone-padding: 7px 4px 4px !default;
$grid-bigger-group-clone-padding: 10px 6px 6px !default;
$grid-column-chooser-searchdiv: 1px !default;
$grid-bigger-columnchooser-toolbartxt-padding: 0 !default;
$grid-columnchooser-toolbartxt-padding: 0 !default;
$grid-columnchooser-content-padding: 24px 24px 0 24px !default;
$grid-bigger-columnchooser-content-padding: 28px 28px 0 28px !default;
$grid-bigger-cc-checkbox-padding-left: 8px !default;
$grid-bigger-searchdiv-padding-left: 4px !default;
$grid-cc-checkbox-padding-left: 8px !default;
$grid-column-chooser-searchdiv-left: 1px !default;
$grid-columnchooser-content-margin: 40px 0 0 !default;
$grid-bigger-columnchooser-content-margin: 40px 0 0 !default;
$grid-bigger-columnchooser-btn-font-size: $text-lg !default;
$grid-bigger-header-icons-font-size: $font-icon-22 !default;
$grid-bigger-grouptext-width: auto !default;
$grid-edit-input-margin-top: 2px !default;
$grid-td-checkbox-margin-top: 0 !default;
$grid-filterbarcell-text-input: 32px !default;
$grid-bigger-filterbarcell-text-input: 39px !default;
$grid-columnchooser-li-padding: 7px 0 !default;
$grid-edit-input-bigger-margin: 2px !default;
$grid-device-ungroupbutton-line-height: 28px !default;
$grid-device-groupheadercell-span-line-height: 28px !default;
$grid-edit-checkbox-bigger-padding-left: 8px !default;
$grid-edit-checkbox-bigger-padding-top: 8px !default;
$grid-cell-focus-shadow: 0 0 0 1px $primary inset !default;
$grid-cell-focus-border-color: $primary !default;
$grid-headercelldiv-fltricon-margin: -5px 15px -5px -6px !default;
$grid-headercelldiv-rightalign-fltricon-margin: -5px 14px -5px 0 !default;
$grid-rtl-headercelldiv-fltricon-margin: -5px !default;
$grid-rtl-headercelldiv-rightalign-fltricon-margin: -5px !default;
$grid-checkbox-padding-topbottom: 8px !default;
$grid-checkbox-content-padding-left: 6px !default;
$grid-rtl-checkbox-content-padding-left: 14px !default;
$grid-bigger-checkbox-padding-topbottom: 9px !default;
$grid-bigger-checkbox-content-padding-left: 7px !default;
$grid-rtl-bigger-checkbox-content-padding-left: 16px !default;
$grid-column-menu-sub-menu-box-shadow: $shadow !default;
$grid-bigger-checkbox-filter-min-height: 340px !default;
$grid-checkbox-filter-min-height: 307px !default;
$grid-column-menu-padding: 0 2px !default;
$grid-textwrap-column-menu-margin: -19px -20px -20px -20px !default;
$grid-bigger-column-menu-margin: -20.5px -21px -3px -19px !default;
$grid-column-menu-top-touch: 10px !default;
$grid-column-menu-bottom-touch: 28px !default;
$grid-column-menu-right-touch: 23px !default;
$grid-selection-font-weight: $font-weight-normal !default;
$group-hover-border: $group-border-width !default;
$grid-grouped-headercell-hover-padding: $grid-grouped-headercell-padding !default;
$grid-drag-clone-font-weight: $font-weight-normal !default;
$grid-bigger-group-headercell-hover-padding: $grid-bigger-group-headercell-padding !default;
$grid-drag-font-size: $text-base !default;
$grid-drag-icon-font-weight: $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 $primary-border-color !default;
$grid-dragborder-cell-dashed: 1px dashed $primary-border-color !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-clone-prop-box-shadow: $shadow !default;
$grid-drag-icon-opacity: .54 !default;
$grid-clone-dropitemscount-border: $border-light !default;
$grid-group-clone-box-shadow: $shadow !default;
$grid-unboundcelldiv-margin: 0 4px !default;
$grid-bigger-flmenu-padding: 15px 0 1px !default;
$grid-rowcell-wrap-height: 20px !default;
$grid-rowcell-autofill-top-height: 19px !default;
$grid-rowcell-autofill-top-bottom-height: 17px !default;
$grid-bigger-columnmenu-bottom: 13px !default;
$grid-rtl-searchclear: 0 !default;
$grid-column-chosser-searchdiv-top: -48px !default;
$grid-reorderarrow-font-size: $text-xxs !default;
$grid-bigger-wrap-line-height: 24px !default;
$grid-bigger-wrap-autofill-top-line-height: 22px !default;
$grid-bigger-wrap-autofill-top-bottom-line-height: 20px !default;
$grid-bigger-clone-padding: 3px 0 0 8px !default;
$grid-bigger-draganddrop-clone-padding: 3px 0 0 8px !default;
$grouped-bigger-text-font-size: $text-base !default;
$grid-bigger-ungroupbutton-icon-margin-right: 4px !default;
$grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
$grid-bigger-font-size: $text-base !default;
$grid-rtl-bigger-rightalign-fltrdiv-margin: -23px 0 -18px -42px !default;
$grid-rtl-bigger-wrap-rightalign-fltrdiv-margin: -22px 4px -14px -2px !default;
$grid-bigger-rtl-ungroup-icon-margin-left: -9px !default;
$grid-grouparea-font-weight: $font-weight-normal !default;
$grid-ungroup-rtl-margin-left: 0 !default;
$grid-rtl-group-sorticon-margin-left: -5px !default;
$grid-rtl-column-menu-left: 23px !default;
$grid-checkboxfiltertext-width: 150px !default;
$grid-columnchoosertext-width: 140px !default;
$grid-rtl-column-menu-margin: -21px -18px -1px -22px !default;
$grid-rtl-textwrap-column-menu-margin: -17px -13px -23px -25px !default;
$grid-filter-checkbox-width: 0 !default;
$grid-filter-checkbox-white-space: nowrap !default;
$grid-group-animator-bigger-cell-margin: 15px 0 15px 0 !default;
$grid-group-animator-bigger-drop-height: 54px !default;
$grid-animator-bigger-area-margin: 22px !default;
$grid-group-animator-drop-height: 48px !default;
$grid-group-animator-cell-margin: 12px 0 12px 0 !default;
$grid-animtor-border-bottom-width: 1px !default;
$grid-animator-area-padding: 0 12px 0 !default;
$grid-animtor-area-border-width: 1px !default;
$grid-animator-area-border: 0 !default;
$grid-animator-area-margin: 9px !default;
$grid-animator-chips-display: inline-block !default;
$grid-animator-drag-icon: 24px !default;
$grid-animator-drag-icon-line-height: 19px !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: $text-xs !default;
$grid-animator-opacity: 1 !default;
$grid-animator-drag-margin-left: 8px !default;
$grid-animator-first-group: 12px 0 12px 12px !default;
$grid-animator-rtl-first-group: 12px 12px 12px 0 !default;
$grid-animator-margin-top-rtl: 15px !default;
$grid-filterbar-dropdown: 30px !default;
$grid-responsive-close-icon-margin: 9px 8px 8px 8px !default;
$grid-responsive-custom-header-margin: 18px 8px 18px 8px !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: 0 !default;
$grid-responsive-search-padding-right: 18px !default;
$grid-responsive-search-padding-left: 18px !default;
$grid-responsive-header-search: 6px !default;
$grid-responsive-res-apply-btn-font-size: $text-base !default;
$grid-responsive-res-apply-btn-margin-top: 0 !default;
$grid-responsive-sort-clear-btn-font-size: $text-base !default;
$grid-responsive-sort-clear-margin-top: 0 !default;
$grid-responsive-icon-filter-clear: 16px !default;
$grid-responsive-icon-filter-clear-bottom: 10px !default;
$grid-responsive-btn-icon-font-size: $grid-bigger-icons-font-size !default;
$grid-responsive-back-btn-bottom: 12px !default;
$grid-responsive-header-padding-top: 3px !default;
$grid-responsive-search-place-holder-margin-top: 2px !default;
$grid-responsive-search-width: 0 !default;
$grid-responsive-search-left-padding: 0 !default;
$grid-responsive-filter-clear-margin: -6px !default;
$grid-responsive-toolbar-filter-font-size: $grid-bigger-icons-font-size !default;
$grid-responsive-tbar-btn-bgr-padding: 0 !default;
$grid-responsive-btn-top: -4px !default;
$grid-responsive-apply-btn-top: 5px !default;
$grid-responsive-column-menu-icon-margin-top: 4px !default;
$grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
$grid-header-text-transform: none !default;
$grid-headerclone-font-size: $grid-content-font-size !default;
$grid-group-drop-area-border: dashed !default;
$grid-group-drop-area-border-width: 1px !default;
$grid-sortnumber-font-size: $text-xs !default;
$grid-reorderarrow-margin-top: -6.5px !default;
$grid-reorderdownarrow-margin-top: 4.5px !default;
$grid-reorder-arrow-top-margin: 0 !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-bigger-toolbar-icon-size: $grid-bigger-icons-font-size !default;
$grid-reorderarrow-margin-left: -2px !default;
$grid-column-chooser-cancel-icon-size: 10px !default;
$grid-sort-number-size: 16px !default;
$grid-bigger-sort-number-size: 18px !default;
$grid-sort-number-font-size: $font-icon-9 !default;
$grid-filter-border-radius: 6px !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: 'fluent' !default;
$grid-biggerreorderarrow-font-size: $text-sm !default;
$grid-bigger-drag-count-padding: 3px 8px 4px !default;
$grid-bigger-drag-count-top: -14px !default;
$grid-bigger-check-select-all-font-size: $text-lg !default;
$grid-adaptive-sort-clear-button-padding: 6px !default;
$grid-cc-margin-top: 2px !default;
$grid-bigger-device-rtl-cm-margin: -25px -18px -5px -22px !default;
$grid-bigger-rtl-group-span-padding: 11.5px 4px 14px 4px !default;
$grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
$grid-rtl-group-span-padding: 4px 12px 4px 8px !default;
$grid-ungroup-rtl-padding-left: 8px !default;
$grid-bigger-headercell-top-padding: 0 !default;
$grid-bigger-headercell-autofit-padding: 0 8px 0 !default;
$grid-bigger-icon-font-size: $text-lg !default;
$grid-rtl-mselect-dd-indicator-left: -6px !default;
$grid-toolbar-text-opacity: 1 !default;
$grid-toolbar-placeholder-text-color: $placeholder-text-color !default;
$grid-toolbar-searchbar-text-opacity: 1 !default;
$grid-dropitems-count-margin-left: -8px !default;
$grid-checkmark-color: $primary-text-color !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;