@easyquery/ui 7.1.2 → 7.2.0-rc02

package/dist/browser/eq.core.css

@@ -1,11 +1,13 @@
 /** 
- * EasyQuery.JS Community 7.1.2 (https://korzh.com/easyquery/javascript)
+ * EasyQuery.JS Community 7.2.0-rc02 (https://korzh.com/easyquery/javascript)
  * Copyright 2021 Korzh.com. All rights reserved.
  * 
  * EasyQuery.JS commercial licenses may be obtained at
  * https://korzh.com/easyquery/javascript#LIC or as a part of 
  * ASP.NET Core or ASP.NET editions (https://korzh.com/easyquery#EDITIONS)
 */
+/* EasyData grid */
+
 .keg-container * {
     outline: none;    
 }
@@ -18,24 +20,19 @@
     background-color: #f8f8f8;
     border-bottom: 1px solid #babfc7;
     overflow: hidden;
-    -webkit-box-flex: 0;
-            flex: 0 0 auto;
+    flex: 0 0 auto;
 }
 
 .keg-root {
     font-family: "Roboto", Arial;
-    display: -webkit-box;
     display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-            flex-direction: column;
+    flex-direction: column;
     border: 1px solid #babfc7;
 }
 
 .keg-body {
     overflow: hidden;
-    -webkit-box-flex: 1;
-            flex: 1;
+    flex: 1;
 }
 
 .keg-body-viewport {
@@ -51,7 +48,6 @@
 
 .keg-header-row {
     min-height: 30px;
-    display: -webkit-box;
     display: flex;
     font-size: 12px;
     font-weight: 600;
@@ -59,7 +55,6 @@
 }
 
 .keg-row {
-    display: -webkit-box;
     display: flex;
     font-size: 12px;
     background-color: #fff;
@@ -69,8 +64,7 @@
     border-width: 1px;
     border-bottom-style: solid;
     height: 26px;
-    -webkit-box-align: center;
-            align-items: center;
+    align-items: center;
 }
 
 .keg-row:not(.keg-row-active):not(.keg-row-totals):hover {
@@ -86,22 +80,18 @@
 }
 
 .keg-cell, .keg-header-cell {
-    display: -webkit-box;
     display: flex;
 }
 
 .keg-header-cell {
     position: relative;
-    -webkit-box-align: center;
-            align-items: center;
-    padding: 0 4px 0 10px;
+    align-items: center;
+    padding: 2px 6px;
 }
 
 .keg-header-cell-resize {
-    display: -webkit-box;
     display: flex;
-    -webkit-box-align: center;
-            align-items: center;
+    align-items: center;
     position: absolute;
     z-index: 2;
     height: 100%;
@@ -125,16 +115,15 @@
 .keg-header-cell-label {
     width: 100%;
     text-align: center;
-    word-break: break-word;
-    -ms-word-wrap: break-word;
+    word-break: keep-all;
+    -ms-word-wrap: keep-all;
 }
 
 .keg-cell {
     padding: 0 4px 0 10px;
     border-right-width: 1px;
     border-right: solid transparent;
-    -webkit-box-align: center;
-            align-items: center;
+    align-items: center;
     height: 100%;
     outline: none;
 }
@@ -202,12 +191,10 @@
 
 /* Pagination */
 .keg-pagination-wrapper {
-    display: -webkit-inline-box;
     display: inline-flex;
 }
 
 .keg-pagination {
-    display: -webkit-inline-box;
     display: inline-flex;
     padding-left: 0;
     margin: 0;
@@ -265,7 +252,6 @@
 }
 
 .keg-page-sizes {
-    display: -webkit-inline-box;
     display: inline-flex;
     margin-left: 20px;
 }
@@ -291,7 +277,6 @@
 }
 
 .keg-footer {
-    display: -webkit-box;
     display: flex;
     /*justify-content: space-between;*/
     margin-top: 5px;
@@ -302,8 +287,7 @@
     padding: 5px 10px;
     font-size: 16px;
     white-space: nowrap;
-    -webkit-box-flex: 1;
-            flex: 1 1 auto;
+    flex: 1 1 auto;
     text-align: end;
     color: rgba(0,0,0,.54);
 }
@@ -354,7 +338,17 @@
 
 .eqjs-chart-content canvas {
     max-height: 100%;
+}
+
+.question-mark {
+    position: relative;
+    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACE4AAAhOAYwxAOwAAAFgSURBVDhPbdK7K4dRHMfxn1sWUVhcihK/MBKlbMqGKAplMMglk7JJRpOy+R8sJotBiUUiSe6XWNxGpYT3++k5Tw/51Kvfc06/c/2enMzv2K5CCxpRgmecYB+vSJIX/5oCTGINnXjBG+owjXE84gzfSOLAZRxiKG6nU4QpnGIWyY79mIEDa+N2LirRhvK4Tx24Qx+iVOMarhhmHICr7MFJ22GcdB47KLajF8fIt0GcYBujcLur2EBIIa7Q5Eze6hY+ETKCdXzA838hxL4jZB1sOZ4Q4k0+wJ1sogtLSMdKlDnYOtbY8ycNsEzDOLAjFd+CZct04wKeLx3brfCM6ZTiFvWu7MvxTGMIt20slbWNbjWOj2oB54hWNv2wNNbRCU0FJhAGO3AQN/B/SRzgy7mHdfxvqytwYI8dJr1Nv635HFzVcnirXk4z3OoidhElPTjEbfrqsiiDZ7uMf98RJ5P5AUhxQvegD107AAAAAElFTkSuQmCC') no-repeat center;
+    width: 20px;
+    height: 20px;
+    margin-left: 5px;
 }
+/* EasyData dialogs */
+
 .kdlg-modal, .kdlg-modal-background {
     bottom: 0;
     left: 0;
@@ -373,22 +367,16 @@
     font-weight: 400;
     line-height: 1.5;
 
-    -webkit-box-align: center;
-
-            align-items: center;
+    align-items: center;
     display: none;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-            flex-direction: column;
-    -webkit-box-pack: center;
-            justify-content: center;
+    flex-direction: column;
+    justify-content: center;
     overflow: hidden;
     position: fixed;
     z-index: 9999999999;
 }
 
 .kdlg-modal.is-active {
-    display: -webkit-box;
     display: flex;
 }
 
@@ -397,11 +385,8 @@
     margin: 0 20px;
     position: relative;
     width: 100%;
-    display: -webkit-box;
     display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-            flex-direction: column;
+    flex-direction: column;
     max-height: calc(100vh - 40px);
     overflow: hidden;
     -ms-overflow-y: visible;    
@@ -441,24 +426,22 @@
 }
 
 
-
 .kdlg-footer, .kdlg-header {
-    -webkit-box-align: center;
-            align-items: center;
-    /*background-color: #f5f5f5;*/
+    align-items: center;
     background-color: #fff;
-    display: -webkit-box;
     display: flex;
     flex-shrink: 0;
-    -webkit-box-pack: start;
-            justify-content: flex-start;
+    justify-content: flex-start;
     padding: 20px;
     position: relative;
 }
 
 .kdlg-footer.align-right {
-    -webkit-box-pack: end;
-            justify-content: flex-end;
+    justify-content: flex-end;
+}
+
+.kdlg-footer.align-center {
+    justify-content: center;
 }
 
 .kdlg-header {
@@ -471,9 +454,12 @@
 }
 
 .kdlg-footer {
-    min-height: 10px;
+	min-height: 10px;
     border-bottom-left-radius: 6px;
     border-bottom-right-radius: 6px;
+    height: auto;
+    color: initial;
+    margin: unset;
 }
 
 .kdlg-footer.has-border {
@@ -482,10 +468,9 @@
 
 .kdlg-header-title {
     color: #363636;
-    -webkit-box-flex: 1;
-            flex-grow: 1;
+    flex-grow: 1;
     flex-shrink: 0;
-    font-size: 1.6rem;
+    font-size: 1.6em;
     line-height: 1;
     margin: 0;
     padding: 0;
@@ -505,8 +490,7 @@
     cursor: pointer;
     pointer-events: auto;
     display: inline-block;
-    -webkit-box-flex: 0;
-            flex-grow: 0;
+    flex-grow: 0;
     flex-shrink: 0;
     font-size: 0;
     height: 24px;
@@ -527,10 +511,8 @@
     left: 50%;
     position: absolute;
     top: 50%;
-    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-            transform: translateX(-50%) translateY(-50%) rotate(45deg);
-    -webkit-transform-origin: center center;
-            transform-origin: center center;
+    transform: translateX(-50%) translateY(-50%) rotate(45deg);
+    transform-origin: center center;
 }
 
 .kdlg-modal-close::before {
@@ -551,8 +533,7 @@
 .kdlg-body {
     -webkit-overflow-scrolling: touch;
     background-color: #fff;
-    -webkit-box-flex: 1;
-            flex-grow: 1;
+    flex-grow: 1;
     flex-shrink: 1;
     overflow: auto;
     padding: 20px;
@@ -595,14 +576,13 @@
     font-size: 22px;
     line-height: 20px;
     cursor: pointer;
-    -webkit-transition: 0.3s;
     transition: 0.3s;
 }
 
 /** alerts end **/
 
 
-/** progress starts **/
+/** progress start **/
 .kdlg-progress-line {
     width: 100%;
     overflow: hidden;
@@ -617,7 +597,6 @@
     height: 22px;
     background-color: #659cef;
     border-radius: 3px;
-    -webkit-transition: width 500ms ease-in-out;
     transition: width 500ms ease-in-out;
 }
 
@@ -627,7 +606,6 @@
     width: 200px;
     -webkit-animation: kdlg-progress-line-loading 2s linear infinite;
             animation: kdlg-progress-line-loading 2s linear infinite;
-    -webkit-transition: none;
     transition: none;
 }
 
@@ -641,27 +619,22 @@
       to {  left: 120%;}
   }
 
-/** progress ends **/
-/* BUTTONS */
+/** progress end **/
+/* EasyData forms: buttons */
 
 .kfrm-buttons {
-    -webkit-box-align: center;
-            align-items: center;
-    display: -webkit-box;
+    align-items: center;
     display: flex;
     flex-wrap: wrap;
-    -webkit-box-pack: start;
-            justify-content: flex-start;
+    justify-content: flex-start;
 }
 
 .kfrm-buttons.align-right {
-    -webkit-box-pack: end;
-            justify-content: flex-end;
+    justify-content: flex-end;
 }
 
 .kfrm-buttons.align-center {
-    -webkit-box-pack: center;
-            justify-content: center;
+    justify-content: center;
 }
 
 .kfrm-buttons:last-child {
@@ -676,14 +649,12 @@
     position: relative;
     vertical-align: top;
     line-height: 1.5;
-    -webkit-box-align: center;
-            align-items: center;
+    align-items: center;
     border: 1px solid transparent;
     border-radius: 4px;
     box-shadow: none;
-    display: -webkit-inline-box;
     display: inline-flex;
-    font-size: 1rem;
+    font-size: 1em;
     height: 2.5em;
     -moz-appearance: none;
     -webkit-appearance: none;
@@ -694,8 +665,7 @@
     border-width: 1px;
     color: #363636;
     cursor: pointer;
-    -webkit-box-pack: center;
-            justify-content: center;
+    justify-content: center;
     padding-bottom: calc(.5em - 1px);
     padding-left: 1em;
     padding-right: 1em;
@@ -766,23 +736,19 @@
 
 @-webkit-keyframes spinAround {
     from {
-        -webkit-transform:rotate(0deg);
-                transform:rotate(0deg);
+        transform:rotate(0deg);
     }
     to {
-        -webkit-transform:rotate(360deg);
-                transform:rotate(360deg);
+        transform:rotate(360deg);
     }
 }
 
 @keyframes spinAround {
     from {
-        -webkit-transform:rotate(0deg);
-                transform:rotate(0deg);
+        transform:rotate(0deg);
     }
     to {
-        -webkit-transform:rotate(360deg);
-                transform:rotate(360deg);
+        transform:rotate(360deg);
     }
 }
 
@@ -1068,7 +1034,7 @@
 /* COLORS END */
 
 
-/* BUTTONS END *//* COLUMNS */
+/* BUTTONS END *//* EasyData forms: columns */
 
 .kfrm-row {
     margin-left: -.75rem;
@@ -1082,7 +1048,6 @@
 
 @media screen and (min-width: 769px), print {
     .kfrm-row {
-        display: -webkit-box;
         display: flex;
         flex-wrap: wrap;
     }
@@ -1094,74 +1059,62 @@
 
     /* 12 columns grid */
     .kfrm-column.size-1 {
-        -webkit-box-flex: 0;
-                flex: none;
+        flex: none;
         width: 8.33333%;
     }
 
     .kfrm-column.size-2 {
-        -webkit-box-flex: 0;
-                flex: none;
+        flex: none;
         width: 16.66667%;
     }
 
     .kfrm-column.size-3 {
-        -webkit-box-flex: 0;
-                flex: none;
+        flex: none;
         width: 25%;
     }
 
     .kfrm-column.size-4 {
-        -webkit-box-flex: 0;
-                flex: none;
+        flex: none;
         width: 33.33333%;
     }
 
     .kfrm-column.size-5 {
-        -webkit-box-flex: 0;
-                flex: none;
+        flex: none;
         width: 41.66667%;
     }
 
     .kfrm-column.size-6 {
-        -webkit-box-flex: 0;
-                flex: none;
+        flex: none;
         width: 50%;
     }
 
     .kfrm-column.size-7 {
-        -webkit-box-flex: 0;
-                flex: none;
+        flex: none;
         width: 58.33333%;
     }
 
     .kfrm-column.size-8 {
-        -webkit-box-flex: 0;
-                flex: none;
+        flex: none;
         width: 66.66667%;
     }
 
     .kfrm-column.size-9 {
-        -webkit-box-flex: 0;
-                flex: none;
+        flex: none;
         width: 75%;
     }
 
     .kfrm-column.size-10 {
-        -webkit-box-flex: 0;
-                flex: none;
+        flex: none;
         width: 83.33333%;
     }
 
     .kfrm-column.size-11 {
-        -webkit-box-flex: 0;
-                flex: none;
+        flex: none;
         width: 91.66667%;
     }
 
     .kfrm-column.size-12 {
-        -webkit-box-flex: 0;
-                flex: none;
+        flex: none;
         width: 100%;
     }
 
@@ -1172,15 +1125,14 @@
 .kfrm-column {
     display: block;
     flex-basis: 0;
-    -webkit-box-flex: 1;
-            flex-grow: 1;
+    flex-grow: 1;
     flex-shrink: 1;
     padding: .75rem;
 }
 
 /* COLUMNS END */
 
-/* CONTROLS */
+/* EasyData forms: controls */
 
 .kfrm-form .errors-block {
     color: red;
@@ -1192,7 +1144,6 @@
     clear: both;
     position: relative;
     text-align: inherit;
-    display: -webkit-inline-box;
     display: inline-flex;
     width: 100%;
     max-width: 100%;
@@ -1200,12 +1151,9 @@
 }
 
 .kfrm-form .icon {
-    -webkit-box-align: center;
-            align-items: center;
-    display: -webkit-inline-box;
+    align-items: center;
     display: inline-flex;
-    -webkit-box-pack: center;
-            justify-content: center;
+    justify-content: center;
     height: 1.5em;
     width: 1.5em;
 }
@@ -1275,17 +1223,14 @@
 .kfrm-form input:not([type='checkbox']), .kfrm-select select, .kfrm-form textarea {
     -moz-appearance: none;
     -webkit-appearance: none;
-    -webkit-box-align: center;
-            align-items: center;
+    align-items: center;
     border: 1px solid transparent;
     border-radius: 4px;
     box-shadow: none;
-    display: -webkit-inline-box;
     display: inline-flex;
     font-size: 1em;
     height: 2.5em;
-    -webkit-box-pack: start;
-            justify-content: flex-start;
+    justify-content: flex-start;
     line-height: 1.5;
     padding-bottom: calc(.5em - 1px);
     padding-left: calc(.75em - 1px);
@@ -1373,10 +1318,8 @@
     pointer-events: none;
     position: absolute;
     top: 50%;
-    -webkit-transform: rotate(-45deg);
-            transform: rotate(-45deg);
-    -webkit-transform-origin: center;
-            transform-origin: center;
+    transform: rotate(-45deg);
+    transform-origin: center;
     width: .425em;
     right: .7em;
     z-index: 4;
@@ -1398,7 +1341,7 @@
 
 /* CONTROLS END */
 
-/* FORMS */
+/* EasyData forms: layout */
 .kfrm-form {
     font-size: 16px;
 }
@@ -1468,6 +1411,10 @@
     padding: .5em 0;
 }
 
+.kfrm-fields .label-compact {
+    font-size: 0.9em;
+}
+
 fieldset .kfrm-fields > label {
     padding: 0;
     margin: 0;
@@ -1480,6 +1427,7 @@ fieldset .kfrm-fields > label {
 .kfrm-fields.label-above > label:not(.checkbox) {
     padding: 0.5em 0 0 0;
     margin-bottom: -0.5em;
+    font-weight: 500;
 }
 
 .kfrm-fields.label-align-right > label:not(.checkbox) {
@@ -1527,24 +1475,20 @@ fieldset .kfrm-fields > label {
 }
 
 .kfrm-fields.is-horizontal {
-    display: -webkit-box;
     display: flex;
     padding: 0;
 }
 
 .kfrm-fields.is-horizontal.align-right {
-    -webkit-box-pack: end;
-            justify-content: flex-end;
+    justify-content: flex-end;
 }
 
 .kfrm-fields.is-horizontal.align-center {
-    -webkit-box-pack: center;
-            justify-content: center;
+    justify-content: center;
 }
 
 .kfrm-fields.is-horizontal.align-evenly {
-    -webkit-box-pack: space-evenly;
-            justify-content: space-evenly;
+    justify-content: space-evenly;
 }
 
 .kfrm-fields.is-horizontal > label:not(:first-child) {
@@ -1553,26 +1497,16 @@ fieldset .kfrm-fields > label {
 
 /* IE */
 .kfrm-fields-ie {
-    display: -webkit-box;
     display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-            flex-direction: column;
+    flex-direction: column;
     font-size: 16px;
   }
 
 .kfrm-field-ie {
-    display: -webkit-box;
     display: flex;
     margin-bottom: 1em;
 }
 
-/*  
-  .kfrm-field-ie > * {
-      font-size: 16px;
-  }
-*/
-
 .kfrm-field-ie > *:nth-child(1) {
     margin-right: 20px;
 }
@@ -1581,72 +1515,64 @@ fieldset .kfrm-fields > label {
     padding: .5em 0;
 }
 
-/*
-  .kfrm-field-ie > *:nth-child(2):not(.kfrm-select):not(.kfrm-fields-ie) {
-    padding: .5em;
-  }
-*/
-  .kfrm-fields-ie.col-ie-1-1 > .kfrm-field-ie > *:nth-child(1) {
-    -webkit-box-flex: 0;
-            flex: 0 0 50%;
-  }
-
-  .kfrm-fields-ie.col-ie-1-2 > .kfrm-field-ie > *:nth-child(1) {
-    -webkit-box-flex: 0;
-            flex: 0 0 33.3333%;
-  }
+.kfrm-fields-ie.col-ie-1-1 > .kfrm-field-ie > *:nth-child(1) {
+  flex: 0 0 50%;
+}
 
-  .kfrm-fields-ie.col-ie-1-3 > .kfrm-field-ie > *:nth-child(1) {
-    -webkit-box-flex: 0;
-            flex: 0 0 25%;
-  }
+.kfrm-fields-ie.col-ie-1-2 > .kfrm-field-ie > *:nth-child(1) {
+  flex: 0 0 33.3333%;
+}
 
-  .kfrm-fields-ie.col-ie-1-4 > .kfrm-field-ie > *:nth-child(1) {
-    -webkit-box-flex: 0;
-            flex: 0 0 20%;
-  }
+.kfrm-fields-ie.col-ie-1-3 > .kfrm-field-ie > *:nth-child(1) {
+  flex: 0 0 25%;
+}
 
+.kfrm-fields-ie.col-ie-1-4 > .kfrm-field-ie > *:nth-child(1) {
+  flex: 0 0 20%;
+}
 
-  .kfrm-fields-ie.label-align-right .kfrm-field-ie > *:nth-child(1) {
-    text-align: right;
-  }
+.kfrm-fields-ie.label-align-right .kfrm-field-ie > *:nth-child(1) {
+  text-align: right;
+}
 
-  .kfrm-fields-ie.label-above .kfrm-field-ie > *:nth-child(1):not(.checkbox) {
-      padding: 0.5em 0 0 0;
-      margin-bottom: -0.5em;
-  }
+.kfrm-fields-ie.label-above .kfrm-field-ie > *:nth-child(1):not(.checkbox) {
+  padding: 0.5em 0 0 0;
+  margin-bottom: -0.5em;
+}
 
-  .kfrm-field-ie > label:not(.checkbox), .kfrm-fields-ie > label:not(.checkbox) {
-      font-weight: 600;
-  }
+.kfrm-field-ie > label:not(.checkbox), .kfrm-fields-ie > label:not(.checkbox) {
+  font-weight: 600;
+}
 
-  .kfrm-fields-ie.is-horizontal {
-    display: -webkit-box;
-    display: flex;
-    padding: 0 !important;
-    -webkit-box-orient: horizontal;
-    -webkit-box-direction: normal;
-            flex-direction: row;
-  }
+.kfrm-fields-ie.is-horizontal {
+  display: flex;
+  padding: 0 !important;
+  flex-direction: row;
+}
 
-  .kfrm-fields-ie.kfrm-fields-ie.is-horizontal > *:not(.kfrm-select) {
-    padding: .5em;
-  }
+.kfrm-fields-ie.kfrm-fields-ie.is-horizontal > *:not(.kfrm-select) {
+  padding: .5em;
+}
 
-  .kfrm-fields-ie.is-horizontal > *:not(:first-child) {
-    margin-left: 1em;
-  }
+.kfrm-fields-ie.is-horizontal > *:not(:first-child) {
+  margin-left: 1em;
+}
 
 .kfrm-fields-ie > label {
-    padding-left: 0 !important;
-    padding-right: 0 !important;
+  padding-left: 0 !important;
+  padding-right: 0 !important;
 }
 
 .kfrm-field > label {
-    padding-right: 0.5em;
+  padding-right: 0.5em;
+}
+
+.kfrm-callout {
+  font-size: 1.2em;
+  text-align: center;
 }
 /* FORMS END */
-/* DATETIME STARTS */
+/* EasyData forms: DateTime picker */
 .kdtp {
     border: 1px solid silver;
     background-color: white;
@@ -1660,19 +1586,14 @@ fieldset .kfrm-fields > label {
 
 .kdtp-buttons {
     margin-top: 1em;
-    display: -webkit-box;
     display: flex;
-    -webkit-box-orient: horizontal;
-    -webkit-box-direction: normal;
-            flex-direction: row;
-    -webkit-box-pack: justify;
-            justify-content: space-between;
+    flex-direction: row;
+    justify-content: space-between;
 }
 
 .kdtp-button {
     height: 2.5em;
-    -webkit-box-flex: 1;
-            flex: 1;
+    flex: 1;
     background-color: #0099CC;
     border: none;
     color: white;
@@ -1949,7 +1870,6 @@ fieldset .kfrm-fields > label {
 }
 
 .kdtp-cal-nav {
-    display: -webkit-box;
     display: flex;
     padding: 0;
     margin: 0.7em 0;
@@ -1957,8 +1877,7 @@ fieldset .kfrm-fields > label {
 }
 
 .kdtp-cal-nav-prev, .kdtp-cal-nav-next {
-    -webkit-box-flex: 0;
-            flex: 0 0 auto;
+    flex: 0 0 auto;
     font-size: 3em;
     font-weight: 600;
     width: 1em;
@@ -1972,23 +1891,19 @@ fieldset .kfrm-fields > label {
 }
 
 .kdtp-cal-nav-selectors {
-    -webkit-box-flex: 1;
-            flex: 1 1 auto;
-    display: -webkit-box;
+    flex: 1 1 auto;
     display: flex;
     margin: 0 0.5em;
     font-size: 1.2em;
 }
 
 .kdtp-cal-nav-month {
-    -webkit-box-flex: 1;
-            flex: 1 1 auto;
+    flex: 1 1 auto;
     margin-right: 0.5em;
 }
 
 .kdtp-cal-nav-year {
-    -webkit-box-flex: 0;
-            flex: 0 0 auto;
+    flex: 0 0 auto;
 }
 
 .kdtp-cal-nav-selectors select {
@@ -2006,12 +1921,9 @@ fieldset .kfrm-fields > label {
 }
 
 .kdtp-cal-weekday {
-    display: -webkit-box;
     display: flex;
-    -webkit-box-align: center;
-            align-items: center;
-    -webkit-box-pack: center;
-            justify-content: center;
+    align-items: center;
+    justify-content: center;
     height: 1.8em;
     font-weight: 600;
 	font-size: 0.8em;
@@ -2023,12 +1935,9 @@ fieldset .kfrm-fields > label {
 }
 
 .kdtp-cal-day, .kdtp-cal-day-empty {
-    display: -webkit-box;
     display: flex;
-    -webkit-box-align: center;
-            align-items: center;
-    -webkit-box-pack: center;
-            justify-content: center;
+    align-items: center;
+    justify-content: center;
     height: 1.5em;
     color: #262626;
     border-radius: 4px;
@@ -2050,11 +1959,9 @@ fieldset .kfrm-fields > label {
 }
 
 .kdtp-tp {
-    display: -webkit-box;
     display: flex;
     display:-ms-flexbox;
-    -webkit-box-align: center;
-            align-items: center;
+    align-items: center;
     -webkit-align-items:center;
     -ms-flex-align:center;
     margin-top: 1em;
@@ -2062,8 +1969,7 @@ fieldset .kfrm-fields > label {
 }
 
 .kdtp-tp-time {
-    -webkit-box-flex: 0;
-            flex: 0 0 5em;
+    flex: 0 0 5em;
     -webkit-flex: 0 0 5em;
     -ms-flex: 0 0 5em;
     text-align: center;
@@ -2075,27 +1981,22 @@ fieldset .kfrm-fields > label {
 }
 
 .kdtp-tp-sliders {
-    -webkit-box-flex: 1;
-            flex: 1 1 auto;
+    flex: 1 1 auto;
     -webkit-flex: 1 1 auto;
     -ms-flex: 1 1 auto;
 }
 
 .kdtp-tp-time-row {
-    display:-webkit-box;
     display:flex;
-    -webkit-box-align:center;
-            align-items:center;
+    align-items:center;
     height: 1.5em;
-    background:-webkit-gradient(linear,left top, right top,from(#c5c5c5),to(#c5c5c5)) left 50%/100% 1px no-repeat;
     background:linear-gradient(to right,#c5c5c5,#c5c5c5) left 50%/100% 1px no-repeat;
 }
 
 .kdtp-tp-time-row input[type=range] {
     background:0 0;
     cursor:pointer;
-    -webkit-box-flex:1;
-            flex:1;
+    flex:1;
     height:100%;
     padding:0;
     margin:0;
@@ -2216,11 +2117,8 @@ fieldset .kfrm-fields > label {
     height: 100%;
     position: relative;
     font: normal 14px Trebuchet MS, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
-    display: -webkit-box;
     display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-            flex-direction: column;
+    flex-direction: column;
     flex-wrap: nowrap;
 }
 
@@ -2245,8 +2143,7 @@ fieldset .kfrm-fields > label {
 }
 
 .eqjs-qp-addrow, .eqjs-qc-addrow {
-	-webkit-box-flex: 1;
-	        flex-grow: 1;
+	flex-grow: 1;
 }
 
 .eqjs-addrow a {
@@ -2277,11 +2174,8 @@ fieldset .kfrm-fields > label {
     height: 100%;
     position: relative;
     font: normal 14px Trebuchet MS, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
-    display: -webkit-box;
     display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-            flex-direction: column;
+    flex-direction: column;
     flex-wrap: nowrap;
 }
 
@@ -2291,8 +2185,7 @@ fieldset .kfrm-fields > label {
     padding: 0 0 2px 0;
     overflow: hidden;
     white-space: nowrap;
-    -webkit-box-flex: 0;
-            flex: 0 0 auto;
+    flex: 0 0 auto;
 }
 
 .eqjs-qc-header div {
@@ -2310,7 +2203,6 @@ fieldset .kfrm-fields > label {
 .eqjs-qp-row {
     min-height: 28px;
     position:relative;
-    display: -webkit-box;
     display: flex;
 }
 
@@ -2372,11 +2264,8 @@ fieldset .kfrm-fields > label {
 
 .eqjs-qp-group-root {
 	overflow: auto;
-    display: -webkit-box;
     display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-            flex-direction: column;
+    flex-direction: column;
     flex-wrap: nowrap;
 }
 
@@ -2391,11 +2280,8 @@ fieldset .kfrm-fields > label {
 }
 
 .eqjs-qp-group {
-    display: -webkit-box;
     display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-            flex-direction: column;
+    flex-direction: column;
 }
 
 .eqjs-qp-row-condition.eqjs-qp-condition-injoin {
@@ -2419,8 +2305,7 @@ fieldset .kfrm-fields > label {
     vertical-align: top;
     font-size: 14px;
     font-weight: normal;
-	-webkit-box-flex: 0;
-	        flex: 0 0 auto;
+	flex: 0 0 auto;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
@@ -2488,8 +2373,7 @@ fieldset .kfrm-fields > label {
     height: -webkit-fit-content;
     height: -moz-fit-content;
     height: fit-content;
-	-webkit-box-flex: 0;
-	        flex: 0 0 auto;
+	flex: 0 0 auto;
 	width: auto;
 }
 
@@ -2518,8 +2402,7 @@ fieldset .kfrm-fields > label {
 }
 
 .eqjs-qp-valueelement {
-	-webkit-box-flex: 0;
-	        flex: 0 1 auto;
+	flex: 0 1 auto;
 }
 
 .eqjs-qp-valueelement a, a.eqjs-qp-valueelement {
@@ -2653,7 +2536,6 @@ fieldset .kfrm-fields > label {
 }
 
 .eqjs-qp-row[data-show-buttons] > .eqjs-qp-condition-buttonsBlock {
-    display: -webkit-box;
     display: flex;
 }
 
@@ -2711,7 +2593,6 @@ fieldset .kfrm-fields > label {
 }
 
 .eqjs-qc-row[data-show-buttons]  .eqjs-qc-buttonsBlock {
-    display: -webkit-box;
     display: flex;
 }
 
@@ -2998,11 +2879,8 @@ fieldset .kfrm-fields > label {
 .eqjs-qc-columns{
     overflow-y: auto;
     padding: 4px 0;
-    display: -webkit-box;
     display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-            flex-direction: column;
+    flex-direction: column;
     flex-wrap: nowrap;
 }
 
@@ -3286,16 +3164,14 @@ animation-delay: 1.25s;
     0% {
         opacity: 1;
         z-index: 99;
-        -webkit-transform: rotate(180deg);
-                transform: rotate(180deg);
+        transform: rotate(180deg);
         -webkit-animation-timing-function: ease-out;
                 animation-timing-function: ease-out;
     }
 
     7% {
         opacity: 1;
-        -webkit-transform: rotate(300deg);
-                transform: rotate(300deg);
+        transform: rotate(300deg);
         -webkit-animation-timing-function: linear;
                 animation-timing-function: linear;
         origin: 0%;
@@ -3303,8 +3179,7 @@ animation-delay: 1.25s;
 
     30% {
         opacity: 1;
-        -webkit-transform: rotate(410deg);
-                transform: rotate(410deg);
+        transform: rotate(410deg);
         -webkit-animation-timing-function: ease-in-out;
                 animation-timing-function: ease-in-out;
         origin: 7%;
@@ -3312,8 +3187,7 @@ animation-delay: 1.25s;
 
     39% {
         opacity: 1;
-        -webkit-transform: rotate(645deg);
-                transform: rotate(645deg);
+        transform: rotate(645deg);
         -webkit-animation-timing-function: linear;
                 animation-timing-function: linear;
         origin: 30%;
@@ -3321,8 +3195,7 @@ animation-delay: 1.25s;
 
     70% {
         opacity: 1;
-        -webkit-transform: rotate(770deg);
-                transform: rotate(770deg);
+        transform: rotate(770deg);
         -webkit-animation-timing-function: ease-out;
                 animation-timing-function: ease-out;
         origin: 39%;
@@ -3330,8 +3203,7 @@ animation-delay: 1.25s;
 
     75% {
         opacity: 1;
-        -webkit-transform: rotate(900deg);
-                transform: rotate(900deg);
+        transform: rotate(900deg);
         -webkit-animation-timing-function: ease-out;
                 animation-timing-function: ease-out;
         origin: 70%;
@@ -3339,14 +3211,12 @@ animation-delay: 1.25s;
 
     76% {
         opacity: 0;
-        -webkit-transform: rotate(900deg);
-                transform: rotate(900deg);
+        transform: rotate(900deg);
     }
 
     100% {
         opacity: 0;
-        -webkit-transform: rotate(900deg);
-                transform: rotate(900deg);
+        transform: rotate(900deg);
     }
 }
 /*  End of Progress indicator  */
@@ -3355,7 +3225,6 @@ animation-delay: 1.25s;
 
 /* ColumnsBar START */
 .eqjs-cb-panel, .eqjs-sb-panel {
-    display: -webkit-box;
     display: flex;
     background: #f9f9f9;
     min-height: 40px;
@@ -3381,8 +3250,7 @@ animation-delay: 1.25s;
 .eqjs-sb-addrow {
     margin: 5px 2px 2px 2px;
     position: relative;
-    -webkit-box-flex: 0;
-            flex: 0 0 auto;
+    flex: 0 0 auto;
     vertical-align: baseline;
     height: 23px;
     width: 23px;
@@ -3443,7 +3311,6 @@ animation-delay: 1.25s;
 }
 
 .eqjs-cb-row[data-show-buttons]  .eqjs-cb-buttonsBlock {
-    display: -webkit-box;
     display: flex;
 }
 
@@ -3548,13 +3415,9 @@ animation-delay: 1.25s;
     height: 27px;
     top: -27px;
     max-width: none;
-    display: -webkit-box;
     display: flex;
-    -webkit-box-orient: horizontal;
-    -webkit-box-direction: normal;
-            flex-direction: row;
-    -webkit-box-pack: end;
-            justify-content: flex-end;
+    flex-direction: row;
+    justify-content: flex-end;
 }
 
 .eqjs-cb-buttonsBlock div {
@@ -3569,11 +3432,9 @@ animation-delay: 1.25s;
 
 .eqjs-cb-columns,
 .eqjs-sb-columns {
-    display: -webkit-inline-box;
     display: inline-flex;
     flex-wrap: wrap;
-    -webkit-box-flex: 1;
-            flex: 1 1 auto;
+    flex: 1 1 auto;
 }
 
 .eqjs-cb-columns .eqjs-highlight,
@@ -3701,7 +3562,6 @@ input.eqjs-invalid {
     width: 100%;
     height: 100%;
     z-index: 10000;
-    -webkit-transition: 1s;
     transition: 1s;
     padding: 5px;
 }
@@ -3986,16 +3846,13 @@ input.eqjs-invalid {
     border-radius: 6px;
     background-color: #FFFFE0;
     z-index: 10000;
-    -webkit-transform: translate(0, -32px);
-            transform: translate(0, -32px);
+    transform: translate(0, -32px);
     max-width: none;
-    display: -webkit-box;
     display: flex;
 }
 
 .eqjs-cb-column-buttonsBlock.eqjs-mobile.show-below {
-    -webkit-transform: translate(0, 14px);
-            transform: translate(0, 14px);
+    transform: translate(0, 14px);
 }
 
 .eqjs-cb-column-buttonsBlock.eqjs-mobile i {
@@ -4025,8 +3882,7 @@ input.eqjs-invalid {
     width:20px;
     height:20px;
     left:50%;
-    -webkit-transform:translate(-50%,-50%) rotate(45deg);
-            transform:translate(-50%,-50%) rotate(45deg);
+    transform:translate(-50%,-50%) rotate(45deg);
 }
 
 .eqjs-cb-column-buttonsBlock.eqjs-mobile.show-below i::after {
@@ -4037,8 +3893,7 @@ input.eqjs-invalid {
     width:20px;
     height:20px;
     left:50%;
-    -webkit-transform:translate(-50%,50%) rotate(45deg);
-            transform:translate(-50%,50%) rotate(45deg);
+    transform:translate(-50%,50%) rotate(45deg);
 }
 
 
@@ -4255,7 +4110,6 @@ input.eqjs-invalid {
     position: absolute;
     left: 50%;
     top: 30px;
-    -webkit-transform: translate(-50%, 0);
     transform: translate(-50%, 0);
     font-size: 20px;
     font-weight: bold;
@@ -4268,22 +4122,17 @@ input.eqjs-invalid {
 }
 
 .eqjs-facets-header {
-    display: -webkit-box;
     display: flex;
-    -webkit-box-pack: justify;
-            justify-content: space-between;
+    justify-content: space-between;
     flex-wrap: wrap-reverse;
     border-bottom: 1px solid #9c9c9c;
 }
 
 .eqjs-facets-manage {
-    display: -webkit-box;
     display: flex;
-    -webkit-box-flex: 1;
-            flex: 1 auto;
+    flex: 1 auto;
     margin-bottom: 5px;
-    -webkit-box-pack: justify;
-            justify-content: space-between;
+    justify-content: space-between;
 }
 
 .eqjs-facets-total-recs {
@@ -4292,10 +4141,8 @@ input.eqjs-invalid {
 }
 
 .eqjs-facets-tabs {
-    display: -webkit-box;
     display: flex;
-    -webkit-box-flex: 100;
-            flex: 100 auto;
+    flex: 100 auto;
 }
 
 .eqjs-facets-body {
@@ -4307,11 +4154,9 @@ input.eqjs-invalid {
     margin: 0;
     list-style: none;
     padding-left: 0;
-    display: -webkit-box;
     display: flex;
     flex-wrap: wrap;
-    -webkit-box-flex: 0;
-            flex: 0 auto;
+    flex: 0 auto;
 }
 
 .eqjs-facets-nav-tabs:before {
@@ -4324,7 +4169,6 @@ input.eqjs-invalid {
     margin-right: 3px;
     margin-bottom: -1px;
     position: relative;
-    display: -webkit-box;
     display: flex;
     border: 1px solid transparent;
     border-radius: 8px 8px 0 0;
@@ -4382,20 +4226,28 @@ input.eqjs-invalid {
 }
 
 .eqjs-facet-close:before {
-    -webkit-transform: rotate(45deg);
-            transform: rotate(45deg);
+    transform: rotate(45deg);
 }
 
 .eqjs-facet-close:after {
-    -webkit-transform: rotate(-45deg);
-            transform: rotate(-45deg);
+    transform: rotate(-45deg);
 }
 
 
-.eqjs-facet .pivot-grid-totals-row .keg-row:last-child {
+.eqjs-facet .pivot-grid-with-totals .keg-row:last-child {
+    font-weight: 900;
+}
+
+.eqjs-facet .pivot-cell-total {
     font-weight: 900;
 }
 
+.eqjs-facet-error-message {
+    color: white;
+    background-color: darkred;
+    padding: 10px 20px;
+}
+
 .eqjs-facet-close:hover, .eqjs-facet-close:focus {
     opacity: 1;
     cursor: pointer;
@@ -4433,8 +4285,7 @@ input.eqjs-invalid {
     margin: auto 10px;
     height: 22px;
     width: 22px;
-    -webkit-box-flex: 0;
-            flex: 0 0 auto;
+    flex: 0 0 auto;
 }
 
 .eqjs-facets-add-button > a {
@@ -4464,7 +4315,6 @@ input.eqjs-invalid {
     border: 1px solid #dbdbdb;
     border-radius: 4px;
     box-shadow: none;
-    display: -webkit-inline-box;
     display: inline-flex;
     height: 24px;
     width: 24px;
@@ -4548,7 +4398,6 @@ input.eqjs-invalid {
     opacity: 1;
 }
 .eqjs-as-selected, .eqjs-as-group, .eqjs-as-aggr {
-    display: -webkit-box;
     display: flex;
     padding: 7px 10px;
     border-radius: 5px;
@@ -4590,19 +4439,14 @@ input.eqjs-invalid {
 }
 
 .eqjs-as-columns {
-    -webkit-box-flex: 1;
-            flex: 1;
-    display: -webkit-box;
+    flex: 1;
     display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-            flex-direction: column;    
+    flex-direction: column;    
 }
 
 .eqjs-as-column {
     margin: 5px 50px 5px 10px;
-    -webkit-box-flex: 1;
-            flex: 1;
+    flex: 1;
     background-color: #3298dc24;
     cursor: pointer;
 }
@@ -4613,8 +4457,7 @@ input.eqjs-invalid {
 
 .eqjs-as-column-used, .eqjs-as-selected .eqjs-as-column {
     margin: 5px 10px 0 0;
-    -webkit-box-flex: 1;
-            flex: 1;
+    flex: 1;
 }
 
 .eqjs-as-selected .eqjs-as-column:first-child {
@@ -4641,13 +4484,9 @@ input.eqjs-invalid {
 }
 
 .eqjs-as-buttons {
-    -webkit-box-flex: 0;
-            flex: 0 auto;
-    display: -webkit-inline-box;
+    flex: 0 auto;
     display: inline-flex;
-    -webkit-box-orient: horizontal;
-    -webkit-box-direction: normal;
-            flex-direction: row;
+    flex-direction: row;
     gap: 3px;
     margin: auto;
 }
@@ -4665,8 +4504,7 @@ input.eqjs-invalid {
     border-radius: 3px;
     cursor: pointer;
     pointer-events: auto;
-    -webkit-box-flex: 0;
-            flex-grow: 0;
+    flex-grow: 0;
     flex-shrink: 0;
     height: 32px;
     width: 32px;
@@ -4701,14 +4539,12 @@ input.eqjs-invalid {
     margin-top: 20px;
     margin-left: 10px;
     font-weight: 300;
-    display: -webkit-inline-box;
     display: inline-flex;
 }
 
 .eqjs-as-enableaggr {
     margin-bottom: 40px;
     font-weight: 500;
-    display: -webkit-inline-box;
     display: inline-flex;
 }
 
@@ -4739,7 +4575,6 @@ input.eqjs-invalid {
     right: 0;
     bottom: 0;
     background-color: #ccc;
-    -webkit-transition: .4s;
     transition: .4s;
   }
   
@@ -4751,7 +4586,6 @@ input.eqjs-invalid {
     left: 3px;
     bottom: 3px;
     background-color: white;
-    -webkit-transition: .4s;
     transition: .4s;
   }
   
@@ -4764,7 +4598,6 @@ input.eqjs-invalid {
   }
   
   input:checked + .slider:before {
-    -webkit-transform: translateX(17px);
     transform: translateX(17px);
   }