cx 26.2.2 → 26.2.4

package/dist/widgets.css

@@ -30,63 +30,77 @@
   white-space: nowrap;
   text-decoration: none;
 }
+
 .cxb-button::-moz-focus-inner {
   border: 0;
   padding: 0;
   margin: -1px;
 }
+
 .cxb-button:hover {
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
   text-decoration: none;
 }
+
 .cxb-button:focus {
   outline: none;
   box-shadow: 0 0 1px 1px rgba(77, 144, 254, 0.8);
 }
+
 .cxb-button:active, .cxb-button.cxs-pressed {
   top: 1px;
   box-shadow: none;
 }
+
 .cxb-button[disabled], .cxb-button.cxs-disabled {
   color: gray;
   box-shadow: none;
   pointer-events: none;
 }
+
 .cxb-button.cxm-primary {
   background-color: #1f99f8;
   border-color: #1e88e5;
   color: white;
 }
+
 .cxb-button.cxm-primary[disabled], .cxb-button.cxm-primary.cxs-disabled {
   background-color: rgba(31, 153, 248, 0.5);
   border-color: rgba(30, 136, 229, 0.1);
   color: rgba(255, 255, 255, 0.6);
 }
+
 .cxb-button.cxm-primary:hover {
   background-color: #1f99f8;
 }
+
 .cxb-button.cxm-danger {
   background-color: #d32f2f;
   border-color: #c62828;
   color: white;
 }
+
 .cxb-button.cxm-danger[disabled], .cxb-button.cxm-danger.cxs-disabled {
   background-color: rgba(211, 47, 47, 0.6);
   border-color: rgba(198, 40, 40, 0.1);
   color: rgba(255, 255, 255, 0.5);
 }
+
 .cxb-button.cxm-danger:hover {
   background-color: #d32f2f;
 }
+
 .cxb-button.cxm-hollow {
   background-color: transparent;
   border-color: transparent;
   color: inherit;
   box-shadow: none;
 }
+
 .cxb-button.cxm-hollow[disabled], .cxb-button.cxm-hollow.cxs-disabled {
   color: rgba(128, 128, 128, 0.5);
 }
+
 .cxb-button.cxm-hollow:hover {
   background-color: rgba(128, 128, 128, 0.1);
   outline: none;
@@ -94,12 +108,14 @@
   box-shadow: none;
   border-color: transparent;
 }
+
 .cxb-button.cxm-hollow:focus {
   background-color: rgba(123, 190, 255, 0.3);
   outline: none;
   box-shadow: none;
   border-color: transparent;
 }
+
 .cxe-button-icon {
   display: inline-block;
   position: absolute;
@@ -114,15 +130,20 @@
 
 .cxe-button-baseline {
   display: inline-block;
-  width: 1px;
-  margin-left: -1px;
+  min-width: 16px;
 }
 
 .cxb-button.cxs-icon {
   padding: 5px 10px 5px 26px;
 }
+
 .cxb-button.cxs-icon.cxs-empty {
-  padding: 5px 5px 5px 21px;
+  padding: 5px 5px 5px 5px;
+}
+
+.cxb-button.cxs-icon.cxs-empty .cxe-button-icon {
+  left: 50%;
+  margin-left: -8px;
 }
 
 .cxb-list {
@@ -134,12 +155,15 @@
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -webkit-overflow-scrolling: touch;
 }
+
 .cxb-list.cxs-focused {
   outline: none;
 }
+
 .cxb-list.cxm-bordered {
   border-width: 1px;
 }
+
 .cxb-list.cxm-bordered > .cxe-list-item:not(:first-child) {
   border-top-width: 1px;
 }
@@ -148,36 +172,45 @@
   margin: 0;
   border: 0 solid #bfbfbf;
 }
+
 .cxe-list-item.cxs-pad {
   padding: 5px 10px;
 }
+
 .cxs-selectable > .cxe-list-item {
   cursor: pointer;
 }
+
 .cxe-list-item:hover {
   background-color: rgba(128, 128, 128, 0.1);
   outline: none;
   cursor: pointer;
 }
+
 .cxe-list-item.cxs-cursor {
   background-color: rgba(128, 128, 128, 0.1);
   outline: none;
   cursor: pointer;
 }
+
 .cxb-list.cxs-focused > .cxe-list-item.cxs-cursor, .cxb-list:focus > .cxe-list-item.cxs-cursor {
   background-color: rgba(123, 190, 255, 0.15);
   outline: none;
 }
+
 .cxe-list-item.cxs-selected {
   background-color: rgba(123, 190, 255, 0.4);
 }
+
 .cxe-list-item.cxs-selected.cxs-cursor {
   background-color: rgba(123, 190, 255, 0.2);
 }
+
 .cxb-list.cxs-focused > .cxe-list-item.cxs-selected.cxs-cursor, .cxb-list:focus > .cxe-list-item.cxs-selected.cxs-cursor {
   background-color: rgba(123, 190, 255, 0.3);
   outline: none;
 }
+
 .cxe-list-item.cxs-disabled {
   cursor: default;
   opacity: 0.5;
@@ -200,9 +233,11 @@
   bottom: 20px;
   right: 20px;
 }
+
 .cxb-cxcredit:hover {
   opacity: 1;
 }
+
 .cxb-cxcredit.cxm-inline {
   position: relative;
   bottom: auto;
@@ -219,26 +254,35 @@
   display: flex;
   box-sizing: border-box;
 }
-.cxb-section.cxm-card, .cxb-section.cxm-well {
+
+.cxb-section.cxm-card {
+  background-color: rgba(255, 255, 255, 0.9);
+  border-radius: 3px;
+}
+
+.cxb-section.cxm-well {
   background-color: rgba(255, 255, 255, 0.9);
   border-radius: 3px;
-  border-color: #bfbfbf;
 }
+
 .cxb-section.cxm-warning {
   color: #fff;
   background-color: #f09037;
   border-radius: 3px;
 }
+
 .cxb-section.cxm-primary {
   color: #fff;
   background-color: #1f99f8;
   border-radius: 3px;
 }
+
 .cxb-section.cxm-success {
   color: #fff;
   background-color: #5cb85c;
   border-radius: 3px;
 }
+
 .cxb-section.cxm-error {
   color: #fff;
   background-color: #d9534f;
@@ -246,10 +290,12 @@
 }
 
 .cxe-section-header {
+  box-sizing: border-box;
   margin: 0 1.5rem;
   padding: 1rem 0;
-  box-sizing: border-box;
-  border-bottom: 1px solid rgba(128, 128, 128, 0.3);
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+  border-bottom-color: rgba(128, 128, 128, 0.3);
 }
 
 .cxe-section-body {
@@ -257,37 +303,45 @@
   box-sizing: border-box;
   overflow: auto;
 }
+
 .cxs-pad > .cxe-section-body {
   padding: 1rem 1.5rem;
 }
 
 .cxe-section-footer {
+  box-sizing: border-box;
   margin: 0 1.5rem;
   padding: 1rem 0;
-  box-sizing: border-box;
-  border-top: 1px solid rgba(128, 128, 128, 0.3);
+  border-top-width: 1px;
+  border-top-style: solid;
+  border-top-color: rgba(128, 128, 128, 0.3);
 }
 
 .cxb-heading.cxs-level-1 {
   margin: 0;
   padding: 0;
 }
+
 .cxb-heading.cxs-level-2 {
   margin: 0;
   padding: 0;
 }
+
 .cxb-heading.cxs-level-3 {
   margin: 0;
   padding: 0;
 }
+
 .cxb-heading.cxs-level-4 {
   margin: 0;
   padding: 0;
 }
+
 .cxb-heading.cxs-level-5 {
   margin: 0;
   padding: 0;
 }
+
 .cxb-heading.cxs-level-6 {
   margin: 0;
   padding: 0;
@@ -299,48 +353,60 @@
   display: flex;
   flex-direction: column;
 }
+
 .cxb-flexbox.cxs-nested {
   overflow: hidden;
 }
+
 .cxb-flexbox.cxs-nested > div {
   overflow: auto;
 }
+
 .cxb-flexbox.cxs-xsmall-hpad {
   padding-left: 3px;
   padding-right: 3px;
 }
+
 .cxb-flexbox.cxs-xsmall-vpad {
   padding-top: 3px;
   padding-bottom: 3px;
 }
+
 .cxb-flexbox.cxs-small-hpad {
   padding-left: 5px;
   padding-right: 5px;
 }
+
 .cxb-flexbox.cxs-small-vpad {
   padding-top: 5px;
   padding-bottom: 5px;
 }
+
 .cxb-flexbox.cxs-medium-hpad {
   padding-left: 10px;
   padding-right: 10px;
 }
+
 .cxb-flexbox.cxs-medium-vpad {
   padding-top: 10px;
   padding-bottom: 10px;
 }
+
 .cxb-flexbox.cxs-large-hpad {
   padding-left: 15px;
   padding-right: 15px;
 }
+
 .cxb-flexbox.cxs-large-vpad {
   padding-top: 15px;
   padding-bottom: 15px;
 }
+
 .cxb-flexbox.cxs-xlarge-hpad {
   padding-left: 20px;
   padding-right: 20px;
 }
+
 .cxb-flexbox.cxs-xlarge-vpad {
   padding-top: 20px;
   padding-bottom: 20px;
@@ -350,128 +416,163 @@
   display: flex;
   flex: 1 1 auto;
 }
+
 .cxe-flexbox-flexbox.cxs-column {
   flex-direction: column;
 }
+
 .cxe-flexbox-flexbox.cxs-row {
   flex-direction: row;
 }
+
 .cxe-flexbox-flexbox.cxs-row-reverse {
   flex-direction: row-reverse;
 }
+
 .cxe-flexbox-flexbox.cxs-xsmall-hspacing {
   margin-left: -1.5px;
   margin-right: -1.5px;
 }
+
 .cxe-flexbox-flexbox.cxs-xsmall-hspacing > * {
   margin-left: 1.5px;
   margin-right: 1.5px;
 }
+
 .cxe-flexbox-flexbox.cxs-xsmall-vspacing {
   margin-top: -1.5px;
   margin-bottom: -1.5px;
 }
+
 .cxe-flexbox-flexbox.cxs-xsmall-vspacing > * {
   margin-top: 1.5px;
   margin-bottom: 1.5px;
 }
+
 .cxe-flexbox-flexbox.cxs-small-hspacing {
   margin-left: -2.5px;
   margin-right: -2.5px;
 }
+
 .cxe-flexbox-flexbox.cxs-small-hspacing > * {
   margin-left: 2.5px;
   margin-right: 2.5px;
 }
+
 .cxe-flexbox-flexbox.cxs-small-vspacing {
   margin-top: -2.5px;
   margin-bottom: -2.5px;
 }
+
 .cxe-flexbox-flexbox.cxs-small-vspacing > * {
   margin-top: 2.5px;
   margin-bottom: 2.5px;
 }
+
 .cxe-flexbox-flexbox.cxs-medium-hspacing {
   margin-left: -5px;
   margin-right: -5px;
 }
+
 .cxe-flexbox-flexbox.cxs-medium-hspacing > * {
   margin-left: 5px;
   margin-right: 5px;
 }
+
 .cxe-flexbox-flexbox.cxs-medium-vspacing {
   margin-top: -5px;
   margin-bottom: -5px;
 }
+
 .cxe-flexbox-flexbox.cxs-medium-vspacing > * {
   margin-top: 5px;
   margin-bottom: 5px;
 }
+
 .cxe-flexbox-flexbox.cxs-large-hspacing {
   margin-left: -7.5px;
   margin-right: -7.5px;
 }
+
 .cxe-flexbox-flexbox.cxs-large-hspacing > * {
   margin-left: 7.5px;
   margin-right: 7.5px;
 }
+
 .cxe-flexbox-flexbox.cxs-large-vspacing {
   margin-top: -7.5px;
   margin-bottom: -7.5px;
 }
+
 .cxe-flexbox-flexbox.cxs-large-vspacing > * {
   margin-top: 7.5px;
   margin-bottom: 7.5px;
 }
+
 .cxe-flexbox-flexbox.cxs-xlarge-hspacing {
   margin-left: -10px;
   margin-right: -10px;
 }
+
 .cxe-flexbox-flexbox.cxs-xlarge-hspacing > * {
   margin-left: 10px;
   margin-right: 10px;
 }
+
 .cxe-flexbox-flexbox.cxs-xlarge-vspacing {
   margin-top: -10px;
   margin-bottom: -10px;
 }
+
 .cxe-flexbox-flexbox.cxs-xlarge-vspacing > * {
   margin-top: 10px;
   margin-bottom: 10px;
 }
+
 .cxe-flexbox-flexbox.cxs-align-center {
   align-items: center;
 }
+
 .cxe-flexbox-flexbox.cxs-align-start {
   align-items: flex-start;
 }
+
 .cxe-flexbox-flexbox.cxs-align-end {
   align-items: flex-end;
 }
+
 .cxe-flexbox-flexbox.cxs-align-baseline {
   align-items: baseline;
 }
+
 .cxe-flexbox-flexbox.cxs-wrap {
   flex-wrap: wrap;
 }
+
 .cxe-flexbox-flexbox.cxs-justify-center {
   justify-content: center;
 }
+
 .cxe-flexbox-flexbox.cxs-justify-start {
   justify-content: flex-start;
 }
+
 .cxe-flexbox-flexbox.cxs-justify-end {
   justify-content: flex-end;
 }
+
 .cxe-flexbox-flexbox.cxs-justify-space-between {
   justify-content: space-between;
 }
+
 .cxe-flexbox-flexbox.cxs-justify-space-around {
   justify-content: space-around;
 }
+
 .cxe-flexbox-flexbox.cxs-justify-space-evenly {
   justify-content: space-evenly;
 }
+
 @media not screen and (min-width: 400px) {
   .cxe-flexbox-flexbox.cxs-target-phone {
     display: block;
@@ -727,7 +828,6 @@
     margin-bottom: 20px;
   }
 }
-
 .cxb-icon {
   width: 16px;
   height: 16px;
@@ -749,6 +849,7 @@
   border-width: 1px 0 1px 0;
   border-color: transparent;
 }
+
 .cxb-label.cxs-disabled {
   color: #bdbdbd;
 }
@@ -765,6 +866,7 @@
   line-height: 0;
   height: 28px;
 }
+
 .cxb-textfield.cxs-view-mode {
   line-height: 16px;
   padding: 5px;
@@ -789,46 +891,55 @@
   color: black;
   outline-offset: 0;
   box-shadow: none;
-  text-overflow: ellipsis;
   -ms-appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
 }
+
 .cxe-textfield-input:focus {
   border-color: rgba(77, 144, 254, 0.8);
   outline: none;
   box-shadow: 0 0 2px rgba(77, 144, 254, 0.8);
 }
+
 .cxe-textfield-input:disabled {
   background: rgb(235, 235, 228);
   color: rgb(84, 84, 84);
   pointer-events: none;
 }
+
 .cxs-error > .cxe-textfield-input {
   border-color: rgba(220, 0, 9, 0.8);
 }
+
 .cxs-error > .cxe-textfield-input:focus {
   box-shadow: 0 0 2px rgba(220, 0, 9, 0.8);
 }
+
 .cxe-textfield-input::-webkit-input-placeholder {
   color: rgba(128, 128, 128, 0.7);
   opacity: 1;
 }
+
 .cxe-textfield-input::-moz-placeholder {
   color: rgba(128, 128, 128, 0.7);
   opacity: 1;
 }
+
 .cxe-textfield-input:-ms-input-placeholder {
   color: rgba(128, 128, 128, 0.7);
   opacity: 1;
 }
+
 .cxe-textfield-input::-ms-clear {
   width: 0;
   height: 0;
 }
+
 .cxs-icon > .cxe-textfield-input {
   padding-left: 26px;
 }
+
 .cxs-clear > .cxe-textfield-input {
   padding-right: 22px;
 }
@@ -847,9 +958,11 @@
   opacity: 0.6;
   text-align: center;
 }
+
 .cxe-textfield-left-icon:hover {
   opacity: 1;
 }
+
 .cxe-textfield-clear {
   display: block;
   position: absolute;
@@ -864,9 +977,11 @@
   border-radius: 0;
   text-align: center;
 }
+
 .cxe-textfield-clear:hover {
   background-color: rgba(128, 128, 128, 0.2);
 }
+
 .cxe-textfield-icon {
   display: block;
   position: absolute;
@@ -892,6 +1007,7 @@
   line-height: 0;
   height: 28px;
 }
+
 .cxb-numberfield.cxs-view-mode {
   line-height: 16px;
   padding: 5px;
@@ -916,47 +1032,56 @@
   color: black;
   outline-offset: 0;
   box-shadow: none;
-  text-overflow: ellipsis;
   -ms-appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
 }
+
 .cxe-numberfield-input:focus {
   border-color: rgba(77, 144, 254, 0.8);
   outline: none;
   box-shadow: 0 0 2px rgba(77, 144, 254, 0.8);
 }
+
 .cxe-numberfield-input:disabled {
   background: rgb(235, 235, 228);
   color: rgb(84, 84, 84);
   pointer-events: none;
 }
+
 .cxs-error > .cxe-numberfield-input {
   border-color: rgba(220, 0, 9, 0.8);
 }
+
 .cxs-error > .cxe-numberfield-input:focus {
   box-shadow: 0 0 2px rgba(220, 0, 9, 0.8);
 }
+
 .cxe-numberfield-input::-webkit-input-placeholder {
   color: rgba(128, 128, 128, 0.7);
   opacity: 1;
 }
+
 .cxe-numberfield-input::-moz-placeholder {
   color: rgba(128, 128, 128, 0.7);
   opacity: 1;
 }
+
 .cxe-numberfield-input:-ms-input-placeholder {
   color: rgba(128, 128, 128, 0.7);
   opacity: 1;
 }
+
 .cxe-numberfield-input::-ms-clear {
   width: 0;
   height: 0;
 }
+
 .cxe-numberfield-input::-webkit-inner-spin-button, .cxe-numberfield-input::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin: 0;
 }
+
 .cxs-icon > .cxe-numberfield-input {
   padding-left: 26px;
 }
@@ -976,9 +1101,11 @@
   text-align: center;
   cursor: pointer;
 }
+
 .cxe-numberfield-tool:hover {
   opacity: 1;
 }
+
 .cxe-numberfield-icon {
   display: block;
   position: absolute;
@@ -1006,9 +1133,11 @@
   opacity: 0.6;
   text-align: center;
 }
+
 .cxe-numberfield-left-icon:hover {
   opacity: 1;
 }
+
 .cxe-numberfield-clear {
   display: block;
   position: absolute;
@@ -1023,9 +1152,11 @@
   border-radius: 0;
   text-align: center;
 }
+
 .cxe-numberfield-clear:hover {
   background-color: rgba(128, 128, 128, 0.2);
 }
+
 .cxe-numberfield-empty-text {
   color: rgba(128, 128, 128, 0.7);
 }
@@ -1033,7 +1164,6 @@
 .cxb-calendar {
   display: inline-block;
   vertical-align: middle;
-  width: 18em;
   overflow-y: auto;
   box-sizing: border-box;
   line-height: 16px;
@@ -1048,26 +1178,33 @@
   color: black;
   outline-offset: 0;
   box-shadow: none;
-  text-overflow: ellipsis;
   -ms-appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
+  width: 18em;
 }
+
 .cxb-calendar:focus {
   border-color: rgba(77, 144, 254, 0.8);
   outline: none;
   box-shadow: 0 0 2px rgba(77, 144, 254, 0.8);
 }
+
 .cxb-calendar.cxs-error {
   border-color: rgba(220, 0, 9, 0.8);
 }
+
 .cxb-calendar.cxs-error:focus {
   box-shadow: 0 0 2px rgba(220, 0, 9, 0.8);
 }
+
 .cxb-calendar table {
   border-spacing: 0;
   width: 100%;
+  border-collapse: separate;
+  font-size: inherit;
 }
+
 .cxb-calendar td,
 .cxb-calendar th {
   text-align: center;
@@ -1075,54 +1212,67 @@
   line-height: 2em;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
+
 .cxb-calendar th {
   font-weight: 500;
+  font-size: inherit;
 }
+
 .cxb-calendar tbody td {
   user-select: none;
   font-size: 13px;
   background-color: transparent;
   border-radius: 0;
 }
+
 .cxb-calendar .cxe-calendar-header {
   font-size: 13px;
   font-weight: 500;
   color: #373a3c;
   background-color: transparent;
 }
+
 .cxb-calendar td.cxs-today {
   background-color: rgba(220, 250, 183, 0.5);
 }
+
 .cxb-calendar td.cxs-today:hover {
   background-color: rgba(128, 128, 128, 0.1);
   outline: none;
   cursor: pointer;
 }
+
 .cxb-calendar td.cxs-outside {
   color: rgba(0, 0, 0, 0.3);
 }
+
 .cxb-calendar td.cxs-unselectable {
   cursor: default;
   opacity: 0.5;
   pointer-events: none;
 }
+
 .cxb-calendar td.cxs-cursor,
 .cxb-calendar .cxe-calendar-header td:hover {
   background-color: rgba(128, 128, 128, 0.1);
   outline: none;
   cursor: pointer;
 }
+
 .cxb-calendar td.cxs-selected {
   background-color: rgba(123, 190, 255, 0.4);
 }
+
 .cxb-calendar:not(.cxs-disabled) td {
   cursor: pointer;
 }
+
 .cxb-calendar td:not(.cxe-calendar-year-option):first-child,
 .cxb-calendar td:not(.cxe-calendar-year-option):last-child {
   display: none;
   pointer-events: none;
 }
+
 .cxb-calendar.cxs-disabled {
   background-color: transparent;
   border-color: transparent;
@@ -1150,6 +1300,7 @@
 .cxe-calendar-year-name {
   cursor: pointer;
 }
+
 .cxe-calendar-year-picker {
   user-select: none;
   overflow-y: scroll;
@@ -1157,20 +1308,24 @@
   max-height: 24em;
   height: auto;
 }
+
 .cxe-calendar-year-option {
   cursor: pointer;
   font-size: 13px;
   background-color: transparent;
   border-radius: 0;
 }
+
 .cxe-calendar-year-option.cxs-active {
   background-color: rgba(220, 250, 183, 0.5);
 }
+
 .cxe-calendar-year-option:hover {
   background-color: rgba(128, 128, 128, 0.1);
   outline: none;
   cursor: pointer;
 }
+
 .cxe-calendar-year-option.cxs-selected {
   background-color: rgba(123, 190, 255, 0.4);
 }
@@ -1206,6 +1361,7 @@ th.cxe-calendar-display {
   display: inline-block;
   box-sizing: border-box;
 }
+
 .cxb-lookupfield.cxs-view-mode {
   line-height: 16px;
   padding: 5px;
@@ -1213,13 +1369,16 @@ th.cxe-calendar-display {
   border-style: solid;
   border-color: transparent;
 }
+
 .cxb-lookupfield.cxs-multiple {
   min-width: 180px;
   width: auto;
 }
+
 .cxb-lookupfield.cxs-readonly {
   pointer-events: none;
 }
+
 .cxb-lookupfield.cxs-readonly > .cxe-lookupfield-input {
   padding-right: 5px;
 }
@@ -1241,52 +1400,63 @@ th.cxe-calendar-display {
   -ms-appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
-  height: 100%;
+  width: 100%;
+  display: inline-flex;
 }
+
 .cxe-lookupfield-input:focus {
   border-color: rgba(77, 144, 254, 0.8);
   outline: none;
   box-shadow: 0 0 2px rgba(77, 144, 254, 0.8);
 }
+
 .cxs-disabled > .cxe-lookupfield-input {
   background: rgb(235, 235, 228);
   color: rgb(84, 84, 84);
   pointer-events: none;
 }
+
 .cxs-error > .cxe-lookupfield-input {
   border-color: rgba(220, 0, 9, 0.8);
 }
+
 .cxs-error > .cxe-lookupfield-input:focus {
   box-shadow: 0 0 2px rgba(220, 0, 9, 0.8);
 }
-.cxs-multiple > .cxe-lookupfield-input {
-  padding: 0 24px 3px 0;
-  align-items: center;
-  flex-wrap: wrap;
-  display: flex;
-}
+
 .cxs-single > .cxe-lookupfield-input {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  display: block;
   flex-basis: 0%;
   flex-grow: 1;
 }
+
 .cxs-icon > .cxe-lookupfield-input {
   padding-left: 26px;
 }
 
+.cxe-lookupfield-tags {
+  display: flex;
+  margin: -2px -2px -2px -2px;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 3px;
+}
+
 .cxe-lookupfield-tag {
   display: inline-block;
   position: relative;
   box-sizing: border-box;
   background-color: #eee;
-  margin: 3px 0 0 3px;
   padding: 2px;
   padding-right: 18px;
   border-radius: 0;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #ccc;
 }
+
 .cxe-lookupfield-tag.cxs-readonly {
   padding-right: 5px;
   pointer-events: none;
@@ -1295,12 +1465,6 @@ th.cxe-calendar-display {
 .cxe-lookupfield-placeholder {
   color: rgba(128, 128, 128, 0.7);
 }
-.cxb-lookupfield.cxs-multiple .cxe-lookupfield-placeholder {
-  display: inline-block;
-  margin: 3px 0 0 3px;
-  box-sizing: border-box;
-  padding: 2px 2px 2px 2px;
-}
 
 .cxe-lookupfield-tag-value {
   padding: 0 3px;
@@ -1321,9 +1485,11 @@ th.cxe-calendar-display {
   border-radius: 0;
   text-align: center;
 }
+
 .cxe-lookupfield-tag-clear:hover {
   background-color: rgba(128, 128, 128, 0.2);
 }
+
 .cxe-lookupfield-lookup-options {
   padding: 0;
   margin: 0;
@@ -1347,7 +1513,6 @@ th.cxe-calendar-display {
   color: black;
   outline-offset: 0;
   box-shadow: none;
-  text-overflow: ellipsis;
   -ms-appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
@@ -1355,38 +1520,47 @@ th.cxe-calendar-display {
   flex: 0 0 auto;
   height: auto;
 }
+
 .cxe-lookupfield-query:focus {
   border-color: rgba(77, 144, 254, 0.8);
   outline: none;
   box-shadow: 0 0 2px rgba(77, 144, 254, 0.8);
 }
+
 .cxe-lookupfield-query:disabled {
   background: rgb(235, 235, 228);
   color: rgb(84, 84, 84);
   pointer-events: none;
 }
+
 .cxs-error > .cxe-lookupfield-query {
   border-color: rgba(220, 0, 9, 0.8);
 }
+
 .cxs-error > .cxe-lookupfield-query:focus {
   box-shadow: 0 0 2px rgba(220, 0, 9, 0.8);
 }
+
 .cxe-lookupfield-query::-webkit-input-placeholder {
   color: rgba(128, 128, 128, 0.7);
   opacity: 1;
 }
+
 .cxe-lookupfield-query::-moz-placeholder {
   color: rgba(128, 128, 128, 0.7);
   opacity: 1;
 }
+
 .cxe-lookupfield-query:-ms-input-placeholder {
   color: rgba(128, 128, 128, 0.7);
   opacity: 1;
 }
+
 .cxe-lookupfield-query::-ms-clear {
   width: 0;
   height: 0;
 }
+
 .cxs-place-up-right .cxe-lookupfield-query, .cxs-place-up .cxe-lookupfield-query, .cxs-place-up-left .cxe-lookupfield-query {
   order: 1;
 }
@@ -1396,6 +1570,7 @@ th.cxe-calendar-display {
   flex-direction: column;
   height: 100%;
 }
+
 .cxe-lookupfield-dropdown:focus {
   outline: none;
 }
@@ -1406,6 +1581,7 @@ th.cxe-calendar-display {
   color: gray;
   font-style: italic;
 }
+
 .cxe-lookupfield-message.cxs-error {
   color: #9e2f2d;
 }
@@ -1429,9 +1605,11 @@ th.cxe-calendar-display {
   border-radius: 0;
   text-align: center;
 }
+
 .cxe-lookupfield-clear:hover {
   background-color: rgba(128, 128, 128, 0.2);
 }
+
 .cxe-lookupfield-tool {
   display: block;
   position: absolute;
@@ -1446,15 +1624,18 @@ th.cxe-calendar-display {
   text-align: center;
   cursor: pointer;
 }
+
 .cxe-lookupfield-tool:hover {
   opacity: 1;
 }
+
 .cxs-disabled > .cxe-lookupfield-tool {
   border-width: 0;
   background: rgb(235, 235, 228);
   color: rgb(84, 84, 84);
   pointer-events: none;
 }
+
 .cxe-lookupfield-left-icon {
   display: block;
   position: absolute;
@@ -1468,9 +1649,11 @@ th.cxe-calendar-display {
   opacity: 0.6;
   text-align: center;
 }
+
 .cxe-lookupfield-left-icon:hover {
   opacity: 1;
 }
+
 .cxe-lookupfield-icon {
   display: block;
   position: absolute;
@@ -1488,173 +1671,26 @@ th.cxe-calendar-display {
   color: rgba(128, 128, 128, 0.7);
 }
 
-.cxb-dropdown {
-  display: block;
-  left: -10000px;
-  top: -10000px;
-  color: #373a3c;
-  background-color: white;
-  border-radius: 0;
-  border-color: #bfbfbf;
-  border-width: 0;
-  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.29);
-  white-space: normal;
-  font-weight: normal;
-  font-size: 14px;
-  text-align: left;
-  line-height: normal;
-}
-.cxb-dropdown.cxs-place-screen-center {
-  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.29), 0 0 1000px 1000px rgba(128, 128, 128, 0.3);
+.cxb-select {
+  position: relative;
+  display: inline-block;
+  box-sizing: border-box;
+  width: 180px;
+  line-height: 0;
+  height: 28px;
 }
-.cxb-dropdown.cxs-pad {
+
+.cxb-select.cxs-view-mode {
+  line-height: 16px;
   padding: 5px;
+  border-width: 1px;
+  border-style: solid;
+  border-color: transparent;
 }
 
-.cxe-dropdown-beacon {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  visibility: hidden;
-}
-
-.cxe-dropdown-arrow-border,
-.cxe-dropdown-arrow-fill {
-  border-style: solid;
-  border-color: transparent;
-  content: " ";
-  height: 0;
-  width: 0;
-  position: absolute;
-  pointer-events: none;
-}
-
-.cxe-dropdown-arrow-border {
-  color: #bfbfbf;
-  border-width: 6px;
-}
-
-.cxe-dropdown-arrow-fill {
-  color: white;
-  border-width: 6px;
-}
-
-.cxs-place-right > .cxe-dropdown-arrow-fill,
-.cxs-place-right-up > .cxe-dropdown-arrow-fill,
-.cxs-place-right-down > .cxe-dropdown-arrow-fill {
-  right: 100%;
-  top: 50%;
-  border-right-color: currentColor;
-  margin-top: -6px;
-}
-.cxs-place-right > .cxe-dropdown-arrow-border,
-.cxs-place-right-up > .cxe-dropdown-arrow-border,
-.cxs-place-right-down > .cxe-dropdown-arrow-border {
-  right: 100%;
-  top: 50%;
-  border-right-color: currentColor;
-  margin-top: -6px;
-}
-
-.cxs-place-left > .cxe-dropdown-arrow-fill,
-.cxs-place-left-down > .cxe-dropdown-arrow-fill,
-.cxs-place-left-up > .cxe-dropdown-arrow-fill {
-  left: 100%;
-  top: 50%;
-  border-left-color: currentColor;
-  margin-top: -6px;
-}
-.cxs-place-left > .cxe-dropdown-arrow-border,
-.cxs-place-left-down > .cxe-dropdown-arrow-border,
-.cxs-place-left-up > .cxe-dropdown-arrow-border {
-  left: 100%;
-  top: 50%;
-  border-left-color: currentColor;
-  margin-top: -6px;
-}
-
-.cxs-place-right-down > .cxe-dropdown-arrow-fill,
-.cxs-place-left-down > .cxe-dropdown-arrow-fill {
-  top: 16px;
-}
-.cxs-place-right-down > .cxe-dropdown-arrow-border,
-.cxs-place-left-down > .cxe-dropdown-arrow-border {
-  top: 16px;
-}
-
-.cxs-place-right-up > .cxe-dropdown-arrow-fill, .cxs-place-right-up > .cxe-dropdown-arrow-border,
-.cxs-place-left-up > .cxe-dropdown-arrow-fill,
-.cxs-place-left-up > .cxe-dropdown-arrow-border {
-  top: calc(100% + -16px);
-}
-
-.cxs-place-up > .cxe-dropdown-arrow-fill,
-.cxs-place-up-left > .cxe-dropdown-arrow-fill,
-.cxs-place-up-right > .cxe-dropdown-arrow-fill {
-  left: 50%;
-  top: 100%;
-  border-top-color: currentColor;
-  margin-left: -6px;
-}
-.cxs-place-up > .cxe-dropdown-arrow-border,
-.cxs-place-up-left > .cxe-dropdown-arrow-border,
-.cxs-place-up-right > .cxe-dropdown-arrow-border {
-  left: 50%;
-  top: 100%;
-  border-top-color: currentColor;
-  margin-left: -6px;
-}
-
-.cxs-place-down > .cxe-dropdown-arrow-fill,
-.cxs-place-down-left > .cxe-dropdown-arrow-fill,
-.cxs-place-down-right > .cxe-dropdown-arrow-fill {
-  left: 50%;
-  bottom: 100%;
-  border-bottom-color: currentColor;
-  margin-left: -6px;
-}
-.cxs-place-down > .cxe-dropdown-arrow-border,
-.cxs-place-down-left > .cxe-dropdown-arrow-border,
-.cxs-place-down-right > .cxe-dropdown-arrow-border {
-  left: 50%;
-  bottom: 100%;
-  border-bottom-color: currentColor;
-  margin-left: -6px;
-}
-
-.cxs-place-down-right > .cxe-dropdown-arrow-fill, .cxs-place-down-right > .cxe-dropdown-arrow-border,
-.cxs-place-up-right > .cxe-dropdown-arrow-fill,
-.cxs-place-up-right > .cxe-dropdown-arrow-border {
-  left: 16px;
-}
-
-.cxs-place-down-left > .cxe-dropdown-arrow-fill,
-.cxs-place-up-left > .cxe-dropdown-arrow-fill {
-  left: calc(100% + -16px);
-}
-.cxs-place-down-left > .cxe-dropdown-arrow-border,
-.cxs-place-up-left > .cxe-dropdown-arrow-border {
-  left: calc(100% + -16px);
-}
-
-.cxb-select {
-  position: relative;
-  display: inline-block;
-  box-sizing: border-box;
-  width: 180px;
-  line-height: 0;
-  height: 28px;
-}
-.cxb-select.cxs-view-mode {
-  line-height: 16px;
-  padding: 5px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: transparent;
-}
-.cxb-select .cxe-select-left-icon {
-  pointer-events: none;
-  display: block;
+.cxb-select .cxe-select-left-icon {
+  pointer-events: none;
+  display: block;
   position: absolute;
   font-size: 16px;
   left: 6px;
@@ -1666,9 +1702,11 @@ th.cxe-calendar-display {
   opacity: 0.6;
   text-align: center;
 }
+
 .cxb-select .cxe-select-left-icon:hover {
   opacity: 1;
 }
+
 .cxe-select-select {
   box-sizing: border-box;
   width: 100%;
@@ -1685,55 +1723,66 @@ th.cxe-calendar-display {
   color: black;
   outline-offset: 0;
   box-shadow: none;
-  text-overflow: ellipsis;
   -ms-appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
 }
+
 .cxe-select-select:focus {
   border-color: rgba(77, 144, 254, 0.8);
   outline: none;
   box-shadow: 0 0 2px rgba(77, 144, 254, 0.8);
 }
+
 .cxe-select-select:disabled {
   background: rgb(235, 235, 228);
   color: rgb(84, 84, 84);
   pointer-events: none;
 }
+
 .cxs-error > .cxe-select-select {
   border-color: rgba(220, 0, 9, 0.8);
 }
+
 .cxs-error > .cxe-select-select:focus {
   box-shadow: 0 0 2px rgba(220, 0, 9, 0.8);
 }
+
 .cxe-select-select::-webkit-input-placeholder {
   color: rgba(128, 128, 128, 0.7);
   opacity: 1;
 }
+
 .cxe-select-select::-moz-placeholder {
   color: rgba(128, 128, 128, 0.7);
   opacity: 1;
 }
+
 .cxe-select-select:-ms-input-placeholder {
   color: rgba(128, 128, 128, 0.7);
   opacity: 1;
 }
+
 .cxe-select-select::-ms-clear {
   width: 0;
   height: 0;
 }
+
 .cxs-icon > .cxe-select-select {
   padding-left: 26px;
 }
+
 .cxs-empty > .cxe-select-select {
   color: rgba(128, 128, 128, 0.7);
   opacity: 1;
 }
+
 .cxe-select-select::-ms-expand {
   display: none;
   margin: 0;
   padding: 0;
 }
+
 .cxe-select-select option {
   background-color: white;
   color: black;
@@ -1753,9 +1802,11 @@ th.cxe-calendar-display {
   border-radius: 0;
   text-align: center;
 }
+
 .cxe-select-clear:hover {
   background-color: rgba(128, 128, 128, 0.2);
 }
+
 .cxe-select-placeholder {
   color: rgba(128, 128, 128, 0.7);
   opacity: 1;
@@ -1776,15 +1827,18 @@ th.cxe-calendar-display {
   text-align: center;
   cursor: pointer;
 }
+
 .cxe-select-tool:hover {
   opacity: 1;
 }
+
 .cxs-disabled > .cxe-select-tool {
   border-width: 0;
   background: rgb(235, 235, 228);
   color: rgb(84, 84, 84);
   pointer-events: none;
 }
+
 .cxe-select-icon {
   display: block;
   position: absolute;
@@ -1805,6 +1859,7 @@ th.cxe-calendar-display {
   display: inline-block;
   box-sizing: border-box;
 }
+
 .cxb-textarea.cxs-view-mode {
   line-height: normal;
   padding: 5px;
@@ -1829,24 +1884,27 @@ th.cxe-calendar-display {
   color: black;
   outline-offset: 0;
   box-shadow: none;
-  text-overflow: ellipsis;
   -ms-appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
 }
+
 .cxe-textarea-input:focus {
   border-color: rgba(77, 144, 254, 0.8);
   outline: none;
   box-shadow: 0 0 2px rgba(77, 144, 254, 0.8);
 }
+
 .cxs-disabled > .cxe-textarea-input {
   background: rgb(235, 235, 228);
   color: rgb(84, 84, 84);
   pointer-events: none;
 }
+
 .cxs-error > .cxe-textarea-input {
   border-color: rgba(220, 0, 9, 0.8);
 }
+
 .cxs-error > .cxe-textarea-input:focus {
   box-shadow: 0 0 2px rgba(220, 0, 9, 0.8);
 }
@@ -1865,9 +1923,11 @@ th.cxe-calendar-display {
   text-align: center;
   cursor: pointer;
 }
+
 .cxe-textarea-tool:hover {
   opacity: 1;
 }
+
 .cxe-textarea-icon {
   display: block;
   position: absolute;
@@ -1897,6 +1957,7 @@ th.cxe-calendar-display {
   border-color: transparent;
   font-size: 13px;
 }
+
 .cxb-checkbox.cxs-view-mode {
   line-height: 16px;
   padding: 5px;
@@ -1915,11 +1976,13 @@ th.cxe-calendar-display {
   display: inline-block;
   position: absolute;
 }
+
 .cxe-checkbox-checkbox::-moz-focus-inner {
   border: 0;
   padding: 0;
   margin: -1px;
 }
+
 .cxe-checkbox-checkbox:focus {
   box-shadow: inset 0 0 1px 1px rgba(77, 144, 254, 0.8), 0 0 2px 2px rgba(77, 144, 254, 0.8);
   background: rgba(77, 144, 254, 0.8);
@@ -1931,6 +1994,7 @@ th.cxe-calendar-display {
   margin-left: 14px;
   user-select: none;
 }
+
 .cxs-disabled > .cxe-checkbox-text {
   opacity: 0.5;
 }
@@ -1963,28 +2027,32 @@ th.cxe-calendar-display {
   color: black;
   outline-offset: 0;
   box-shadow: none;
-  text-overflow: ellipsis;
   -ms-appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
   margin: 0 !important;
 }
+
 .cxe-checkbox-input:focus {
   border-color: rgba(77, 144, 254, 0.8);
   outline: none;
   box-shadow: 0 0 2px rgba(77, 144, 254, 0.8);
 }
+
 .cxs-disabled > .cxe-checkbox-input {
   background: rgb(235, 235, 228);
   color: rgb(84, 84, 84);
   pointer-events: none;
 }
+
 .cxs-error > .cxe-checkbox-input {
   border-color: rgba(220, 0, 9, 0.8);
 }
+
 .cxs-error > .cxe-checkbox-input:focus {
   box-shadow: 0 0 2px rgba(220, 0, 9, 0.8);
 }
+
 .cxe-checkbox-input-check {
   width: 100%;
   height: 100%;
@@ -1996,6 +2064,7 @@ th.cxe-calendar-display {
   right: 0;
   bottom: 0;
 }
+
 .cxs-checked > .cxe-checkbox-input-check {
   visibility: visible;
 }
@@ -2012,6 +2081,7 @@ th.cxe-calendar-display {
   border-color: transparent;
   font-size: 13px;
 }
+
 .cxb-radio.cxs-view-mode {
   line-height: 16px;
   padding: 5px;
@@ -2032,9 +2102,11 @@ th.cxe-calendar-display {
   -webkit-backface-visibility: hidden;
   outline: none;
 }
+
 .cxe-radio-radio::-moz-focus-outer {
   border: 0;
 }
+
 .cxe-radio-radio:focus {
   box-shadow: 0 0 2px 2px rgba(77, 144, 254, 0.8);
   background: transparent;
@@ -2047,6 +2119,7 @@ th.cxe-calendar-display {
   margin-left: 14px;
   user-select: none;
 }
+
 .cxs-disabled > .cxe-radio-text {
   opacity: 0.5;
 }
@@ -2072,28 +2145,32 @@ th.cxe-calendar-display {
   color: currentColor;
   outline-offset: 0;
   box-shadow: none;
-  text-overflow: ellipsis;
   -ms-appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
   margin: 0 !important;
 }
+
 .cxe-radio-input:focus {
   border-color: rgba(77, 144, 254, 0.8);
   outline: none;
   box-shadow: 0 0 2px rgba(77, 144, 254, 0.8);
 }
+
 .cxs-disabled > .cxe-radio-input {
   background: rgb(235, 235, 228);
   color: rgb(84, 84, 84);
   pointer-events: none;
 }
+
 .cxs-error > .cxe-radio-input {
   border-color: rgba(220, 0, 9, 0.8);
 }
+
 .cxs-error > .cxe-radio-input:focus {
   box-shadow: 0 0 2px rgba(220, 0, 9, 0.8);
 }
+
 .cxe-radio-input:before {
   content: " ";
   width: calc(100% - 6px);
@@ -2105,6 +2182,7 @@ th.cxe-calendar-display {
   background-color: currentColor;
   border-radius: 50%;
 }
+
 .cxe-radio-input.cxs-checked:before {
   visibility: visible;
 }
@@ -2124,11 +2202,11 @@ th.cxe-calendar-display {
   color: black;
   outline-offset: 0;
   box-shadow: none;
-  text-overflow: ellipsis;
   -ms-appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
 }
+
 @media screen and (min-width: 500px) {
   .cxb-colorpicker {
     flex-direction: row;
@@ -2148,24 +2226,27 @@ th.cxe-calendar-display {
   color: black;
   outline-offset: 0;
   box-shadow: none;
-  text-overflow: ellipsis;
   -ms-appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
 }
+
 .cxb-colorpicker input:focus {
   border-color: rgba(77, 144, 254, 0.8);
   outline: none;
   box-shadow: 0 0 2px rgba(77, 144, 254, 0.8);
 }
+
 .cxs-disabled > .cxb-colorpicker input {
   background: rgb(235, 235, 228);
   color: rgb(84, 84, 84);
   pointer-events: none;
 }
+
 .cxs-error > .cxb-colorpicker input {
   border-color: rgba(220, 0, 9, 0.8);
 }
+
 .cxs-error > .cxb-colorpicker input:focus {
   box-shadow: 0 0 2px rgba(220, 0, 9, 0.8);
 }
@@ -2202,6 +2283,7 @@ th.cxe-calendar-display {
   background: -o-linear-gradient(left, #f00 0%, #ff0 16.66%, #0f0 33.33%, #0ff 50%, #00f 66.66%, #f0f 83.33%, #f00 100%);
   touch-action: none;
 }
+
 .cxe-colorpicker-hue .cxe-colorpicker-indicator {
   border-color: rgba(0, 0, 0, 0.5);
   height: calc(100% + 4px);
@@ -2218,10 +2300,12 @@ th.cxe-calendar-display {
   position: relative;
   touch-action: none;
 }
+
 .cxe-colorpicker-alpha > div:first-child {
   width: 100%;
   height: 100%;
 }
+
 .cxe-colorpicker-alpha .cxe-colorpicker-indicator {
   border-color: rgba(0, 0, 0, 0.5);
   top: -2px;
@@ -2244,6 +2328,7 @@ th.cxe-calendar-display {
   display: inline-block;
   text-align: right;
 }
+
 .cxe-colorpicker-inputs label input {
   margin-left: 2px;
   width: 60%;
@@ -2258,12 +2343,15 @@ th.cxe-calendar-display {
   align-items: center;
   margin-top: 4px;
 }
+
 .cxe-colorpicker-pixel-picker svg path {
   fill: currentColor;
 }
+
 .cxe-colorpicker-pixel-picker:hover {
   cursor: pointer;
 }
+
 .cxe-colorpicker-pixel-picker:hover svg path {
   fill: currentColor;
   opacity: 0.5;
@@ -2282,6 +2370,7 @@ th.cxe-calendar-display {
   border-radius: 4px;
   align-self: flex-end;
 }
+
 .cxe-colorpicker-color > div {
   width: 100%;
   height: 100%;
@@ -2291,10 +2380,12 @@ th.cxe-calendar-display {
   flex-grow: 1;
   margin: 0 8px;
 }
+
 .cxe-colorpicker-values input {
   width: 100%;
   display: block;
 }
+
 .cxe-colorpicker-values input:not(:last-child) {
   margin: 0 0 4px 0;
 }
@@ -2307,6 +2398,7 @@ th.cxe-calendar-display {
   line-height: 0;
   height: 28px;
 }
+
 .cxb-colorfield.cxs-view-mode {
   line-height: 16px;
   padding: 5px;
@@ -2331,39 +2423,46 @@ th.cxe-calendar-display {
   color: black;
   outline-offset: 0;
   box-shadow: none;
-  text-overflow: ellipsis;
   -ms-appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
 }
+
 .cxe-colorfield-input:focus {
   border-color: rgba(77, 144, 254, 0.8);
   outline: none;
   box-shadow: 0 0 2px rgba(77, 144, 254, 0.8);
 }
+
 .cxe-colorfield-input:disabled {
   background: rgb(235, 235, 228);
   color: rgb(84, 84, 84);
   pointer-events: none;
 }
+
 .cxs-error > .cxe-colorfield-input {
   border-color: rgba(220, 0, 9, 0.8);
 }
+
 .cxs-error > .cxe-colorfield-input:focus {
   box-shadow: 0 0 2px rgba(220, 0, 9, 0.8);
 }
+
 .cxe-colorfield-input::-webkit-input-placeholder {
   color: rgba(128, 128, 128, 0.7);
   opacity: 1;
 }
+
 .cxe-colorfield-input::-moz-placeholder {
   color: rgba(128, 128, 128, 0.7);
   opacity: 1;
 }
+
 .cxe-colorfield-input:-ms-input-placeholder {
   color: rgba(128, 128, 128, 0.7);
   opacity: 1;
 }
+
 .cxe-colorfield-input::-ms-clear {
   width: 0;
   height: 0;
@@ -2383,9 +2482,11 @@ th.cxe-calendar-display {
   border-radius: 0;
   text-align: center;
 }
+
 .cxe-colorfield-clear:hover {
   background-color: rgba(128, 128, 128, 0.2);
 }
+
 .cxe-colorfield-right-icon {
   display: block;
   position: absolute;
@@ -2400,9 +2501,11 @@ th.cxe-calendar-display {
   text-align: center;
   cursor: pointer;
 }
+
 .cxe-colorfield-right-icon:hover {
   opacity: 1;
 }
+
 .cxe-colorfield-left-icon {
   box-sizing: border-box;
   background-image: linear-gradient(45deg, rgba(128, 128, 128, 0.5) 25%, transparent 25%), linear-gradient(-45deg, rgba(128, 128, 128, 0.5) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(128, 128, 128, 0.5) 75%), linear-gradient(-45deg, transparent 75%, rgba(128, 128, 128, 0.5) 75%);
@@ -2421,12 +2524,15 @@ th.cxe-calendar-display {
   text-align: center;
   cursor: pointer;
 }
+
 .cxe-colorfield-left-icon:hover {
   opacity: 1;
 }
+
 .cxe-colorfield-left-icon div {
   width: 100%;
   height: 100%;
+  border-radius: inherit;
 }
 
 .cxe-colorfield-icon {
@@ -2447,20 +2553,20 @@ th.cxe-calendar-display {
 }
 
 .cxb-monthpicker {
+  display: inline-block;
   overflow-y: scroll;
   overflow-x: hidden;
   min-height: 10em;
   max-height: 30em;
   height: 100%;
   position: relative;
-  width: 23em;
   overflow-anchor: none;
   touch-action: pan-y;
-  box-sizing: border-box;
+  vertical-align: top;
   line-height: 16px;
-  padding: 5px;
+  padding: 0;
   border-width: 1px;
-  font-size: 13px;
+  font-size: smaller;
   font-family: inherit;
   border-color: #bfbfbf;
   border-style: solid;
@@ -2469,98 +2575,99 @@ th.cxe-calendar-display {
   color: black;
   outline-offset: 0;
   box-shadow: none;
-  text-overflow: ellipsis;
   -ms-appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
+  width: 23em;
 }
+
 .cxb-monthpicker:focus {
   border-color: rgba(77, 144, 254, 0.8);
   outline: none;
   box-shadow: 0 0 2px rgba(77, 144, 254, 0.8);
 }
-.cxs-disabled > .cxb-monthpicker {
-  background: rgb(235, 235, 228);
-  color: rgb(84, 84, 84);
-  pointer-events: none;
-}
-.cxs-error > .cxb-monthpicker {
-  border-color: rgba(220, 0, 9, 0.8);
-}
-.cxs-error > .cxb-monthpicker:focus {
-  box-shadow: 0 0 2px rgba(220, 0, 9, 0.8);
-}
+
 .cxb-monthpicker table {
   border-spacing: 0;
   width: 100%;
-  font-size: 0.9em;
+  font-size: inherit;
 }
+
 .cxb-monthpicker th,
 .cxb-monthpicker td {
-  border-top: 1px solid rgba(191, 191, 191, 0.5);
+  border-top: 1px solid color-mix(in srgb, #bfbfbf 50%, transparent);
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
+
 .cxb-monthpicker tbody:not(:first-child) tr:first-child th,
 .cxb-monthpicker tbody:not(:first-child) tr:first-child td {
   border-top: 1px solid #bfbfbf;
 }
+
 .cxb-monthpicker th,
 .cxb-monthpicker td {
   text-align: center;
-  font-size: smaller;
-  font-weight: normal;
-  line-height: 2em;
   cursor: pointer;
   -webkit-user-select: none;
   -ms-user-select: none;
   -moz-user-select: none;
   user-select: none;
+  padding: 0.5em 1em;
+  line-height: 2em;
 }
+
 .cxb-monthpicker th {
   padding: 0 0.5em;
   color: lightgray;
 }
-.cxb-monthpicker th.cxs-unselectable {
-  cursor: default;
-  opacity: 0.5;
-  pointer-events: none;
+
+.cxb-monthpicker td:hover,
+.cxb-monthpicker th:hover {
+  background-color: rgba(128, 128, 128, 0.1);
+  outline: none;
+  cursor: pointer;
+}
+
+.cxb-monthpicker th.cxs-unselectable {
+  cursor: default;
+  opacity: 0.5;
+  pointer-events: none;
 }
+
 .cxb-monthpicker .cxe-monthpicker-year {
   font-size: 120%;
+  font-weight: normal;
   color: gray;
 }
-.cxb-monthpicker td {
-  padding: 0.5em 1em;
-}
+
 .cxb-monthpicker td.cxs-outside {
-  color: lightgray;
+  opacity: 0.5;
 }
+
 .cxb-monthpicker td.cxs-unselectable {
   cursor: default;
   opacity: 0.5;
   pointer-events: none;
 }
+
 .cxb-monthpicker td.cxs-selected {
   border-color: transparent;
   background-color: rgba(123, 190, 255, 0.4);
 }
-.cxb-monthpicker td.cxs-selected:hover {
-  background-color: rgba(123, 190, 255, 0.2);
-}
-.cxb-monthpicker td.cxs-cursor,
-.cxb-monthpicker th.cxs-cursor {
-  background-color: rgba(128, 128, 128, 0.1);
-  outline: none;
-  cursor: pointer;
-}
-.cxb-monthpicker:focus td.cxs-selected {
-  background-color: rgba(123, 190, 255, 0.4);
-}
+
 .cxb-monthpicker:focus td.cxs-cursor,
 .cxb-monthpicker:focus th.cxs-cursor {
+  background-color: rgba(123, 190, 255, 0.15);
+  outline: none;
+}
+
+.cxb-monthpicker:focus td.cxs-cursor.cxs-selected,
+.cxb-monthpicker:focus th.cxs-cursor.cxs-selected {
+  border-color: transparent;
   background-color: rgba(123, 190, 255, 0.3);
   outline: none;
 }
+
 .cxb-monthpicker td.cxs-handle {
   touch-action: none;
 }
@@ -2580,6 +2687,7 @@ th.cxe-calendar-display {
   line-height: 0;
   height: 28px;
 }
+
 .cxb-monthfield.cxs-view-mode {
   line-height: 16px;
   padding: 5px;
@@ -2593,7 +2701,7 @@ th.cxe-calendar-display {
   width: 100%;
   height: 100%;
   line-height: 26px;
-  padding: 0 21px 0 26px;
+  padding: 0 22px 0 26px;
   border-width: 1px;
   font-size: 13px;
   font-family: inherit;
@@ -2604,39 +2712,46 @@ th.cxe-calendar-display {
   color: black;
   outline-offset: 0;
   box-shadow: none;
-  text-overflow: ellipsis;
   -ms-appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
 }
+
 .cxe-monthfield-input:focus {
   border-color: rgba(77, 144, 254, 0.8);
   outline: none;
   box-shadow: 0 0 2px rgba(77, 144, 254, 0.8);
 }
+
 .cxe-monthfield-input:disabled {
   background: rgb(235, 235, 228);
   color: rgb(84, 84, 84);
   pointer-events: none;
 }
+
 .cxs-error > .cxe-monthfield-input {
   border-color: rgba(220, 0, 9, 0.8);
 }
+
 .cxs-error > .cxe-monthfield-input:focus {
   box-shadow: 0 0 2px rgba(220, 0, 9, 0.8);
 }
+
 .cxe-monthfield-input::-webkit-input-placeholder {
   color: rgba(128, 128, 128, 0.7);
   opacity: 1;
 }
+
 .cxe-monthfield-input::-moz-placeholder {
   color: rgba(128, 128, 128, 0.7);
   opacity: 1;
 }
+
 .cxe-monthfield-input:-ms-input-placeholder {
   color: rgba(128, 128, 128, 0.7);
   opacity: 1;
 }
+
 .cxe-monthfield-input::-ms-clear {
   width: 0;
   height: 0;
@@ -2656,9 +2771,11 @@ th.cxe-calendar-display {
   border-radius: 0;
   text-align: center;
 }
+
 .cxe-monthfield-clear:hover {
   background-color: rgba(128, 128, 128, 0.2);
 }
+
 .cxe-monthfield-left-icon {
   display: block;
   position: absolute;
@@ -2673,15 +2790,18 @@ th.cxe-calendar-display {
   text-align: center;
   cursor: pointer;
 }
+
 .cxe-monthfield-left-icon:hover {
   opacity: 1;
 }
+
 .cxs-disabled > .cxe-monthfield-left-icon {
   background: rgb(235, 235, 228);
   color: rgb(84, 84, 84);
   pointer-events: none;
   border-width: 0;
 }
+
 .cxe-monthfield-right-icon {
   display: block;
   position: absolute;
@@ -2696,15 +2816,18 @@ th.cxe-calendar-display {
   text-align: center;
   cursor: pointer;
 }
+
 .cxe-monthfield-right-icon:hover {
   opacity: 1;
 }
+
 .cxs-disabled > .cxe-monthfield-right-icon {
   background: rgb(235, 235, 228);
   color: rgb(84, 84, 84);
   pointer-events: none;
   border-width: 0;
 }
+
 .cxe-monthfield-icon {
   display: block;
   position: absolute;
@@ -2746,63 +2869,77 @@ th.cxe-calendar-display {
   white-space: nowrap;
   text-decoration: none;
 }
+
 .cxb-uploadbutton::-moz-focus-inner {
   border: 0;
   padding: 0;
   margin: -1px;
 }
+
 .cxb-uploadbutton:hover {
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
   text-decoration: none;
 }
+
 .cxb-uploadbutton:focus {
   outline: none;
   box-shadow: 0 0 1px 1px rgba(77, 144, 254, 0.8);
 }
+
 .cxb-uploadbutton:active, .cxb-uploadbutton.cxs-pressed {
   top: 1px;
   box-shadow: none;
 }
+
 .cxb-uploadbutton[disabled], .cxb-uploadbutton.cxs-disabled {
   color: gray;
   box-shadow: none;
   pointer-events: none;
 }
+
 .cxb-uploadbutton.cxm-primary {
   background-color: #1f99f8;
   border-color: #1e88e5;
   color: white;
 }
+
 .cxb-uploadbutton.cxm-primary[disabled], .cxb-uploadbutton.cxm-primary.cxs-disabled {
   background-color: rgba(31, 153, 248, 0.5);
   border-color: rgba(30, 136, 229, 0.1);
   color: rgba(255, 255, 255, 0.6);
 }
+
 .cxb-uploadbutton.cxm-primary:hover {
   background-color: #1f99f8;
 }
+
 .cxb-uploadbutton.cxm-danger {
   background-color: #d32f2f;
   border-color: #c62828;
   color: white;
 }
+
 .cxb-uploadbutton.cxm-danger[disabled], .cxb-uploadbutton.cxm-danger.cxs-disabled {
   background-color: rgba(211, 47, 47, 0.6);
   border-color: rgba(198, 40, 40, 0.1);
   color: rgba(255, 255, 255, 0.5);
 }
+
 .cxb-uploadbutton.cxm-danger:hover {
   background-color: #d32f2f;
 }
+
 .cxb-uploadbutton.cxm-hollow {
   background-color: transparent;
   border-color: transparent;
   color: inherit;
   box-shadow: none;
 }
+
 .cxb-uploadbutton.cxm-hollow[disabled], .cxb-uploadbutton.cxm-hollow.cxs-disabled {
   color: rgba(128, 128, 128, 0.5);
 }
+
 .cxb-uploadbutton.cxm-hollow:hover {
   background-color: rgba(128, 128, 128, 0.1);
   outline: none;
@@ -2810,12 +2947,14 @@ th.cxe-calendar-display {
   box-shadow: none;
   border-color: transparent;
 }
+
 .cxb-uploadbutton.cxm-hollow:focus {
   background-color: rgba(123, 190, 255, 0.3);
   outline: none;
   box-shadow: none;
   border-color: transparent;
 }
+
 .cxe-uploadbutton-icon {
   display: inline-block;
   position: absolute;
@@ -2830,15 +2969,20 @@ th.cxe-calendar-display {
 
 .cxe-uploadbutton-baseline {
   display: inline-block;
-  width: 1px;
-  margin-left: -1px;
+  min-width: 16px;
 }
 
 .cxb-uploadbutton.cxs-icon {
   padding: 5px 10px 5px 26px;
 }
+
 .cxb-uploadbutton.cxs-icon.cxs-empty {
-  padding: 5px 5px 5px 21px;
+  padding: 5px 5px 5px 5px;
+}
+
+.cxb-uploadbutton.cxs-icon.cxs-empty .cxe-uploadbutton-icon {
+  left: 50%;
+  margin-left: -8px;
 }
 
 .cxe-uploadbutton-input {
@@ -2860,6 +3004,7 @@ th.cxe-calendar-display {
   outline: 1px solid rgba(8, 176, 255, 0.5);
   transition: opacity 0.5s ease-in-out;
 }
+
 .cxe-uploadbutton-progress.cxs-done {
   opacity: 0;
 }
@@ -2877,6 +3022,7 @@ th.cxe-calendar-display {
   border-color: transparent;
   font-size: 13px;
 }
+
 .cxb-slider.cxs-view-mode {
   line-height: 16px;
   padding: 5px;
@@ -2884,10 +3030,12 @@ th.cxe-calendar-display {
   border-style: solid;
   border-color: transparent;
 }
+
 .cxb-slider.cxs-vertical {
   width: 28px;
   height: 180px;
 }
+
 .cxb-slider.cxs-disabled {
   pointer-events: none;
   opacity: 0.5;
@@ -2899,6 +3047,7 @@ th.cxe-calendar-display {
   border-radius: 9px;
   box-sizing: border-box;
 }
+
 .cxb-slider.cxs-horizontal .cxe-slider-axis {
   left: 9px;
   right: 9px;
@@ -2906,6 +3055,7 @@ th.cxe-calendar-display {
   height: 8px;
   padding: 0 4px;
 }
+
 .cxb-slider.cxs-vertical .cxe-slider-axis {
   top: 9px;
   bottom: 9px;
@@ -2925,9 +3075,11 @@ th.cxe-calendar-display {
   background-color: #98d4ff;
   border-radius: 4px;
 }
+
 .cxb-slider.cxs-horizontal .cxe-slider-range {
   height: 100%;
 }
+
 .cxb-slider.cxs-vertical .cxe-slider-range {
   width: 100%;
 }
@@ -2948,21 +3100,26 @@ th.cxe-calendar-display {
   border-radius: 50%;
   box-shadow: 0 0 3px rgba(128, 128, 128, 0.3);
 }
+
 .cxb-slider.cxs-horizontal .cxe-slider-handle {
   left: 0;
   top: 50%;
 }
+
 .cxb-slider.cxs-vertical .cxe-slider-handle {
   left: 50%;
 }
+
 .cxe-slider-handle:hover {
   box-shadow: 0 0 3px rgba(128, 128, 128, 0.5);
 }
+
 .cxe-slider-handle:focus {
   border-color: rgba(77, 144, 254, 0.8);
   outline: none;
   box-shadow: 0 0 2px rgba(77, 144, 254, 0.8);
 }
+
 .cxe-slider-handle:active {
   background: rgb(220, 220, 220);
 }
@@ -2971,6 +3128,7 @@ th.cxe-calendar-display {
   color: rgb(220, 0, 9);
   font-size: smaller;
 }
+
 .cxb-validationerror.cxm-block {
   display: block;
 }
@@ -2989,6 +3147,7 @@ th.cxe-calendar-display {
   border-color: transparent;
   font-size: 13px;
 }
+
 .cxb-switch.cxs-view-mode {
   line-height: 16px;
   padding: 5px 0 5px 0;
@@ -2996,10 +3155,12 @@ th.cxe-calendar-display {
   border-style: solid;
   border-color: transparent;
 }
+
 .cxb-switch.cxs-disabled {
   pointer-events: none;
   opacity: 0.5;
 }
+
 .cxb-switch:focus {
   outline: none;
 }
@@ -3046,6 +3207,7 @@ th.cxe-calendar-display {
   transform: scale(0);
   transition: all 200ms;
 }
+
 .cxs-on .cxe-switch-range {
   width: 100%;
   opacity: 1;
@@ -3069,17 +3231,21 @@ th.cxe-calendar-display {
   border-radius: 50%;
   box-shadow: 0 0 3px rgba(128, 128, 128, 0.3);
 }
+
 .cxs-on .cxe-switch-handle {
   left: 100%;
 }
+
 .cxe-switch-handle:hover {
   box-shadow: 0 0 3px rgba(128, 128, 128, 0.5);
 }
+
 .cxb-switch:focus .cxe-switch-handle {
   border-color: rgba(77, 144, 254, 0.8);
   outline: none;
   box-shadow: 0 0 2px rgba(77, 144, 254, 0.8);
 }
+
 .cxe-switch-handle:active {
   background: rgb(220, 220, 220);
 }
@@ -3088,6 +3254,7 @@ th.cxe-calendar-display {
   font-size: smaller;
   opacity: 0.8;
 }
+
 .cxb-helptext.cxm-block {
   display: block;
 }
@@ -3102,9 +3269,11 @@ th.cxe-calendar-display {
   font-size: 14px;
   user-select: none;
 }
+
 .cxb-wheel:focus {
   outline: 0;
 }
+
 .cxb-wheel:focus .cxe-wheel-selection {
   border-color: #3c7eff;
   background: rgba(60, 126, 255, 0.1);
@@ -3147,6 +3316,7 @@ th.cxe-calendar-display {
   overflow-x: hidden;
   touch-action: pan-y;
 }
+
 .cxe-wheel-vscroll::-webkit-scrollbar {
   display: none;
 }
@@ -3155,6 +3325,7 @@ th.cxe-calendar-display {
   padding: 5px 15px;
   flex: 0 0 auto;
 }
+
 .cxe-wheel-option.cxs-dummy {
   visibility: hidden;
 }
@@ -3187,6 +3358,7 @@ th.cxe-calendar-display {
   opacity: 0.5;
   cursor: pointer;
 }
+
 .cxe-wheel-arrow-up:hover,
 .cxe-wheel-arrow-down:hover {
   opacity: 1;
@@ -3223,6 +3395,7 @@ th.cxe-calendar-display {
   user-select: none;
   font-size: 14px;
 }
+
 .cxb-datetimepicker:focus {
   outline: 0;
 }
@@ -3264,6 +3437,7 @@ th.cxe-calendar-display {
   overflow-x: hidden;
   touch-action: pan-y;
 }
+
 .cxe-datetimepicker-wheel-vscroll::-webkit-scrollbar {
   display: none;
 }
@@ -3272,6 +3446,7 @@ th.cxe-calendar-display {
   padding: 5px 15px;
   flex: 0 0 auto;
 }
+
 .cxe-datetimepicker-wheel-option.cxs-dummy {
   visibility: hidden;
 }
@@ -3304,6 +3479,7 @@ th.cxe-calendar-display {
   opacity: 0.5;
   cursor: pointer;
 }
+
 .cxe-datetimepicker-wheel-arrow-up:hover,
 .cxe-datetimepicker-wheel-arrow-down:hover {
   opacity: 1;
@@ -3341,6 +3517,7 @@ th.cxe-calendar-display {
   line-height: 0;
   height: 28px;
 }
+
 .cxb-datetimefield.cxs-view-mode {
   line-height: 16px;
   padding: 5px;
@@ -3354,7 +3531,7 @@ th.cxe-calendar-display {
   width: 100%;
   height: 100%;
   line-height: 26px;
-  padding: 0 21px 0 26px;
+  padding: 0 22px 0 26px;
   border-width: 1px;
   font-size: 13px;
   font-family: inherit;
@@ -3365,39 +3542,46 @@ th.cxe-calendar-display {
   color: black;
   outline-offset: 0;
   box-shadow: none;
-  text-overflow: ellipsis;
   -ms-appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
 }
+
 .cxe-datetimefield-input:focus {
   border-color: rgba(77, 144, 254, 0.8);
   outline: none;
   box-shadow: 0 0 2px rgba(77, 144, 254, 0.8);
 }
+
 .cxe-datetimefield-input:disabled {
   background: rgb(235, 235, 228);
   color: rgb(84, 84, 84);
   pointer-events: none;
 }
+
 .cxs-error > .cxe-datetimefield-input {
   border-color: rgba(220, 0, 9, 0.8);
 }
+
 .cxs-error > .cxe-datetimefield-input:focus {
   box-shadow: 0 0 2px rgba(220, 0, 9, 0.8);
 }
+
 .cxe-datetimefield-input::-webkit-input-placeholder {
   color: rgba(128, 128, 128, 0.7);
   opacity: 1;
 }
+
 .cxe-datetimefield-input::-moz-placeholder {
   color: rgba(128, 128, 128, 0.7);
   opacity: 1;
 }
+
 .cxe-datetimefield-input:-ms-input-placeholder {
   color: rgba(128, 128, 128, 0.7);
   opacity: 1;
 }
+
 .cxe-datetimefield-input::-ms-clear {
   width: 0;
   height: 0;
@@ -3417,9 +3601,11 @@ th.cxe-calendar-display {
   border-radius: 0;
   text-align: center;
 }
+
 .cxe-datetimefield-clear:hover {
   background-color: rgba(128, 128, 128, 0.2);
 }
+
 .cxe-datetimefield-left-icon {
   display: block;
   position: absolute;
@@ -3434,15 +3620,18 @@ th.cxe-calendar-display {
   text-align: center;
   cursor: pointer;
 }
+
 .cxe-datetimefield-left-icon:hover {
   opacity: 1;
 }
+
 .cxs-disabled > .cxe-datetimefield-left-icon {
   background: rgb(235, 235, 228);
   color: rgb(84, 84, 84);
   pointer-events: none;
   border-width: 0;
 }
+
 .cxe-datetimefield-right-icon {
   display: block;
   position: absolute;
@@ -3457,15 +3646,18 @@ th.cxe-calendar-display {
   text-align: center;
   cursor: pointer;
 }
+
 .cxe-datetimefield-right-icon:hover {
   opacity: 1;
 }
+
 .cxs-disabled > .cxe-datetimefield-right-icon {
   background: rgb(235, 235, 228);
   color: rgb(84, 84, 84);
   pointer-events: none;
   border-width: 0;
 }
+
 .cxe-datetimefield-icon {
   display: block;
   position: absolute;
@@ -3508,39 +3700,47 @@ th.cxe-calendar-display {
   border-style: solid;
   box-shadow: none;
 }
+
 .cxb-tab:hover {
   background-color: rgba(128, 128, 128, 0.1);
   outline: none;
   cursor: pointer;
   text-decoration: none;
 }
+
 .cxb-tab:focus {
   background-color: rgba(123, 190, 255, 0.15);
   outline: none;
 }
+
 .cxb-tab.cxs-active {
   background-color: rgba(123, 190, 255, 0.4);
 }
+
 .cxb-tab.cxs-active:focus {
   background-color: rgba(123, 190, 255, 0.3);
   outline: none;
 }
+
 .cxb-tab.cxs-disabled {
   cursor: default;
   opacity: 0.5;
   pointer-events: none;
   background-color: transparent;
 }
+
 .cxb-tab.cxm-classic {
   position: relative;
   border-width: 1px;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
+
 .cxb-tab.cxm-classic.cxs-active {
   border-color: #bfbfbf;
   background-color: white;
 }
+
 .cxb-tab.cxm-line {
   background-color: transparent !important;
   border-left-color: transparent !important;
@@ -3552,22 +3752,29 @@ th.cxe-calendar-display {
   border-top-width: 0;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
+  border-radius: 0;
 }
+
 .cxb-tab.cxm-line:hover {
   border-color: rgba(128, 128, 128, 0.2);
 }
+
 .cxb-tab.cxm-line:focus {
   border-color: rgba(123, 190, 255, 0.3);
 }
+
 .cxb-tab.cxm-line.cxs-active {
   border-color: rgba(128, 128, 128, 0.4);
 }
+
 .cxb-tab.cxm-line.cxs-active:focus {
   border-color: rgba(123, 190, 255, 0.7);
 }
+
 .cxb-tab.cxm-line.cxs-disabled {
   border-color: transparent;
 }
+
 .cxb-tab.cxm-classic.cxs-active:after {
   content: " ";
   position: absolute;
@@ -3585,66 +3792,77 @@ th.cxe-calendar-display {
   list-style: none;
   -webkit-overflow-scrolling: touch;
 }
+
 .cxb-menu.cxs-horizontal {
   white-space: nowrap;
 }
+
 .cxb-menu.cxs-horizontal > .cxe-menu-item {
   display: inline-block;
   user-select: none;
 }
+
 .cxb-menu.cxs-horizontal > .cxe-menu-item.cxs-size-xsmall > .cxm-menu {
   margin: 0 6px 0 6px;
 }
+
 .cxb-menu.cxs-horizontal > .cxe-menu-item.cxs-size-small > .cxm-menu {
   margin: 0 10px 0 10px;
 }
+
 .cxb-menu.cxs-horizontal > .cxe-menu-item.cxs-size-medium > .cxm-menu {
   margin: 0 20px 0 20px;
 }
+
 .cxb-menu.cxs-horizontal > .cxe-menu-item.cxs-size-large > .cxm-menu {
   margin: 0 30px 0 30px;
 }
+
 .cxb-menu.cxs-horizontal > .cxe-menu-item.cxs-size-xlarge > .cxm-menu {
   margin: 0 40px 0 40px;
 }
+
 .cxb-menu.cxs-vertical.cxs-xsmall-item-padding .cxm-menu {
   margin: 3px 6px;
   display: block;
 }
+
 .cxb-menu.cxs-vertical.cxs-small-item-padding .cxm-menu {
   margin: 5px 10px;
   display: block;
 }
+
 .cxb-menu.cxs-vertical.cxs-medium-item-padding .cxm-menu {
   margin: 10px 20px;
   display: block;
 }
+
 .cxb-menu.cxs-vertical.cxs-large-item-padding .cxm-menu {
   margin: 15px 30px;
   display: block;
 }
+
 .cxb-menu.cxs-vertical.cxs-xlarge-item-padding .cxm-menu {
   margin: 20px 40px;
   display: block;
 }
-.cxb-menu .cxe-menu-item > hr {
-  border: none;
-  border-top: 1px solid lightgray;
-  margin: 10px 20px;
-}
+
 .cxb-menu .cxe-menu-item.cxs-hidden {
   visibility: hidden;
   position: absolute;
 }
+
 .cxb-menu.cxs-overflow {
   overflow: hidden;
   display: flex;
 }
+
 .cxb-menu.cxs-overflow > .cxe-menu-item:last-child {
   visibility: hidden;
   position: absolute;
   max-height: 100%;
 }
+
 .cxb-menu.cxs-overflow.cxs-pack > .cxe-menu-item:last-child {
   visibility: visible;
   position: relative;
@@ -3660,135 +3878,178 @@ th.cxe-calendar-display {
   position: relative;
   border-radius: 0;
 }
+
 .cxb-menuitem:focus {
   outline: none;
 }
+
 .cxb-menuitem > a:hover {
   text-decoration: none;
 }
+
 .cxs-focusable > .cxb-menuitem.cxs-cursor:hover {
   background-color: rgba(128, 128, 128, 0.1);
   outline: none;
   cursor: pointer;
 }
+
 .cxs-focusable.cxs-cursor > .cxb-menuitem.cxs-cursor {
   background-color: rgba(123, 190, 255, 0.3);
   outline: none;
 }
+
 .cxb-menuitem.cxs-disabled {
   cursor: default;
   opacity: 0.5;
   pointer-events: none;
 }
+
 .cxb-menuitem > a {
   text-decoration: none;
   color: inherit;
 }
+
 .cxb-menuitem > a:focus {
   outline: none;
 }
+
+.cxb-menuitem > hr {
+  border: none;
+  border-top: 1px solid lightgray;
+  margin: 10px 20px;
+}
+
 .cxb-menuitem.cxs-xsmall-padding > a, .cxb-menuitem.cxs-xsmall-padding > span {
   padding: 3px 6px;
   line-height: 16px;
   border: 1px solid transparent;
   display: block;
 }
+
 .cxb-menuitem.cxs-xsmall-padding.cxs-arrow {
   padding-right: 16px;
 }
+
 .cxb-menuitem.cxs-xsmall-padding.cxs-icon {
   padding-left: 16px;
 }
+
 .cxb-menuitem.cxs-xsmall-padding.cxs-empty {
   padding-right: 8px;
 }
+
 .cxb-menuitem.cxs-xsmall-padding > .cxe-menuitem-arrow {
   right: 3px;
 }
+
 .cxb-menuitem.cxs-xsmall-padding > .cxe-menuitem-button {
   width: 22px;
 }
+
 .cxb-menuitem.cxs-small-padding > a, .cxb-menuitem.cxs-small-padding > span {
   padding: 5px 10px;
   line-height: 16px;
   border: 1px solid transparent;
   display: block;
 }
+
 .cxb-menuitem.cxs-small-padding.cxs-arrow {
   padding-right: 16px;
 }
+
 .cxb-menuitem.cxs-small-padding.cxs-icon {
   padding-left: 16px;
 }
+
 .cxb-menuitem.cxs-small-padding.cxs-empty {
   padding-right: 8px;
 }
+
 .cxb-menuitem.cxs-small-padding > .cxe-menuitem-arrow {
   right: 5px;
 }
+
 .cxb-menuitem.cxs-small-padding > .cxe-menuitem-button {
   width: 26px;
 }
+
 .cxb-menuitem.cxs-medium-padding > a, .cxb-menuitem.cxs-medium-padding > span {
   padding: 10px 20px;
   line-height: 16px;
   border: 1px solid transparent;
   display: block;
 }
+
 .cxb-menuitem.cxs-medium-padding.cxs-arrow {
   padding-right: 16px;
 }
+
 .cxb-menuitem.cxs-medium-padding.cxs-icon {
   padding-left: 16px;
 }
+
 .cxb-menuitem.cxs-medium-padding.cxs-empty {
   padding-right: 8px;
 }
+
 .cxb-menuitem.cxs-medium-padding > .cxe-menuitem-arrow {
   right: 10px;
 }
+
 .cxb-menuitem.cxs-medium-padding > .cxe-menuitem-button {
   width: 36px;
 }
+
 .cxb-menuitem.cxs-large-padding > a, .cxb-menuitem.cxs-large-padding > span {
   padding: 15px 30px;
   line-height: 16px;
   border: 1px solid transparent;
   display: block;
 }
+
 .cxb-menuitem.cxs-large-padding.cxs-arrow {
   padding-right: 16px;
 }
+
 .cxb-menuitem.cxs-large-padding.cxs-icon {
   padding-left: 16px;
 }
+
 .cxb-menuitem.cxs-large-padding.cxs-empty {
   padding-right: 8px;
 }
+
 .cxb-menuitem.cxs-large-padding > .cxe-menuitem-arrow {
   right: 15px;
 }
+
 .cxb-menuitem.cxs-large-padding > .cxe-menuitem-button {
   width: 46px;
 }
+
 .cxb-menuitem.cxs-xlarge-padding > a, .cxb-menuitem.cxs-xlarge-padding > span {
   padding: 20px 40px;
   line-height: 16px;
   border: 1px solid transparent;
   display: block;
 }
+
 .cxb-menuitem.cxs-xlarge-padding.cxs-arrow {
   padding-right: 16px;
 }
+
 .cxb-menuitem.cxs-xlarge-padding.cxs-icon {
   padding-left: 16px;
 }
+
 .cxb-menuitem.cxs-xlarge-padding.cxs-empty {
   padding-right: 8px;
 }
+
 .cxb-menuitem.cxs-xlarge-padding > .cxe-menuitem-arrow {
   right: 20px;
 }
+
 .cxb-menuitem.cxs-xlarge-padding > .cxe-menuitem-button {
   width: 56px;
 }
@@ -3800,6 +4061,7 @@ th.cxe-calendar-display {
   top: 50%;
   margin-top: -8px;
 }
+
 .cxs-vertical > .cxe-menuitem-arrow {
   transform: rotate(-90deg);
 }
@@ -3844,13 +4106,16 @@ th.cxe-calendar-display {
   align-items: stretch;
   justify-content: stretch;
 }
+
 .cxb-scroller.cxs-horizontal {
   white-space: nowrap;
 }
+
 .cxb-scroller.cxs-horizontal.cxs-horizontal.cxs-scrollable {
   padding-left: 20px;
   padding-right: 20px;
 }
+
 .cxb-scroller.cxs-vertical.cxs-scrollable {
   padding-top: 20px;
   padding-bottom: 20px;
@@ -3868,13 +4133,16 @@ th.cxe-calendar-display {
 .cxe-scroller-scroller {
   box-sizing: border-box;
 }
+
 .cxb-scroller.cxs-horizontal > .cxe-scroller-clip > .cxe-scroller-scroller {
   overflow-x: auto;
 }
+
 .cxb-scroller.cxs-vertical > .cxe-scroller-clip > .cxe-scroller-scroller {
   overflow-y: auto;
   flex: 1 1 0%;
 }
+
 .cxe-scroller-scroller::-webkit-scrollbar {
   display: none;
 }
@@ -3888,9 +4156,11 @@ th.cxe-calendar-display {
   cursor: pointer;
   display: none;
 }
+
 .cxe-scroller-left-arrow > .cxe-scroller-icon {
   transform: rotate(90deg);
 }
+
 .cxs-scrollable > .cxe-scroller-left-arrow {
   display: block;
 }
@@ -3904,9 +4174,11 @@ th.cxe-calendar-display {
   cursor: pointer;
   display: none;
 }
+
 .cxe-scroller-right-arrow > .cxe-scroller-icon {
   transform: rotate(-90deg);
 }
+
 .cxs-scrollable > .cxe-scroller-right-arrow {
   display: block;
 }
@@ -3920,9 +4192,11 @@ th.cxe-calendar-display {
   cursor: pointer;
   display: none;
 }
+
 .cxe-scroller-top-arrow > .cxe-scroller-icon {
   transform: rotate(180deg);
 }
+
 .cxs-scrollable > .cxe-scroller-top-arrow {
   display: block;
 }
@@ -3936,6 +4210,7 @@ th.cxe-calendar-display {
   cursor: pointer;
   display: none;
 }
+
 .cxs-scrollable > .cxe-scroller-bottom-arrow {
   display: block;
 }
@@ -3959,7 +4234,57 @@ th.cxe-calendar-display {
   z-index: 1000000;
 }
 
-.cxb-tooltip, .cxb-window, .cxb-overlay, .cxb-dropdown {
+.cxb-overlay {
+  left: calc(50% - 250px);
+  top: calc(50% - 100px);
+  min-width: 10px;
+  min-height: 10px;
+  position: fixed;
+  overflow: visible;
+  box-sizing: border-box;
+}
+
+.cxb-overlay.cxs-draggable {
+  cursor: pointer;
+  touch-action: none;
+}
+
+.cxb-overlay.cxs-shadow {
+  position: absolute;
+}
+
+.cxb-overlay:focus {
+  outline: none;
+}
+
+.cxb-overlay.cxs-pad {
+  padding: 5px;
+}
+
+.cxe-overlay-modal-backdrop {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100vw;
+  height: 100vh;
+}
+
+.cxe-overlay-shadow {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100vw;
+  height: 100vh;
+  background: rgba(128, 128, 128, 0.3);
+  overflow: auto;
+}
+
+.cxe-overlay-beacon {
+  position: absolute;
+  display: none;
+}
+
+.cxb-dropdown {
   left: calc(50% - 250px);
   top: calc(50% - 100px);
   min-width: 10px;
@@ -3968,37 +4293,198 @@ th.cxe-calendar-display {
   overflow: visible;
   box-sizing: border-box;
 }
-.cxs-draggable.cxb-tooltip, .cxs-draggable.cxb-window, .cxs-draggable.cxb-overlay, .cxs-draggable.cxb-dropdown {
+
+.cxb-dropdown.cxs-draggable {
   cursor: pointer;
   touch-action: none;
 }
-.cxs-shadow.cxb-tooltip, .cxs-shadow.cxb-window, .cxs-shadow.cxb-overlay, .cxs-shadow.cxb-dropdown {
+
+.cxb-dropdown.cxs-shadow {
   position: absolute;
 }
-.cxb-tooltip:focus, .cxb-window:focus, .cxb-overlay:focus, .cxb-dropdown:focus {
+
+.cxb-dropdown:focus {
   outline: none;
 }
 
-.cxe-window-modal-backdrop, .cxe-overlay-modal-backdrop {
-  position: fixed;
-  left: 0;
-  top: 0;
-  width: 100vw;
-  height: 100vh;
+.cxb-dropdown {
+  display: block;
+  left: -10000px;
+  top: -10000px;
+  color: #373a3c;
+  background-color: white;
+  border-radius: 0;
+  border-color: #bfbfbf;
+  border-width: 0;
+  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.29);
+  white-space: normal;
+  font-weight: normal;
+  font-size: 14px;
+  text-align: left;
+  line-height: normal;
+}
+
+.cxb-dropdown.cxs-place-screen-center {
+  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.29), 0 0 1000px 1000px rgba(128, 128, 128, 0.3);
+}
+
+.cxb-dropdown.cxs-pad {
+  padding: 5px;
+}
+
+.cxe-dropdown-beacon {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  visibility: hidden;
+}
+
+.cxe-dropdown-arrow-border,
+.cxe-dropdown-arrow-fill {
+  border-style: solid;
+  border-color: transparent;
+  content: " ";
+  height: 0;
+  width: 0;
+  position: absolute;
+  pointer-events: none;
+}
+
+.cxe-dropdown-arrow-border {
+  color: #bfbfbf;
+  border-width: 6px;
+}
+
+.cxe-dropdown-arrow-fill {
+  color: white;
+  border-width: 6px;
+}
+
+.cxs-place-right > .cxe-dropdown-arrow-fill,
+.cxs-place-right-up > .cxe-dropdown-arrow-fill,
+.cxs-place-right-down > .cxe-dropdown-arrow-fill {
+  right: 100%;
+  top: 50%;
+  border-right-color: currentColor;
+  margin-top: -6px;
+}
+
+.cxs-place-right > .cxe-dropdown-arrow-border,
+.cxs-place-right-up > .cxe-dropdown-arrow-border,
+.cxs-place-right-down > .cxe-dropdown-arrow-border {
+  right: 100%;
+  top: 50%;
+  border-right-color: currentColor;
+  margin-top: -6px;
+}
+
+.cxs-place-left > .cxe-dropdown-arrow-fill,
+.cxs-place-left-down > .cxe-dropdown-arrow-fill,
+.cxs-place-left-up > .cxe-dropdown-arrow-fill {
+  left: 100%;
+  top: 50%;
+  border-left-color: currentColor;
+  margin-top: -6px;
+}
+
+.cxs-place-left > .cxe-dropdown-arrow-border,
+.cxs-place-left-down > .cxe-dropdown-arrow-border,
+.cxs-place-left-up > .cxe-dropdown-arrow-border {
+  left: 100%;
+  top: 50%;
+  border-left-color: currentColor;
+  margin-top: -6px;
+}
+
+.cxs-place-right-down > .cxe-dropdown-arrow-fill,
+.cxs-place-left-down > .cxe-dropdown-arrow-fill {
+  top: 16px;
+}
+
+.cxs-place-right-down > .cxe-dropdown-arrow-border,
+.cxs-place-left-down > .cxe-dropdown-arrow-border {
+  top: 16px;
+}
+
+.cxs-place-right-up > .cxe-dropdown-arrow-fill, .cxs-place-right-up > .cxe-dropdown-arrow-border,
+.cxs-place-left-up > .cxe-dropdown-arrow-fill,
+.cxs-place-left-up > .cxe-dropdown-arrow-border {
+  top: calc(100% + -16px);
+}
+
+.cxs-place-up > .cxe-dropdown-arrow-fill,
+.cxs-place-up-left > .cxe-dropdown-arrow-fill,
+.cxs-place-up-right > .cxe-dropdown-arrow-fill {
+  left: 50%;
+  top: 100%;
+  border-top-color: currentColor;
+  margin-left: -6px;
+}
+
+.cxs-place-up > .cxe-dropdown-arrow-border,
+.cxs-place-up-left > .cxe-dropdown-arrow-border,
+.cxs-place-up-right > .cxe-dropdown-arrow-border {
+  left: 50%;
+  top: 100%;
+  border-top-color: currentColor;
+  margin-left: -6px;
+}
+
+.cxs-place-down > .cxe-dropdown-arrow-fill,
+.cxs-place-down-left > .cxe-dropdown-arrow-fill,
+.cxs-place-down-right > .cxe-dropdown-arrow-fill {
+  left: 50%;
+  bottom: 100%;
+  border-bottom-color: currentColor;
+  margin-left: -6px;
+}
+
+.cxs-place-down > .cxe-dropdown-arrow-border,
+.cxs-place-down-left > .cxe-dropdown-arrow-border,
+.cxs-place-down-right > .cxe-dropdown-arrow-border {
+  left: 50%;
+  bottom: 100%;
+  border-bottom-color: currentColor;
+  margin-left: -6px;
+}
+
+.cxs-place-down-right > .cxe-dropdown-arrow-fill, .cxs-place-down-right > .cxe-dropdown-arrow-border,
+.cxs-place-up-right > .cxe-dropdown-arrow-fill,
+.cxs-place-up-right > .cxe-dropdown-arrow-border {
+  left: 16px;
+}
+
+.cxs-place-down-left > .cxe-dropdown-arrow-fill,
+.cxs-place-up-left > .cxe-dropdown-arrow-fill {
+  left: calc(100% + -16px);
+}
+
+.cxs-place-down-left > .cxe-dropdown-arrow-border,
+.cxs-place-up-left > .cxe-dropdown-arrow-border {
+  left: calc(100% + -16px);
+}
+
+.cxb-window {
+  left: calc(50% - 250px);
+  top: calc(50% - 100px);
+  min-width: 10px;
+  min-height: 10px;
+  position: fixed;
+  overflow: visible;
+  box-sizing: border-box;
+}
+
+.cxb-window.cxs-draggable {
+  cursor: pointer;
+  touch-action: none;
 }
 
-.cxe-window-shadow, .cxe-overlay-shadow {
-  position: fixed;
-  left: 0;
-  top: 0;
-  width: 100vw;
-  height: 100vh;
-  background: rgba(128, 128, 128, 0.3);
-  overflow: auto;
+.cxb-window.cxs-shadow {
+  position: absolute;
 }
 
-.cxb-overlay.cxs-pad {
-  padding: 5px;
+.cxb-window:focus {
+  outline: none;
 }
 
 .cxb-window {
@@ -4008,27 +4494,27 @@ th.cxe-calendar-display {
   background-color: transparent;
   border-radius: 0;
 }
+
 .cxb-window.cxs-resizable.cxs-active {
   box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.29);
 }
-.cxb-window.cxm-alert {
-  min-width: 300px;
-}
 
 .cxe-window-header {
   position: relative;
   box-sizing: border-box;
   display: flex;
-  align-items: center;
   flex: none;
   touch-action: none;
   background: rgba(246, 246, 246, 0.9);
   padding: 10px 15px;
   font-size: 16px;
+  align-items: center;
 }
+
 .cxs-draggable .cxe-window-header {
   cursor: pointer;
 }
+
 .cxe-window-footer {
   position: relative;
   box-sizing: border-box;
@@ -4036,6 +4522,7 @@ th.cxe-calendar-display {
   background: rgba(246, 246, 246, 0.9);
   padding: 10px 15px;
 }
+
 .cxe-window-footer:after {
   clear: both;
   visibility: hidden;
@@ -4044,9 +4531,6 @@ th.cxe-calendar-display {
   content: " ";
   height: 0;
 }
-.cxm-alert .cxe-window-footer {
-  text-align: center;
-}
 
 .cxe-window-body {
   overflow: auto;
@@ -4055,14 +4539,43 @@ th.cxe-calendar-display {
   flex: auto;
   background: white;
 }
-.cxe-window-body.cxs-pad {
-  padding: 10px 15px;
+
+.cxb-window.cxm-alert {
+  min-width: 300px;
 }
-.cxm-alert .cxe-window-body {
+
+.cxb-window.cxm-alert .cxe-window-body {
   padding: 2.5rem;
   text-align: center;
 }
 
+.cxb-window.cxm-alert .cxe-window-footer {
+  text-align: center;
+}
+
+.cxe-window-modal-backdrop {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100vw;
+  height: 100vh;
+}
+
+.cxe-window-shadow {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100vw;
+  height: 100vh;
+  background: rgba(128, 128, 128, 0.3);
+  overflow: auto;
+}
+
+.cxe-window-beacon {
+  position: absolute;
+  display: none;
+}
+
 @keyframes cx-tooltip-enter-animation {
   from {
     transform: scale(0.9);
@@ -4083,6 +4596,29 @@ th.cxe-calendar-display {
     opacity: 0;
   }
 }
+.cxb-tooltip {
+  left: calc(50% - 250px);
+  top: calc(50% - 100px);
+  min-width: 10px;
+  min-height: 10px;
+  position: fixed;
+  overflow: visible;
+  box-sizing: border-box;
+}
+
+.cxb-tooltip.cxs-draggable {
+  cursor: pointer;
+  touch-action: none;
+}
+
+.cxb-tooltip.cxs-shadow {
+  position: absolute;
+}
+
+.cxb-tooltip:focus {
+  outline: none;
+}
+
 .cxb-tooltip {
   display: block;
   left: -10000px;
@@ -4097,23 +4633,29 @@ th.cxe-calendar-display {
   max-width: 400px;
   pointer-events: none;
 }
+
 .cxb-tooltip.cxs-animate {
   animation: cx-tooltip-enter-animation 0.2s;
 }
+
 .cxb-tooltip.cxs-animate-leave {
   animation: cx-tooltip-leave-animation 0.2s;
   animation-fill-mode: forwards;
 }
+
 .cxb-tooltip.cxs-mouse-trap {
   pointer-events: auto;
 }
+
 .cxb-tooltip.cxm-error {
   background-color: white;
   border-color: #e63001;
 }
+
 .cxb-tooltip.cxm-error .cxe-tooltip-arrow-border {
   color: #e63001;
 }
+
 .cxb-tooltip.cxm-error .cxe-tooltip-arrow-fill {
   color: white;
 }
@@ -4152,6 +4694,7 @@ th.cxe-calendar-display {
   border-right-color: currentColor;
   margin-top: -5px;
 }
+
 .cxs-place-right > .cxe-tooltip-arrow-border,
 .cxs-place-right-up > .cxe-tooltip-arrow-border,
 .cxs-place-right-down > .cxe-tooltip-arrow-border {
@@ -4169,6 +4712,7 @@ th.cxe-calendar-display {
   border-left-color: currentColor;
   margin-top: -5px;
 }
+
 .cxs-place-left > .cxe-tooltip-arrow-border,
 .cxs-place-left-down > .cxe-tooltip-arrow-border,
 .cxs-place-left-up > .cxe-tooltip-arrow-border {
@@ -4182,6 +4726,7 @@ th.cxe-calendar-display {
 .cxs-place-left-down > .cxe-tooltip-arrow-fill {
   top: 16px;
 }
+
 .cxs-place-right-down > .cxe-tooltip-arrow-border,
 .cxs-place-left-down > .cxe-tooltip-arrow-border {
   top: 16px;
@@ -4201,6 +4746,7 @@ th.cxe-calendar-display {
   border-top-color: currentColor;
   margin-left: -5px;
 }
+
 .cxs-place-up > .cxe-tooltip-arrow-border,
 .cxs-place-up-left > .cxe-tooltip-arrow-border,
 .cxs-place-up-right > .cxe-tooltip-arrow-border {
@@ -4218,6 +4764,7 @@ th.cxe-calendar-display {
   border-bottom-color: currentColor;
   margin-left: -5px;
 }
+
 .cxs-place-down > .cxe-tooltip-arrow-border,
 .cxs-place-down-left > .cxe-tooltip-arrow-border,
 .cxs-place-down-right > .cxe-tooltip-arrow-border {
@@ -4237,6 +4784,7 @@ th.cxe-calendar-display {
 .cxs-place-up-left > .cxe-tooltip-arrow-fill {
   left: calc(100% + -16px);
 }
+
 .cxs-place-down-left > .cxe-tooltip-arrow-border,
 .cxs-place-up-left > .cxe-tooltip-arrow-border {
   left: calc(100% + -16px);
@@ -4278,32 +4826,45 @@ th.cxe-calendar-display {
   flex-direction: row;
   align-items: center;
 }
+
 .cxb-toast.cxs-pad {
   padding: 10px;
 }
+
 .cxb-toast.cxs-animate {
   animation: cx-toast-enter-animation 0.2s;
 }
+
 .cxb-toast.cxs-animate-leave {
   animation: cx-toast-leave-animation 0.2s;
   animation-fill-mode: forwards;
 }
+
 .cxb-toast.cxm-warning {
   color: #fff;
   background-color: #f09037;
 }
+
 .cxb-toast.cxm-primary {
   color: #fff;
   background-color: #1f99f8;
 }
+
 .cxb-toast.cxm-success {
   color: #fff;
   background-color: #5cb85c;
 }
+
 .cxb-toast.cxm-error {
   color: #fff;
   background-color: #d9534f;
 }
+
+.cxe-toast-beacon {
+  position: absolute;
+  display: none;
+}
+
 .cxb-toaster {
   position: fixed;
   left: 0;
@@ -4317,27 +4878,34 @@ th.cxe-calendar-display {
   overflow: hidden;
   z-index: 1000000;
 }
+
 .cxb-toaster.cxs-placement-right {
   justify-content: center;
   align-items: flex-end;
 }
+
 .cxb-toaster.cxs-placement-left {
   justify-content: center;
   align-items: flex-start;
 }
+
 .cxb-toaster.cxs-placement-bottom {
   flex-direction: column-reverse;
 }
+
 .cxb-toaster.cxs-placement-top-left {
   align-items: flex-start;
 }
+
 .cxb-toaster.cxs-placement-top-right {
   align-items: flex-end;
 }
+
 .cxb-toaster.cxs-placement-bottom-left {
   justify-content: flex-end;
   align-items: flex-start;
 }
+
 .cxb-toaster.cxs-placement-bottom-right {
   justify-content: flex-end;
   align-items: flex-end;
@@ -4348,6 +4916,7 @@ th.cxe-calendar-display {
   height: 0;
   transition: all 0.2s ease-in-out;
 }
+
 .cxe-toaster-item.cxs-live {
   margin: 10px;
 }
@@ -4363,6 +4932,7 @@ th.cxe-calendar-display {
   user-select: none;
   -webkit-overflow-scrolling: touch;
 }
+
 .cxb-pagination:focus {
   outline: none;
 }
@@ -4379,38 +4949,47 @@ th.cxe-calendar-display {
   padding: 5px 10px;
   position: relative;
 }
+
 .cxe-pagination-page:first-child {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
+
 .cxe-pagination-page:first-child:after {
   content: "<";
   visibility: hidden;
 }
+
 .cxe-pagination-page:last-child {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
+
 .cxe-pagination-page:last-child:after {
   content: ">";
   visibility: hidden;
 }
+
 .cxe-pagination-page:hover {
   background-color: rgba(128, 128, 128, 0.1);
   outline: none;
   cursor: pointer;
 }
+
 .cxe-pagination-page:hover:focus {
   background-color: rgba(123, 190, 255, 0.15);
   outline: none;
 }
+
 .cxe-pagination-page.cxs-active {
   background-color: rgba(123, 190, 255, 0.4);
 }
+
 .cxb-pagination:focus > .cxe-pagination-page.cxs-active {
   background-color: rgba(123, 190, 255, 0.3);
   outline: none;
 }
+
 .cxe-pagination-page.cxs-disabled {
   cursor: default;
   opacity: 0.5;
@@ -4438,66 +5017,87 @@ th.cxe-calendar-display {
   padding-left: 20px;
   position: relative;
 }
+
 .cxb-treenode.cxs-icon {
   padding-left: 36px;
 }
+
 .cxb-treenode.cxs-level-1 {
   margin-left: 20px;
 }
+
 .cxb-treenode.cxs-level-2 {
   margin-left: 40px;
 }
+
 .cxb-treenode.cxs-level-3 {
   margin-left: 60px;
 }
+
 .cxb-treenode.cxs-level-4 {
   margin-left: 80px;
 }
+
 .cxb-treenode.cxs-level-5 {
   margin-left: 100px;
 }
+
 .cxb-treenode.cxs-level-6 {
   margin-left: 120px;
 }
+
 .cxb-treenode.cxs-level-7 {
   margin-left: 140px;
 }
+
 .cxb-treenode.cxs-level-8 {
   margin-left: 160px;
 }
+
 .cxb-treenode.cxs-level-9 {
   margin-left: 180px;
 }
+
 .cxb-treenode.cxs-level-10 {
   margin-left: 200px;
 }
+
 .cxb-treenode.cxs-level-11 {
   margin-left: 220px;
 }
+
 .cxb-treenode.cxs-level-12 {
   margin-left: 240px;
 }
+
 .cxb-treenode.cxs-level-13 {
   margin-left: 260px;
 }
+
 .cxb-treenode.cxs-level-14 {
   margin-left: 280px;
 }
+
 .cxb-treenode.cxs-level-15 {
   margin-left: 300px;
 }
+
 .cxb-treenode.cxs-level-16 {
   margin-left: 320px;
 }
+
 .cxb-treenode.cxs-level-17 {
   margin-left: 340px;
 }
+
 .cxb-treenode.cxs-level-18 {
   margin-left: 360px;
 }
+
 .cxb-treenode.cxs-level-19 {
   margin-left: 380px;
 }
+
 .cxb-treenode.cxs-level-20 {
   margin-left: 400px;
 }
@@ -4521,9 +5121,11 @@ th.cxe-calendar-display {
   width: 32px;
   height: 16px;
 }
+
 .cxe-treenode-handle:hover {
   opacity: 1;
 }
+
 .cxe-treenode-arrow {
   display: block;
   position: absolute;
@@ -4537,6 +5139,7 @@ th.cxe-calendar-display {
   transform: rotate(-90deg);
   transition: transform 0.2s;
 }
+
 .cxs-expanded .cxe-treenode-arrow {
   transform: rotate(0);
 }
@@ -4563,60 +5166,77 @@ th.cxe-calendar-display {
   font-size: 13px;
   -webkit-overflow-scrolling: touch;
 }
+
 .cxb-grid:focus {
   outline: none;
 }
+
 .cxb-grid table {
   border-spacing: 0;
   border-collapse: collapse;
   width: 100%;
   position: relative;
+  font-size: inherit;
 }
+
 .cxb-grid .cxs-aligned-left {
   text-align: left;
 }
+
 .cxb-grid .cxs-aligned-right {
   text-align: right;
 }
+
 .cxb-grid .cxs-aligned-center {
   text-align: center;
 }
+
 .cxb-grid.cxs-scrollable {
   overflow: hidden;
   display: flex;
   flex-direction: row;
   align-items: stretch;
 }
+
 .cxb-grid.cxs-scrollable.cxs-border {
   border: 1px solid #bfbfbf;
 }
+
 .cxb-grid.cxs-scrollable.cxs-border table {
   border: none;
 }
+
 .cxb-grid.cxs-scrollable.cxs-border .cxe-grid-header:first-child th {
   border-top: none;
 }
+
 .cxb-grid.cxs-scrollable.cxs-border th {
   border-left: none;
 }
+
 .cxb-grid.cxs-scrollable.cxs-border th:last-child {
   border-right: none;
 }
+
 .cxb-grid.cxs-scrollable > .cxe-grid-scroll-area {
   overflow-y: auto;
   flex: 1 1 0%;
   -webkit-overflow-scrolling: touch;
 }
+
 .cxb-grid.cxs-scrollable > .cxe-grid-scroll-area.cxs-fixed-header > .cxe-grid-table-wrapper > table > .cxe-grid-header:first-child {
   visibility: hidden;
 }
+
 .cxb-grid.cxs-scrollable > .cxe-grid-scroll-area > .cxe-grid-table-wrapper {
   overflow: hidden;
   display: inline-block;
   vertical-align: top;
   min-width: 100%;
   min-height: 100%;
+  padding-top: 0;
 }
+
 .cxb-grid.cxs-resizable .cxe-grid-data td,
 .cxb-grid.cxs-resizable .cxe-grid-group-footer td,
 .cxb-grid.cxs-resizable .cxe-grid-group-header td {
@@ -4624,32 +5244,40 @@ th.cxe-calendar-display {
   overflow: hidden;
   text-overflow: ellipsis;
 }
+
 .cxb-grid.cxs-resizable .cxe-grid-fixed-header .cxe-grid-col-header:last-child {
   max-width: 100%;
   width: 100%;
 }
+
 .cxb-grid.cxs-border table {
   border: 1px solid #bfbfbf;
 }
+
 .cxb-grid.cxs-vlines td:not(:last-child),
 .cxb-grid.cxs-vlines th:not(:last-child) {
   border-right-width: 1px;
   border-right-style: solid;
   border-right-color: #bfbfbf;
 }
+
 .cxb-grid.cxm-responsive {
   width: 100%;
 }
+
 .cxb-grid.cxm-responsive > .cxe-grid-scroll-area {
   overflow-x: auto;
 }
+
 .cxb-grid.cxm-fixed-layout table {
   table-layout: fixed;
   width: auto;
 }
+
 .cxb-grid.cxm-contain table {
   contain: layout paint;
 }
+
 .cxb-grid.cxm-nowrap .cxe-grid-data td,
 .cxb-grid.cxm-nowrap .cxe-grid-fixed-footer td,
 .cxb-grid.cxm-nowrap .cxe-grid-fixed-fixed-footer td {
@@ -4678,6 +5306,7 @@ th.cxe-calendar-display {
   top: 0;
   right: 0;
 }
+
 .cxe-grid-fixed-header > table {
   width: auto;
   table-layout: fixed;
@@ -4692,6 +5321,7 @@ th.cxe-calendar-display {
   box-sizing: border-box;
   border-right: 1px solid #bfbfbf;
 }
+
 .cxe-grid-fixed-fixed-header > table {
   width: auto;
   table-layout: fixed;
@@ -4705,6 +5335,7 @@ th.cxe-calendar-display {
   bottom: 0;
   right: 0;
 }
+
 .cxe-grid-fixed-footer > table {
   width: auto;
   table-layout: fixed;
@@ -4719,6 +5350,7 @@ th.cxe-calendar-display {
   border-right: 1px solid #bfbfbf;
   box-sizing: border-box;
 }
+
 .cxe-grid-fixed-fixed-footer > table {
   width: auto;
   table-layout: fixed;
@@ -4747,52 +5379,67 @@ th.cxe-calendar-display {
   border-color: #bfbfbf;
   background-clip: border-box;
 }
+
 .cxs-header-default .cxe-grid-col-header {
   border-width: 1px;
   border-style: solid;
   position: relative;
 }
+
 .cxs-header-plain .cxe-grid-col-header {
   background-color: transparent;
 }
+
 .cxe-grid-col-header.cxs-sortable {
   cursor: pointer;
   user-select: none;
 }
+
 .cxe-grid-col-header.cxs-sortable.cxs-sorted-asc, .cxe-grid-col-header.cxs-sortable.cxs-sorted-desc {
-  background-color: rgb(220.15, 220.15, 220.15);
+  background-color: color-mix(in srgb, #eee, black 7%);
 }
+
 .cxe-grid-col-header.cxs-sortable.cxs-sorted-asc:hover, .cxe-grid-col-header.cxs-sortable.cxs-sorted-desc:hover {
-  background-color: rgb(225.25, 225.25, 225.25);
+  background-color: color-mix(in srgb, #eee, black 5%);
 }
+
 .cxe-grid-col-header.cxs-sortable:hover, .cxe-grid-fixed-header .cxe-grid-col-header.cxs-sortable:hover {
-  background-color: rgb(232.9, 232.9, 232.9);
+  background-color: color-mix(in srgb, #eee, black 2%);
 }
+
 .cxe-grid-fixed-header .cxe-grid-col-header.cxs-sortable.cxs-sorted-asc:hover, .cxe-grid-fixed-header .cxe-grid-col-header.cxs-sortable.cxs-sorted-desc:hover {
-  background-color: rgb(225.25, 225.25, 225.25);
+  background-color: color-mix(in srgb, #eee, black 5%);
 }
+
 .cxe-grid-col-header.cxs-tool {
   transition: padding-left 0.2s;
   padding-right: 31px;
 }
+
 .cxe-grid-col-header.cxs-sortable:not(.cxs-aligned-right) {
   padding-right: 21px;
 }
+
 .cxe-grid-col-header.cxs-sortable:not(.cxs-aligned-right) .cxe-grid-column-sort-icon {
   right: 2px;
 }
+
 .cxe-grid-col-header.cxs-sortable:not(.cxs-aligned-right).cxs-tool.cxs-sorted-asc, .cxe-grid-col-header.cxs-sortable:not(.cxs-aligned-right).cxs-tool.cxs-sorted-desc {
   padding-left: 21px;
 }
+
 .cxe-grid-col-header.cxs-sortable:not(.cxs-aligned-right).cxs-tool.cxs-sorted-asc .cxe-grid-column-sort-icon, .cxe-grid-col-header.cxs-sortable:not(.cxs-aligned-right).cxs-tool.cxs-sorted-desc .cxe-grid-column-sort-icon {
   left: 2px;
 }
+
 .cxe-grid-col-header.cxs-sortable.cxs-aligned-center {
   padding-left: 21px;
 }
+
 .cxe-grid-col-header.cxs-sortable.cxs-aligned-right {
   padding-left: 21px;
 }
+
 .cxe-grid-col-header.cxs-sortable.cxs-aligned-right .cxe-grid-column-sort-icon {
   left: 2px;
 }
@@ -4805,6 +5452,7 @@ th.cxe-calendar-display {
   position: absolute;
   transition: transform 0.1s linear;
 }
+
 .cxs-sorted-desc > .cxe-grid-column-sort-icon {
   transform: rotate(180deg);
 }
@@ -4813,54 +5461,68 @@ th.cxe-calendar-display {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background-color: transparent;
 }
+
 .cxe-grid-data td {
   padding: 0;
   border-top: 1px solid #bfbfbf;
 }
+
 .cxe-grid-data td:empty::before {
   content: "-";
   visibility: hidden;
 }
+
 .cxe-grid-data td.cxs-pad {
   padding: 5px;
 }
+
 .cxs-selectable .cxe-grid-data:hover, .cxs-selectable .cxe-grid-data.cxs-hover {
   background-color: rgba(128, 128, 128, 0.1);
   outline: none;
   cursor: pointer;
 }
+
 .cxs-selectable .cxe-grid-data.cxs-cursor {
   background-color: rgba(128, 128, 128, 0.1);
   outline: none;
   cursor: pointer;
 }
+
 .cxs-selectable .cxe-grid-data.cxs-selected {
   background-color: rgba(123, 190, 255, 0.4);
 }
+
 .cxs-selectable .cxe-grid-data.cxs-selected.cxs-cursor {
   background-color: rgba(123, 190, 255, 0.3);
   outline: none;
 }
+
 .cxs-focused .cxe-grid-data.cxs-cursor, :focus .cxe-grid-data.cxs-cursor {
   background-color: rgba(123, 190, 255, 0.15);
   outline: none;
 }
+
 .cxs-focused .cxe-grid-data.cxs-selected.cxs-cursor, :focus .cxe-grid-data.cxs-selected.cxs-cursor {
   background-color: rgba(123, 190, 255, 0.3);
   outline: none;
 }
+
 .cxs-drag-move .cxe-grid-data.cxs-dragged {
   display: none;
 }
+
 .cxs-drag-copy .cxe-grid-data.cxs-dragged {
   opacity: 0.5;
 }
+
 .cxe-grid-data.cxs-draggable {
   touch-action: none;
 }
+
 .cxe-grid-data.cxs-dummy td {
   box-sizing: border-box;
 }
+
 .cxe-grid-data.cxs-over {
   background: orange !important;
 }
@@ -4869,9 +5531,11 @@ th.cxe-calendar-display {
   position: relative;
   padding: 0;
 }
+
 .cxs-drop-preview .cxe-grid-dropzone {
   border-top: 1px solid #bfbfbf;
 }
+
 .cxs-drop-preview .cxe-grid-dropzone:after {
   position: absolute;
   left: 3px;
@@ -4881,9 +5545,11 @@ th.cxe-calendar-display {
   border: 1px dotted gray;
   content: " ";
 }
+
 .cxs-drop-insertion .cxe-grid-dropzone {
   height: 0;
 }
+
 .cxs-drop-insertion .cxe-grid-dropzone:after {
   position: absolute;
   left: 0;
@@ -4897,34 +5563,31 @@ th.cxe-calendar-display {
 
 .cxe-grid-group-caption {
   font-weight: bold;
-  font-size: 115%;
 }
+
 .cxe-grid-group-caption td {
   padding: 5px;
 }
+
 .cxe-grid-group-caption:not(:first-child) td {
   padding-top: 15px;
 }
 
 .cxe-grid-group-caption.cxs-level-1 td {
-  font-weight: bold;
   font-size: 115%;
 }
 
 .cxe-grid-group-caption.cxs-level-2 td {
-  font-weight: bold;
   font-size: 130%;
   border-bottom: 1px solid grey;
 }
 
 .cxe-grid-group-caption.cxs-level-3 td {
-  font-weight: bold;
   font-size: 145%;
   border-bottom: 1px solid grey;
 }
 
 .cxe-grid-group-caption.cxs-level-4 td {
-  font-weight: bold;
   font-size: 160%;
   border-bottom: 1px solid grey;
 }
@@ -4932,6 +5595,7 @@ th.cxe-calendar-display {
 .cxe-grid-group-footer td {
   box-sizing: border-box;
 }
+
 .cxe-grid-group-footer td.cxs-pad {
   padding: 5px;
 }
@@ -4949,24 +5613,26 @@ th.cxe-calendar-display {
 
 .cxe-grid-group-footer.cxs-level-3 td {
   font-weight: bold;
-  font-size: 120%;
+  font-size: 115%;
   border-top: 1px solid grey;
 }
 
 .cxe-grid-group-footer.cxs-level-4 td {
   font-weight: bold;
-  font-size: 130%;
+  font-size: 120%;
   border-top: 1px solid grey;
 }
 
 .cxb-grid.cxs-cell-editable .cxe-grid-data td:hover {
   background: rgba(128, 128, 128, 0.05);
 }
+
 .cxb-grid.cxs-cell-editable .cxe-grid-data td.cxs-cellected {
   position: relative;
   user-select: none;
   overflow: visible;
 }
+
 .cxb-grid.cxs-cell-editable .cxe-grid-data td.cxs-cellected:after {
   position: absolute;
   pointer-events: none;
@@ -4978,9 +5644,11 @@ th.cxe-calendar-display {
   background: rgba(0, 128, 0, 0.1);
   border: 2px solid green;
 }
+
 .cxb-grid.cxs-cell-editable .cxe-grid-data td.cxs-cellected:last-child::after {
   right: 0;
 }
+
 .cxb-grid.cxs-cell-editable .cxe-grid-data td.cxe-grid-cell-editor {
   position: relative;
   user-select: none;
@@ -4996,6 +5664,7 @@ th.cxe-calendar-display {
   width: 100%;
   height: calc(100% + 2px);
 }
+
 .cxe-grid-cell-editor-wrap > *:only-child {
   width: 100%;
   height: 100%;
@@ -5015,6 +5684,7 @@ th.cxe-calendar-display {
 .cxe-grid-scroll-area.cxs-fixed-footer > .cxe-grid-table-wrapper > table > .cxe-grid-group-footer:last-child {
   visibility: hidden;
 }
+
 .cxe-grid-scroll-area.cxs-fixed-footer > .cxe-grid-table-wrapper > table > .cxe-grid-group-footer:last-child td {
   border: none;
 }
@@ -5026,9 +5696,15 @@ th.cxe-calendar-display {
   border-right-style: solid;
   border-right-width: 1px;
 }
+
+.cxe-grid-fixed-scroll-area > .cxe-grid-fixed-table-wrapper {
+  padding-top: 0;
+}
+
 .cxe-grid-fixed-scroll-area.cxs-fixed-footer > .cxe-grid-fixed-table-wrapper > table > .cxe-grid-group-footer:last-child {
   visibility: hidden;
 }
+
 .cxe-grid-fixed-scroll-area.cxs-fixed-footer > .cxe-grid-fixed-table-wrapper > table > .cxe-grid-group-footer:last-child td {
   border: none;
 }
@@ -5094,9 +5770,11 @@ th.cxe-calendar-display {
 .cxb-dragsource {
   box-sizing: border-box;
 }
+
 .cxb-dragsource.cxs-dragged {
   opacity: 0.3;
 }
+
 .cxb-dragsource.cxs-draggable {
   touch-action: none;
 }
@@ -5105,15 +5783,18 @@ th.cxe-calendar-display {
   box-sizing: border-box;
   position: relative;
 }
+
 .cxb-dropzone.cxm-hline {
   height: 1px;
   margin-top: -1px;
   align-self: stretch;
 }
+
 .cxb-dropzone.cxm-hline.cxs-over {
   background: black;
   box-shadow: 0 0 2px black;
 }
+
 .cxb-dropzone.cxm-vline {
   width: 1px;
   margin-left: -1px;
@@ -5122,20 +5803,24 @@ th.cxe-calendar-display {
   vertical-align: middle;
   align-self: stretch;
 }
+
 .cxb-dropzone.cxm-vline.cxs-over {
   background: black;
   box-shadow: 0 0 2px black;
 }
+
 .cxb-dropzone.cxm-block {
   min-height: 1px;
   margin-top: -1px;
   align-self: stretch;
 }
+
 .cxb-dropzone.cxm-block.cxs-over {
   height: 25px;
   border: 2px dotted lightgray;
   margin: 5px;
 }
+
 .cxb-dropzone.cxm-inline-block {
   width: 1px;
   margin-left: -1px;
@@ -5145,9 +5830,11 @@ th.cxe-calendar-display {
   vertical-align: top;
   align-self: stretch;
 }
+
 .cxb-dropzone.cxm-inline-block:after {
   content: " ";
 }
+
 .cxb-dropzone.cxm-inline-block.cxs-over {
   width: 50px;
   border: 2px dotted lightgray;
@@ -5171,6 +5858,7 @@ th.cxe-calendar-display {
   box-shadow: 0 0 3px rgba(128, 128, 128, 0.3);
   display: flex;
 }
+
 .cxb-dragclone > * {
   margin: 0 !important;
   display: block;
@@ -5183,6 +5871,7 @@ th.cxe-calendar-display {
   width: 180px;
   min-height: 24px;
   background-color: rgba(255, 255, 255, 0.5);
+  color: #373a3c;
   border-style: solid;
   border-color: #98d4ff;
   border-width: 1px;
@@ -5191,6 +5880,7 @@ th.cxe-calendar-display {
   text-align: center;
   line-height: 24px;
 }
+
 .cxb-progressbar[disabled], .cxb-progressbar.cxs-disabled {
   opacity: 0.2;
 }
@@ -5220,10 +5910,12 @@ th.cxe-calendar-display {
   position: relative;
   flex-shrink: 0;
 }
+
 .cxb-resizer.cxs-vertical {
   width: 5px;
   cursor: col-resize;
 }
+
 .cxb-resizer.cxs-horizontal {
   height: 5px;
   cursor: row-resize;
@@ -5236,6 +5928,7 @@ th.cxe-calendar-display {
   top: 0;
   left: 0;
 }
+
 .cxe-resizer-handle.cxs-dragged {
   background: rgba(128, 128, 128, 0.5);
 }
@@ -5247,12 +5940,15 @@ th.cxe-calendar-display {
 .cxb-labelsleftlayout {
   border-spacing: 0;
 }
+
 .cxb-labelsleftlayout.cxm-stretch {
   width: 100%;
 }
+
 .cxb-labelsleftlayout.cxm-stretch .cxe-labelsleftlayout-label {
   width: 5em;
 }
+
 .cxb-labelsleftlayout.cxm-stretch .cxe-labelsleftlayout-label .cxb-label {
   white-space: nowrap;
 }
@@ -5266,6 +5962,7 @@ th.cxe-calendar-display {
   vertical-align: top;
   padding: 5px 5px 5px 0;
 }
+
 .cxe-labelsleftlayout-label .cxb-label {
   padding-right: 0;
 }
@@ -5273,6 +5970,7 @@ th.cxe-calendar-display {
 .cxb-labelstoplayout {
   border-spacing: 0 3px;
 }
+
 .cxb-labelstoplayout.cxm-stretch {
   width: 100%;
 }
@@ -5282,9 +5980,11 @@ th.cxe-calendar-display {
   box-sizing: border-box;
   vertical-align: top;
 }
+
 .cxe-labelstoplayout-field:first-child {
   padding-left: 0;
 }
+
 .cxe-labelstoplayout-field:last-child {
   padding-right: 0;
 }
@@ -5294,13 +5994,16 @@ th.cxe-calendar-display {
   padding: 5px 5px 0 5px;
   box-sizing: border-box;
 }
+
 .cxe-labelstoplayout-label .cxb-label {
   padding-left: 0;
   padding-bottom: 0;
 }
+
 .cxe-labelstoplayout-label:first-child {
   padding-left: 0;
 }
+
 .cxe-labelstoplayout-label:last-child {
   padding-right: 0;
 }