@syncfusion/ej2-angular-spreadsheet 20.2.50 → 20.3.47-97707

package/styles/spreadsheet/_layout.scss

@@ -1,5 +1,6 @@
 @import '../ribbon/mixin.scss';
 @include export-module('spreadsheet-layout') {
+
   /*! spreadsheet layout */
   .e-spreadsheet {
     display: block;
@@ -7,7 +8,7 @@
 
     & .e-delete-sheet-dlg.e-dialog {
       @if $skin-name == 'FluentUI' {
-        height: 211px !important; // sass-lint:disable-line no-important
+        height: 211px !important; /* stylelint-disable-line declaration-no-important */
       }
     }
 
@@ -24,8 +25,8 @@
 
     & .e-custom-format-dlg.e-dialog {
       @if $sheet-skin != 'material' {
-        height: 510px !important; // sass-lint:disable-line no-important
-        width: 530px !important; // sass-lint:disable-line no-important
+        height: 510px !important; /* stylelint-disable-line declaration-no-important */
+        width: 530px !important; /* stylelint-disable-line declaration-no-important */
       }
 
       & .e-footer-content {
@@ -45,16 +46,16 @@
     @if $sheet-skin == 'tailwind' or $sheet-skin == 'tailwind-dark' {
       & .e-dlg-header-content {
         padding: 18px;
-        }
       }
+    }
     @if $skin-name == 'bootstrap5' {
       & .e-dlg-header-content {
         padding: 12px;
-        }
       }
+    }
 
     & .e-unprotectworksheet-dlg.e-dialog {
-      left: 0 !important; // sass-lint:disable-line no-important
+      left: 0 !important; /* stylelint-disable-line declaration-no-important */
 
       & .e-dlg-header-content .e-dlg-header {
         font-size: 18px;
@@ -82,7 +83,7 @@
     }
 
     & .e-reenterpwd-dlg.e-dialog {
-      left: 0 !important; // sass-lint:disable-line no-important
+      left: 0 !important; /* stylelint-disable-line declaration-no-important */
 
       & .e-dlg-header-content .e-dlg-header {
         font-size: 18px;
@@ -100,7 +101,7 @@
           & .e-header {
             font-size: 14px;
             line-height: 16px;
-        }
+          }
 
           & .e-input {
             margin-top: 10px;
@@ -137,6 +138,10 @@
           border-radius: 5px;
         }
 
+        @if $skin-name == 'FluentUI' or $skin-name == 'FluentUI-dark' {
+          margin-bottom: $bigger-find-tool-margin-bottom;
+        }
+
         & .e-input-group {
           width: 170px;
 
@@ -318,7 +323,7 @@
 
       & .e-column-header,
       & .e-sheet-content {
-        width: 100% !important; // sass-lint:disable-line no-important
+        width: 100% !important; /* stylelint-disable-line declaration-no-important */
       }
     }
 
@@ -502,13 +507,13 @@
               width: 100%;
             }
 
-            &[style*='vertical-align: top;'] {
+            &[style *= 'vertical-align: top;'] {
               .e-wrap-content {
                 top: 0;
               }
             }
 
-            &[style*='vertical-align: middle;'] {
+            &[style *= 'vertical-align: middle;'] {
               .e-wrap-content {
                 bottom: initial;
                 transform: translateY(-50%);
@@ -525,7 +530,7 @@
               position: absolute;
               z-index: -1;
             }
-        }
+          }
 
           .e-iconsetspan {
             float: left;
@@ -534,8 +539,8 @@
             vertical-align: bottom;
             width: 15px;
             z-index: 2;
+          }
         }
-    }
 
         & .e-header-cell {
           font-size: 12px;
@@ -597,7 +602,7 @@
 
     & .e-sheet-content .e-table {
       .e-zero .e-cell,
-      .e-zero-start .e-cell ,
+      .e-zero-start .e-cell,
       .e-zero-end .e-cell  {
         border-bottom-width: 0;
       }
@@ -616,8 +621,8 @@
     & .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
       background-color: $selection-border-color;
       cursor: ns-resize;
-      left: 50%;
       position: absolute;
+      right: 50%;
       top: 0;
       transform: translate(-50%, -50%);
     }
@@ -634,8 +639,8 @@
     & .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
       background-color: $selection-border-color;
       cursor: ns-resize;
-      left: 50%;
       position: absolute;
+      right: 50%;
       top: 100%;
       transform: translate(-50%, -50%);
     }
@@ -713,17 +718,17 @@
       }
 
       &.e-mac-safari {
-        & .e-main-panel::-webkit-scrollbar { // sass-lint:disable-line no-vendor-prefixes
+        & .e-main-panel::-webkit-scrollbar {
           width: 7px;
         }
 
-        & .e-scroller::-webkit-scrollbar { // sass-lint:disable-line no-vendor-prefixes
+        & .e-scroller::-webkit-scrollbar {
           height: 7px;
         }
 
         // Safari with Mac OS
-        & .e-main-panel::-webkit-scrollbar-thumb, // sass-lint:disable-line no-vendor-prefixes
-        & .e-scroller::-webkit-scrollbar-thumb { // sass-lint:disable-line no-vendor-prefixes
+        & .e-main-panel::-webkit-scrollbar-thumb,
+        & .e-scroller::-webkit-scrollbar-thumb {
           background-color: $mac-scrollbar-background;
           border-radius: 4px;
         }
@@ -815,7 +820,7 @@
 
     & .e-sheet .e-datavisualization-chart .e-control.e-chart {
       height: 100%;
-      position: initial !important; // sass-lint:disable-line no-important
+      position: initial !important; /* stylelint-disable-line declaration-no-important */
       width: 100%;
     }
 
@@ -823,7 +828,7 @@
       height: 100%;
       overflow: hidden;
       padding: 4px;
-      position: initial !important; // sass-lint:disable-line no-important
+      position: initial !important; /* stylelint-disable-line declaration-no-important */
       width: 100%;
     }
 
@@ -882,7 +887,7 @@
         background-color: $content-bg-color-alt2;
       }
 
-      &> div {
+      & > div {
         display: inline-block;
       }
 
@@ -988,7 +993,7 @@
     }
 
     .e-hide {
-      display: none !important; // sass-lint:disable-line no-important
+      display: none !important; /* stylelint-disable-line declaration-no-important */
     }
 
     .e-selection {
@@ -1046,10 +1051,10 @@
       border: 2px solid $selection-border-color;
       pointer-events: none;
 
-      &[style*='height: 1px;'],
-      &[style*='width: 1px;'],
-      &[style*='height: 0px;'],
-      &[style*='width: 0px;'] {
+      &[style *= 'height: 1px;'],
+      &[style *= 'width: 1px;'],
+      &[style *= 'height: 0px;'],
+      &[style *= 'width: 0px;'] {
         border-width: 1px;
       }
     }
@@ -1122,7 +1127,7 @@
       }
 
       & .e-toolbar .e-btn:not(.e-tbar-btn) {
-        font-weight: 400;
+        font-weight: normal;
         padding-bottom: 0;
         padding-top: 0;
 
@@ -1173,7 +1178,6 @@
             }
           }
         }
-
       }
 
       & .e-toolbar .e-toolbar-item .e-btn {
@@ -1185,19 +1189,19 @@
 
         & .e-chart-icon,
         & .e-chart-type-icon {
-          font-size: 30px !important; // sass-lint:disable-line no-important
+          font-size: 30px !important; /* stylelint-disable-line declaration-no-important */
           margin-right: 5px;
           padding: 0 5px;
           width: 30px;
         }
 
         & .e-switch-row-column-icon {
-          font-size: 18px !important; // sass-lint:disable-line no-important
+          font-size: 18px !important; /* stylelint-disable-line declaration-no-important */
           margin-right: 5px;
         }
 
         & .e-addchart-icon {
-          font-size: 18px !important; // sass-lint:disable-line no-important
+          font-size: 18px !important; /* stylelint-disable-line declaration-no-important */
           margin-right: -5px;
         }
 
@@ -1449,7 +1453,7 @@
       pointer-events: none;
       position: absolute;
       z-index: 1;
-     }
+    }
 
     & .e-rowresize-handler {
       border-top: 1px solid;
@@ -1471,7 +1475,7 @@
 
       .e-input-group {
         border: 0;
-        box-shadow: none !important; // sass-lint:disable-line no-important
+        box-shadow: none !important; /* stylelint-disable-line declaration-no-important */
       }
 
       & .e-ddl-icon {
@@ -1499,7 +1503,7 @@
 
     & .e-customsort-dlg.e-dialog {
       @if $skin-name == 'material' {
-        height: 360px !important; // sass-lint:disable-line no-important
+        height: 360px !important; /* stylelint-disable-line declaration-no-important */
       }
 
       @if $sheet-skin == 'tailwind' or $sheet-skin == 'tailwind-dark' {
@@ -1588,7 +1592,6 @@
       }
     }
 
-
     & .e-datavalidation-dlg {
       @if $sheet-skin == 'tailwind' or $sheet-skin == 'tailwind-dark' {
         & .e-dlg-header-content {
@@ -1725,7 +1728,7 @@
 
     & .e-hyperlink-dlg.e-dialog,
     .e-edithyperlink-dlg.e-dialog {
-      max-height: 640px !important; // sass-lint:disable-line no-important
+      max-height: 640px !important; /* stylelint-disable-line declaration-no-important */
 
       & .e-dlg-header-content {
         @if $skin-name == 'FluentUI' {
@@ -1792,7 +1795,7 @@
               & .e-header {
                 font-size: 14px;
                 line-height: 16px;
-               }
+              }
 
               & .e-text {
                 @if $skin-name != 'material' and $skin-name != 'material-dark' {
@@ -1885,7 +1888,7 @@
     }
 
     & .e-protectworkbook-dlg.e-dialog {
-      left: 0 !important; // sass-lint:disable-line no-important
+      left: 0 !important; /* stylelint-disable-line declaration-no-important */
 
       & .e-dlg-header-content .e-dlg-header {
         font-size: 18px;
@@ -1912,7 +1915,7 @@
     }
 
     & .e-unprotectworkbook-dlg.e-dialog {
-      left: 0 !important; // sass-lint:disable-line no-important
+      left: 0 !important; /* stylelint-disable-line declaration-no-important */
 
       & .e-dlg-header-content .e-dlg-header {
         font-size: 18px;
@@ -1940,7 +1943,7 @@
     }
 
     & .e-importprotectworkbook-dlg.e-dialog {
-      left: 0 !important; // sass-lint:disable-line no-important
+      left: 0 !important; /* stylelint-disable-line declaration-no-important */
 
       & .e-dlg-header-content .e-dlg-header {
         font-size: 18px;
@@ -1988,17 +1991,13 @@
       height: 18px;
       margin-right: -1px;
       padding: 0;
-      position: absolute;
+      position: relative;
       right: 0;
       width: 20px;
       z-index: 2;
       @if $sheet-skin == 'tailwind' or $sheet-skin == 'tailwind-dark' {
         bottom: 1px;
       }
-      @if $sheet-skin == 'material' or $sheet-skin == 'material-dark' {
-        bottom: .5px;
-        right: .5px;
-      }
     }
   }
 
@@ -2007,7 +2006,7 @@
 
     & .e-container {
       box-shadow: none;
-      width: 270px !important; // sass-lint:disable-line no-important
+      width: 270px !important; /* stylelint-disable-line declaration-no-important */
 
       & .e-selected-value {
         display: flex;
@@ -2017,11 +2016,11 @@
 
   .e-spreadsheet.e-col-resizing {
     cursor: col-resize;
-    }
+  }
 
   .e-spreadsheet.e-row-resizing {
     cursor: row-resize;
-    }
+  }
 
   .e-dropdown-popup {
     &.e-numformat-ddb ul {
@@ -2176,13 +2175,13 @@
           & .e-is7 {
             height: 6%;
             padding: 18px 16px;
-        }
+          }
 
           & .e-iconsetspan {
             display: inline-block;
             height: 100%;
             width: 20%;
-            }
+          }
 
           & .e-is2 {
             height: 25.3%;
@@ -2198,9 +2197,8 @@
               height: 25%;
               padding: 2px 12px;
               width: 50%;
-           }
-        }
-
+            }
+          }
 
           & .e-is4 {
             height: 19%;
@@ -2214,8 +2212,8 @@
               height: 33%;
               padding: 2px 12px;
               width: 50%;
-       }
-    }
+            }
+          }
 
           & .e-is6 {
             height: 12.6%;
@@ -2227,8 +2225,8 @@
               height: 50%;
               padding: 2px 12px;
               width: 50%;
-              }
-        }
+            }
+          }
 
           & .e-is8 {
             height: 19%;
@@ -2242,9 +2240,9 @@
               height: 33%;
               width: 50%;
             }
-           }
           }
         }
+      }
     }
 
     &.e-popup.e-menu-popup.e-border-color ul {
@@ -2299,7 +2297,7 @@
           & .e-bar1-text {
             height: 40%;
             padding: 18px 16px;
-            }
+          }
 
           & .e-column1-cont,
           & .e-bar1-cont {
@@ -2323,8 +2321,8 @@
               margin: 0;
               padding: 10px;
               width: 55px;
-              }
             }
+          }
         }
       }
     }
@@ -2364,8 +2362,8 @@
               margin: 0;
               padding: 10px;
               width: 55px;
-              }
             }
+          }
         }
       }
     }
@@ -2407,8 +2405,8 @@
               margin: 0;
               padding: 10px;
               width: 55px;
-              }
             }
+          }
         }
       }
     }
@@ -2430,7 +2428,7 @@
           & .e-scatter-text {
             height: 40%;
             padding: 18px 16px;
-           }
+          }
 
           & .e-scatter-cont {
             height: 60%;
@@ -2442,12 +2440,12 @@
               margin: 0;
               padding: 10px;
               width: 100%;
-              }
             }
+          }
         }
       }
     }
-   }
+  }
 
   .e-spreadsheet-function-dlg.e-dialog {
     min-height: $dlg-min-height;
@@ -2463,7 +2461,7 @@
 
       & .e-dlg-header {
         font-size: 16px;
-        font-weight: 400;
+        font-weight: normal;
       }
     }
 
@@ -2598,11 +2596,11 @@
   .e-bigger.e-spreadsheet {
     @if $skin-name == 'FluentUI' {
       & .e-protect-dlg.e-dialog {
-        height: 790px !important; // sass-lint:disable-line no-important
+        height: 790px !important; /* stylelint-disable-line declaration-no-important */
       }
 
       & .e-delete-sheet-dlg.e-dialog {
-        height: 240px !important; // sass-lint:disable-line no-important
+        height: 240px !important; /* stylelint-disable-line declaration-no-important */
       }
 
       & .e-merge-alert-dlg.e-dialog {
@@ -2618,7 +2616,7 @@
       }
 
       .e-spreadsheet-function-dlg.e-dialog {
-        height: 515px !important; // sass-lint:disable-line no-important
+        height: 515px !important; /* stylelint-disable-line declaration-no-important */
       }
     }
 
@@ -2784,9 +2782,9 @@
     }
 
     & .e-customsort-dlg.e-dialog {
-      width: 590px !important; // sass-lint:disable-line no-important
+      width: 590px !important; /* stylelint-disable-line declaration-no-important */
       @if $sheet-skin == 'tailwind' or $sheet-skin == 'tailwind-dark' or $skin-name == 'FluentUI' {
-        width: 630px !important; // sass-lint:disable-line no-important
+        width: 630px !important; /* stylelint-disable-line declaration-no-important */
       }
     }
 
@@ -2859,6 +2857,25 @@
         padding-right: 0;
       }
     }
+
+    & .e-validation-list {
+
+      @if $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
+        width: $bigger-validation-list-width;
+      }
+
+      & .e-ddl-icon.e-search-icon {
+
+        @if $skin-name == 'material' or $skin-name == 'material-dark' {
+          bottom: $bigger-validation-list-icon-bottom;
+        }
+
+        @if $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'highcontrast' {
+          min-height: $bigger-validation-list-icon-height-width;
+          min-width: $bigger-validation-list-icon-height-width;
+        }
+      }
+    }
   }
 
   .e-bigger.e-dropdown-popup,
@@ -2878,11 +2895,11 @@
   .e-bigger .e-spreadsheet .e-hyperlink-dlg.e-dialog {
     @if $skin-name == 'FluentUI' {
       & .e-dlg-content .e-link-dialog .e-content .e-cont {
-        margin:  0 0 16px 24px;
+        margin: 0 0 16px 24px;
       }
 
       & .e-dlg-header-content {
-        padding:  24px 24px 16px;
+        padding: 24px 24px 16px;
       }
     }
   }

package/styles/spreadsheet/_material-dark-definition.scss

@@ -15,6 +15,7 @@ $cell-border-color: $grey-300 !default;
 $hdr-cell-border-color: $grey-800 !default;
 $dlg-error-color: #dd2c2c !default;
 $agg-clr: #fff !default;
+
 //enddefault
 //selection
 $selection-border-color: $accent !default;
@@ -26,6 +27,7 @@ $hdr-selection-color: $grey-dark-font !default;
 $hdr-hover-bg-color: $grey-800 !default;
 $copy-indicator-t-b: 'data:image/gif;base64,R0lGODlhBgAEAJECAP///wCw/////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM3Mjk5OUJFRDg3NjExRTlBOTBCQjQ4MDRFMEZBODFCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM3Mjk5OUJGRDg3NjExRTlBOTBCQjQ4MDRFMEZBODFCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzcyOTk5QkNEODc2MTFFOUE5MEJCNDgwNEUwRkE4MUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzcyOTk5QkREODc2MTFFOUE5MEJCNDgwNEUwRkE4MUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQFAwACACwAAAAABgAEAAACB4wDcJh6uQoAIfkEBQMAAgAsAAAAAAYABAAAAgiMAXYZqM1CAQAh+QQFAwACACwBAAAABAAEAAACBhQUhnksBQAh+QQFAwACACwBAAAABAAEAAACBoQihpcMBQAh+QQFAwACACwAAAAABgAEAAACBwSCYcl6aQoAIfkEBQMAAgAsAAAAAAYABAAAAghEHmComHtAAQA7' !default;
 $copy-indicator-l-r: 'data:image/gif;base64,R0lGODlhBAAGAJECAP///wCw/////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYyNjQ0RjMxRDg3NTExRTlCQzUyQUZDODAyRTUzODhDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYyNjQ0RjMyRDg3NTExRTlCQzUyQUZDODAyRTUzODhDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjI2NDRGMkZEODc1MTFFOUJDNTJBRkM4MDJFNTM4OEMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjI2NDRGMzBEODc1MTFFOUJDNTJBRkM4MDJFNTM4OEMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQFAwACACwAAAAABAAGAAACBwQShsurCQoAIfkEBQMAAgAsAAAAAAQABgAAAgeMA2B5qN4KACH5BAUDAAIALAAAAQAEAAQAAAIFjAOpeVEAIfkEBQMAAgAsAAABAAQABAAAAgZMAIaoGQUAIfkEBQMAAgAsAAAAAAQABgAAAghMAIbGvJdCAQAh+QQFAwACACwAAAAABAAGAAACB4QRqctxUAAAOw==' !default;
+
 //end selection
 //Tab
 $sheets-btn-height: 34px !default;
@@ -38,6 +40,7 @@ $sheet-tab-color: #e3e3e3 !default;
 $sheet-tab-indicator-color: #05a7f1 !default;
 $select-icon-color: $accent !default;
 $sheet-tab-btn-icon-color: $grey-dark-font !default;
+
 //End Tab
 //Formula bar
 $formula-bar-bg-color: $grey-dark !default;
@@ -49,6 +52,7 @@ $formula-textarea-width: calc(100% - 146px) !default;
 $formula-bar-color: $grey-dark-font !default;
 $mformula-bar-height: 42px !default;
 $expand-icon-margin: 4px !default;
+
 //End formula bar
 //Insert dialog box
 $dlg-list-border: $spreadsheet-border-width solid $grey-500 !default;
@@ -56,6 +60,7 @@ $dlg-description-font-weight: 500 !default;
 $dlg-content-padding: 18px !default;
 $dlg-category-margin-bottom: 0 !default;
 $dlg-min-height: 480px !default;
+
 //End Insert dialogbox
 //Ribbon
 $fontsize-btn-width: 55px !default;
@@ -75,22 +80,26 @@ $bigger-cpicker-btn-width: 31px !default;
 $menu-extension-padding: 10px !default;
 $ribbon-item-hover-border-color: transparent !default;
 $ribbon-item-active-border-color: transparent !default;
-$font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Comic Sans MS', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
+$font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
 $normal-btn-padding: 7px !default;
+
 //End Ribbon
 //Sorting
 $sort-error-bg-color: #fce7e9;
 $sort-error-font-color: #333;
+
 //End Sorting
 //Hyperlink
 $hyper-doc-border-color: #c8c8c8 !default;
-$hyper-text-border: #979797  !default;
+$hyper-text-border: #979797 !default;
+
 //End Hyperlink
 //Filtering
 $filter-icon-margin-bottom: 0 !default;
 $filter-icon-bigger-margin-bottom: 12px !default;
 $filter-selectall-padding: 22px !default;
 $filter-selectall-bigger-padding: 27px !default;
+
 //End Filtering
 //Find And Replace
 $find-popup-border-top-color: #fafafa !default;
@@ -99,18 +108,21 @@ $find-tool-dlg-width: 330px !default;
 $find-tool-dlg-height: 46px !default;
 $find-dlg-width: 470px !default;
 $bigger-find-tool-dlg-width: 403px !default;
-$bigger-find-tool-dlg-height: 59px !default;
+$bigger-find-tool-dlg-height: 62px !default;
 $bigger-find-goto-dlg-height: 241px !default;
+
 //End Find And Replace
 //Protect Sheet
 $protect-dlg-height: 470px !default;
 $protect-dlg-width: 287px !default;
+
 //End Protect Sheet
 //Conditional Formatting
 $ele-color: #616161;
 $ele-hover-color: #eee;
 $dark-ele-color: #303030;
 $dark-ele-hover-color: rgba(255, 255, 255, .1) !default;
+
 //End Conditional Formatting
 //Formula selection
 $vborder-selection: #673ab8;
@@ -119,14 +131,23 @@ $cborder-selection: #029688;
 $gborder-selection: #4caf51;
 $oborder-selection: #fe9800;
 $bborder-selection: #3f52b5;
+
 //End Formula selection
 //Freeze pane
 $freezepane-color: $grey-500 !default;
+
 //End Freeze pane
 $mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
+
 //Custom Format
 $custom-listview-color: #ddd;
+
 //End Custom Format
 //File Name Dialog
 $open-dlg-width: 340px !default;
-//File Name Dialog
+
+//End File Name Dialog
+//Data Validation
+$bigger-validation-list-icon-bottom: 12px !default;
+
+//End Data Validation