@syncfusion/ej2-angular-kanban 20.1.47 → 20.1.58

package/styles/fabric.css

@@ -3,7 +3,6 @@
   box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
   margin-top: 1px;
 }
-
 .e-ddl.e-popup .e-input-group input {
   line-height: 15px;
 }
@@ -27,9 +26,7 @@
   margin-top: 0;
 }
 
-.e-bigger .e-ddl.e-popup .e-list-item,
-.e-bigger .e-ddl.e-popup .e-list-group-item,
-.e-bigger .e-ddl.e-popup .e-fixed-head {
+.e-bigger .e-ddl.e-popup .e-list-item, .e-bigger .e-ddl.e-popup .e-list-group-item, .e-bigger .e-ddl.e-popup .e-fixed-head {
   font-size: 15px;
   line-height: 45px;
   padding-left: 0;
@@ -44,8 +41,7 @@
   padding: 4px 0;
 }
 
-.e-bigger .e-ddl.e-popup .e-input-group input,
-.e-bigger .e-ddl.e-popup .e-input-group input.e-input {
+.e-bigger .e-ddl.e-popup .e-input-group input, .e-bigger .e-ddl.e-popup .e-input-group input.e-input {
   height: 38px;
 }
 
@@ -57,9 +53,7 @@
   color: #333;
 }
 
-.e-bigger.e-small .e-ddl.e-popup .e-list-item,
-.e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
-.e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
+.e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
   font-size: 14px;
   line-height: 40px;
   padding-left: 0;
@@ -74,8 +68,7 @@
   padding: 0;
 }
 
-.e-bigger.e-small .e-ddl.e-popup .e-input-group input,
-.e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
+.e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
   height: 34px;
 }
 
@@ -108,7 +101,6 @@
     transform: rotate(360deg);
   }
 }
-
 @keyframes fabric-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -117,46 +109,37 @@
     transform: rotate(360deg);
   }
 }
-
 /*! Kanban component's fabric theme definitions and variables */
 .e-kanban .e-column-expand::before {
-  content: '\e98f';
+  content: "\e98f";
 }
-
 .e-kanban .e-column-collapse::before {
-  content: '\e219';
+  content: "\e219";
 }
-
 .e-kanban .e-swimlane-row-expand::before {
-  content: '\e652';
+  content: "\e652";
 }
-
 .e-kanban .e-swimlane-row-collapse::before {
-  content: '\e653';
+  content: "\e653";
 }
-
 .e-kanban .e-show-add-icon::before {
-  content: '\e7d5';
+  content: "\e7d5";
 }
-
 .e-kanban .e-swimlane-header-toolbar .e-icon-menu::before {
-  content: '\e94c';
+  content: "\e94c";
 }
-
 .e-kanban.e-rtl .e-column-collapse::before {
-  content: '\e98f';
+  content: "\e98f";
 }
-
 .e-kanban.e-rtl .e-column-expand::before {
-  content: '\e219';
+  content: "\e219";
 }
-
 .e-kanban.e-rtl .e-swimlane-row-collapse::before {
-  content: '\e654';
+  content: "\e654";
 }
 
 .e-mobile-popup-wrapper .e-close-icon::before {
-  content: '\e953';
+  content: "\e953";
 }
 
 /*! kanban component layout */
@@ -168,7 +151,6 @@
       -ms-user-select: none;
           user-select: none;
 }
-
 .e-kanban .e-kanban-table {
   border: 0;
   border-collapse: separate;
@@ -176,36 +158,29 @@
   table-layout: fixed;
   width: 100%;
 }
-
 .e-kanban .e-kanban-table col.e-collapsed {
   width: 50px;
 }
-
 .e-kanban .e-swimlane .e-kanban-table.e-content-table {
   border-spacing: 10px 0;
 }
-
 .e-kanban .e-frozen-swimlane-row {
   position: relative;
   z-index: 101;
 }
-
 .e-kanban .e-frozen-swimlane-row .e-frozen-row {
   padding: 13px 0 0 10px;
 }
-
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header {
   display: -ms-flexbox;
   display: flex;
 }
-
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-text {
   font-size: 14px;
   font-weight: 400;
   line-height: 20px;
   padding: 2px;
 }
-
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-item-count {
   font-size: 12px;
   font-weight: 400;
@@ -213,7 +188,6 @@
   opacity: 0.57;
   padding: 2px;
 }
-
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand,
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse {
   border: 1px solid transparent;
@@ -224,7 +198,6 @@
   margin: 0 0 0 8px;
   padding: 4px 6px;
 }
-
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:hover, .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:focus,
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:hover,
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:focus {
@@ -236,17 +209,14 @@
   margin: 0 0 0 8px;
   padding: 4px 6px;
 }
-
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:focus,
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:focus {
   background: #dadada;
   box-shadow: none;
 }
-
 .e-kanban .e-kanban-header > div {
   overflow: hidden;
 }
-
 .e-kanban .e-kanban-header .e-header-cells {
   border-radius: 4px;
   height: 50px;
@@ -257,12 +227,10 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-
 .e-kanban .e-kanban-header .e-header-cells .e-header-wrap {
   display: -ms-flexbox;
   display: flex;
 }
-
 .e-kanban .e-kanban-header .e-header-cells .e-header-wrap .e-header-title {
   display: -ms-flexbox;
   display: flex;
@@ -270,55 +238,44 @@
   text-overflow: ellipsis;
   width: 100%;
 }
-
 .e-kanban .e-kanban-header .e-header-cells.e-stacked-header-cell {
   border-bottom: 1px solid #dadada;
 }
-
 .e-kanban .e-kanban-header .e-header-cells.e-toggle-header .e-column-expand {
   cursor: pointer;
   font-size: 12px;
   padding: 6px;
 }
-
 .e-kanban .e-kanban-header .e-header-cells.e-toggle-header .e-column-collapse {
   cursor: pointer;
   font-size: 12px;
   padding: 11px;
 }
-
 .e-kanban .e-kanban-header .e-header-cells.e-min-color {
   background: #ffe082;
 }
-
 .e-kanban .e-kanban-header .e-header-cells.e-max-color {
   background: #ffcdd2;
 }
-
 .e-kanban .e-kanban-header .e-header-cells.e-collapsed {
   background-color: #f4f4f4;
   text-align: center;
   width: 50px;
 }
-
 .e-kanban .e-kanban-header .e-header-cells.e-collapsed .e-header-wrap {
   -ms-flex-pack: center;
       justify-content: center;
 }
-
 .e-kanban .e-kanban-header .e-header-cells.e-collapsed.e-min-color {
   background: #ffe082;
 }
-
 .e-kanban .e-kanban-header .e-header-cells.e-collapsed.e-max-color {
   background: #ffcdd2;
 }
-
 .e-kanban .e-kanban-header .e-header-cells.e-collapsed .e-limits,
 .e-kanban .e-kanban-header .e-header-cells.e-collapsed .e-header-title {
   display: none;
 }
-
 .e-kanban .e-kanban-header .e-header-cells .e-header-text {
   font-size: 15px;
   font-weight: 400;
@@ -327,7 +284,6 @@
   padding-right: 5px;
   text-overflow: ellipsis;
 }
-
 .e-kanban .e-kanban-header .e-header-cells .e-item-count {
   font-size: 12px;
   font-weight: 400;
@@ -336,13 +292,11 @@
   opacity: 0.57;
   text-transform: lowercase;
 }
-
 .e-kanban .e-kanban-header .e-header-cells .e-limits {
   display: -ms-flexbox;
   display: flex;
   padding-top: 3px;
 }
-
 .e-kanban .e-kanban-header .e-header-cells .e-limits .e-min-count,
 .e-kanban .e-kanban-header .e-header-cells .e-limits .e-max-count {
   font-size: 13px;
@@ -350,23 +304,26 @@
   opacity: 0.57;
   width: 100%;
 }
-
 .e-kanban .e-kanban-header .e-header-cells .e-limits .e-max-count {
   text-align: right;
 }
-
 .e-kanban .e-kanban-content {
   overflow: auto;
   padding-bottom: 10px;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-limits {
   display: -ms-flexbox;
   display: flex;
   height: 26px;
   position: relative;
 }
-
+.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-kanban-border {
+  display: none;
+}
+.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-kanban-border.e-dropping {
+  display: block;
+  position: absolute;
+}
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-limits .e-min-count,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-limits .e-max-count {
   font-size: 13px;
@@ -374,32 +331,26 @@
   opacity: 0.57;
   padding: 4px 8px;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-limits .e-max-count {
   position: absolute;
   right: 0;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-min-color {
   background: #ffe082;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-max-color {
   background: #ffcdd2;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed {
   overflow: hidden;
   text-align: center;
   width: 50px;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-card-wrapper,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-card-container,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-limits {
   display: none;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-collapse-header-text {
   color: #333;
   font-size: 16px;
@@ -413,42 +364,35 @@
   -ms-writing-mode: tb-lr;
       writing-mode: vertical-lr;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-collapse-header-text .e-item-count {
   display: inline-block;
   font-size: 13px;
   font-weight: 400;
-  opacity: .57;
+  opacity: 0.57;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-show-add-button {
   border: 1px dashed #0078d6;
   height: 36px;
   margin: 8px 8px 0;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-show-add-button .e-show-add-icon {
   padding: 11px;
   text-align: center;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-show-add-button:focus {
   border: 1px dashed #dadada;
   color: #dadada;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-multi-card-wrapper,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-multi-card-container {
   display: none;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container {
   height: inherit;
   overflow: auto;
   padding: 8px 8px 0;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-empty-card,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-empty-card {
   color: inherit;
@@ -459,7 +403,6 @@
   padding: 10px 0;
   position: relative;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card {
   border: 1px solid rgba(0, 0, 0, 0.12);
@@ -468,24 +411,20 @@
   margin-bottom: 8px;
   min-height: 50px;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-draggable,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-draggable {
   cursor: all-scroll;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-header {
   padding: 7px 11px 0;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header .e-card-header-title,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-header .e-card-header-title {
   font-size: 14px;
   font-weight: 400;
   line-height: 20px;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-footer,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-footer {
   display: -ms-inline-flexbox;
@@ -493,42 +432,35 @@
   line-height: normal;
   padding: 0 11px 7px;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-content,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-content {
   font-size: 13px;
   line-height: 20px;
   padding: 8px 11px;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color {
   border: 1px solid rgba(0, 0, 0, 0.12);
   border-left: 3px solid;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header {
   padding: 7px 11px 0 8px;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content {
   padding: 8px 11px 8px 8px;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-tags,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-tags {
   padding: 0 11px 8px 8px;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color.e-selection,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color.e-selection {
   border: 1px solid rgba(0, 0, 0, 0.12);
   border-left: 3px solid;
   box-shadow: none;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color.e-selection:hover,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color.e-selection:hover {
   border: 1px solid rgba(0, 0, 0, 0.12);
@@ -536,19 +468,16 @@
   box-shadow: none;
   padding: 1px;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color:hover,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color:hover {
   border: 1px solid rgba(0, 0, 0, 0.12);
   border-left: 4px solid;
   box-shadow: none;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-footer,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-footer {
   padding: 0 11px 7px 8px;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-tag,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-tag {
   border-radius: 0;
@@ -561,60 +490,50 @@
   padding: 2px 8px;
   text-overflow: ellipsis;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-tags,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-tags {
   line-height: 1;
   padding: 0 11px 8px;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-cloned-card,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-cloned-card {
   position: absolute;
   z-index: 1;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-selection,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-selection {
   border: 1px solid #dadada;
   box-shadow: none;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-selection:hover,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-selection:hover {
   border: 1px solid rgba(0, 0, 0, 0.12);
   box-shadow: none;
   padding: 1px;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card:hover,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card:hover {
   border: 1px solid rgba(0, 0, 0, 0.12);
   box-shadow: none;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card:focus,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card:focus {
   border: 1px solid rgba(0, 0, 0, 0.12);
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color:focus,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color:focus {
   border: 1px solid rgba(0, 0, 0, 0.12);
   border-left: 3px solid;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-kanban-dragged-card,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-kanban-dragged-card {
   display: none;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-multi-card-clone,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-multi-card-clone {
   border: 1px solid #dadada;
   height: 34px;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-multi-card-text,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-multi-card-text {
   background: #fff;
@@ -622,7 +541,6 @@
   padding-left: 8px;
   text-align: center;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dragged-clone,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dragged-clone,
@@ -630,45 +548,37 @@
   border-radius: 0;
   margin-bottom: 8px;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dragged-clone,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dragged-clone {
   background-color: #f4f4f4;
   border: 1px dashed #dadada;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dropped-clone {
   background: rgba(0, 120, 214, 0.1);
   border: 1px dashed #0078d6;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-target-multi-clone .e-column-key {
   border-bottom: 1px dashed #dadada;
   border-left: 1px dashed #dadada;
   border-right: 1px dashed #dadada;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-target-multi-clone .e-column-key .e-text {
-  opacity: .5;
+  opacity: 0.5;
   text-align: center;
 }
-
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-target-multi-clone .e-column-key:first-child {
   border-top: 1px dashed #dadada;
 }
-
 .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells {
   height: 50px;
   min-height: 50px;
 }
-
 .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header {
   display: -ms-flexbox;
   display: flex;
   padding: 0;
 }
-
 .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand,
 .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse {
   border: 1px solid transparent;
@@ -679,7 +589,6 @@
   margin: 0 0 0 8px;
   padding: 4px 6px;
 }
-
 .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand:hover, .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand:focus,
 .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse:hover,
 .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse:focus {
@@ -692,14 +601,12 @@
   margin: 0 0 0 8px;
   padding: 4px 6px;
 }
-
 .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text {
   font-size: 14px;
   font-weight: 400;
   line-height: 20px;
   padding: 2px;
 }
-
 .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-item-count {
   color: inherit;
   font-size: 12px;
@@ -708,40 +615,35 @@
   opacity: 0.57;
   padding: 2px;
 }
-
 .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells {
   border: 1px solid transparent;
   border-radius: 4px;
   vertical-align: top;
 }
-
 .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells.e-dropping {
   border: 1px dashed #dadada;
 }
-
 .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells.e-min-color {
   background: #ffe082;
 }
-
 .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells.e-max-color {
   background: #ffcdd2;
 }
-
 .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells:focus {
   border: 1px solid #dadada;
   box-shadow: none;
 }
-
 .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells .e-card-wrapper,
 .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells .e-card-container {
   min-height: 50px;
 }
-
+.e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells .e-dropping {
+  border: 1px dashed #dadada;
+}
 .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells {
   border-bottom: 0;
   height: 0;
 }
-
 .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells > .e-collapse-header-text,
 .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells .e-limits,
 .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells .e-show-add-button,
@@ -749,40 +651,32 @@
 .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells .e-card-container {
   display: none;
 }
-
 .e-kanban.e-rtl .e-kanban-table .e-header-cells {
   text-align: right;
 }
-
 .e-kanban.e-rtl .e-kanban-table .e-header-cells .e-header-text {
   padding-left: 5px;
   padding-right: initial;
   text-align: right;
   text-transform: uppercase;
 }
-
 .e-kanban.e-rtl .e-kanban-table .e-header-cells .e-limits .e-max-count {
   text-align: left;
 }
-
 .e-kanban.e-rtl .e-kanban-table .e-header-cells.e-toggle-header .e-column-collapse {
   text-align: center;
 }
-
 .e-kanban.e-rtl .e-kanban-table.e-content-table .e-content-row .e-content-cells .e-limits .e-max-count {
   left: 0;
   right: auto;
 }
-
 .e-kanban.e-rtl .e-kanban-table.e-content-table .e-content-row .e-content-cells.e-collapsed .e-collapse-header-text {
   direction: initial;
 }
-
 .e-kanban.e-rtl .e-kanban-table.e-content-table .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand,
 .e-kanban.e-rtl .e-kanban-table.e-content-table .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse {
   margin: 0 8px 0 0;
 }
-
 .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar {
   background: #f4f4f4;
   border-bottom: 0;
@@ -792,7 +686,6 @@
   min-height: 42px;
   padding: 10px;
 }
-
 .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar .e-toolbar-swimlane-name {
   color: inherit;
   font-size: 14px;
@@ -800,12 +693,10 @@
   line-height: 1.5;
   padding: 5px;
 }
-
 .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar .e-toolbar-menu,
 .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar .e-toolbar-level-title {
   padding-top: 6px;
 }
-
 .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar .e-toolbar-menu .e-icon-menu,
 .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar .e-toolbar-level-title .e-icon-menu {
   color: inherit;
@@ -813,32 +704,26 @@
   padding: 7px;
   padding-left: 4px;
 }
-
 .e-kanban.e-device .e-kanban-header .e-swimlane .e-header-cells {
   border-bottom: 0;
 }
-
 .e-kanban.e-device .e-swimlane-content {
   position: absolute;
   width: 100%;
 }
-
 .e-kanban.e-device .e-swimlane-content .e-swimlane-resource {
   background: #fff;
   border: 1px solid #dadada;
   height: 100%;
   width: 225px;
 }
-
 .e-kanban.e-device .e-swimlane-content .e-swimlane-resource .e-swimlane-tree {
   height: 100%;
   overflow-y: auto;
 }
-
 .e-kanban.e-device .e-swimlane-content .e-swimlane-overlay {
   position: absolute;
 }
-
 .e-kanban.e-device .e-swimlane-content .e-swimlane-overlay.e-enable {
   background-color: #383838;
   height: 100%;
@@ -851,53 +736,43 @@
   margin-bottom: 5px;
   min-height: 56px;
 }
-
 .e-bigger .e-kanban .e-swimlane-header-toolbar .e-toolbar-swimlane-name,
 .e-bigger.e-kanban .e-swimlane-header-toolbar .e-toolbar-swimlane-name {
   font-size: 18px;
 }
-
 .e-bigger .e-kanban .e-swimlane-header-toolbar .e-icon-menu,
 .e-bigger.e-kanban .e-swimlane-header-toolbar .e-icon-menu {
   font-size: 18px;
 }
-
 .e-bigger .e-kanban .e-kanban-table.e-content-table,
 .e-bigger.e-kanban .e-kanban-table.e-content-table {
   border-spacing: 10px 0;
 }
-
 .e-bigger .e-kanban .e-swimlane .e-kanban-table.e-content-table,
 .e-bigger.e-kanban .e-swimlane .e-kanban-table.e-content-table {
   border-spacing: 10px 0;
 }
-
 .e-bigger .e-kanban .e-frozen-swimlane-row .e-frozen-row,
 .e-bigger.e-kanban .e-frozen-swimlane-row .e-frozen-row {
   padding: 13px 0 0 10px;
 }
-
 .e-bigger .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-text,
 .e-bigger.e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-text {
   font-size: 14px;
 }
-
 .e-bigger .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-item-count,
 .e-bigger.e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-item-count {
   line-height: 20px;
   padding: 2px;
 }
-
 .e-bigger .e-kanban .e-kanban-table col.e-collapsed,
 .e-bigger.e-kanban .e-kanban-table col.e-collapsed {
   width: 50px;
 }
-
 .e-bigger .e-kanban .e-kanban-table .e-header-cells,
 .e-bigger.e-kanban .e-kanban-table .e-header-cells {
   height: 56px;
 }
-
 .e-bigger .e-kanban .e-kanban-table .e-header-cells .e-header-text,
 .e-bigger.e-kanban .e-kanban-table .e-header-cells .e-header-text {
   font-size: 16px;
@@ -905,7 +780,6 @@
   line-height: 24px;
   text-transform: lowercase;
 }
-
 .e-bigger .e-kanban .e-kanban-table .e-header-cells .e-item-count,
 .e-bigger.e-kanban .e-kanban-table .e-header-cells .e-item-count {
   font-size: 12px;
@@ -914,21 +788,18 @@
   margin-top: 0;
   text-transform: lowercase;
 }
-
 .e-bigger .e-kanban .e-kanban-table .e-header-cells .e-column-collapse,
 .e-bigger .e-kanban .e-kanban-table .e-header-cells .e-column-expand,
 .e-bigger.e-kanban .e-kanban-table .e-header-cells .e-column-collapse,
 .e-bigger.e-kanban .e-kanban-table .e-header-cells .e-column-expand {
   font-size: 12px;
 }
-
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper,
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container,
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper,
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container {
   padding: 8px 8px 0;
 }
-
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dragged-clone,
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dragged-clone,
@@ -939,46 +810,39 @@
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dropped-clone {
   margin-bottom: 8px;
 }
-
 .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header,
 .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header {
   padding: 0;
 }
-
 .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text,
 .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text {
   font-size: 14px;
   line-height: 20px;
 }
-
 .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-item-count,
 .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-item-count {
   font-size: 12px;
   line-height: 20px;
   padding: 2px;
 }
-
 .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand,
 .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse,
 .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand,
 .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse {
   font-size: 12px;
 }
-
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header,
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header,
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header,
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header {
   padding: 7px 11px 0 8px;
 }
-
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content,
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content {
   padding: 8px 11px 8px 8px;
 }
-
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-tags,
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-footer,
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-tags,
@@ -989,21 +853,18 @@
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-footer {
   padding: 0 11px 7px 8px;
 }
-
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header,
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-header,
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header,
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-header {
   padding: 7px 11px 0;
 }
-
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-content,
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-content,
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-content,
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-content {
   padding: 8px 11px;
 }
-
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-tags,
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-footer,
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-tags,
@@ -1014,7 +875,6 @@
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-footer {
   padding: 0 11px 7px;
 }
-
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color,
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color,
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card,
@@ -1025,7 +885,6 @@
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card {
   margin-bottom: 8px;
 }
-
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header .e-card-header-title,
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header .e-card-header-title,
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header .e-card-header-title,
@@ -1037,7 +896,6 @@
   font-size: 15px;
   line-height: 20px;
 }
-
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content,
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-content,
@@ -1075,13 +933,11 @@
   width: 100%;
   z-index: 1004;
 }
-
 .e-mobile-popup-wrapper.e-device .e-popup-header .e-close,
 .e-mobile-popup-container.e-device .e-popup-header .e-close {
   background-color: transparent;
   border: 0;
 }
-
 .e-mobile-popup-wrapper.e-device .e-popup-content,
 .e-mobile-popup-container.e-device .e-popup-content {
   color: inherit;
@@ -1097,12 +953,10 @@
 .e-kanban-dialog {
   min-width: 350px;
 }
-
 .e-kanban-dialog .e-kanban-form-wrapper table,
 .e-kanban-dialog .e-kanban-form-container table {
   width: 100%;
 }
-
 .e-kanban-dialog .e-kanban-form-wrapper table td,
 .e-kanban-dialog .e-kanban-form-container table td {
   color: inherit;
@@ -1114,19 +968,16 @@
   padding: 5px 0;
   text-align: left;
 }
-
 .e-kanban-dialog .e-kanban-form-wrapper table .e-label,
 .e-kanban-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
   vertical-align: top;
   width: 70px;
 }
-
 .e-kanban-dialog .e-kanban-form-wrapper table .e-field,
 .e-kanban-dialog .e-kanban-form-container table .e-field {
   width: 100%;
 }
-
 .e-kanban-dialog .e-footer-content .e-dialog-delete.e-btn {
   float: left;
   margin-left: 0;
@@ -1138,7 +989,6 @@
   padding-right: 0;
   text-align: right;
 }
-
 *.e-rtl .e-dialog-delete {
   float: right;
 }
@@ -1147,29 +997,23 @@
 .e-kanban {
   background: #fff;
 }
-
 .e-kanban .e-kanban-table .e-header-cells {
   background-color: #f4f4f4;
 }
-
 .e-kanban .e-kanban-table .e-header-cells .e-header-text {
   color: #333;
 }
-
 .e-kanban .e-kanban-table .e-header-cells .e-item-count {
   color: #333;
 }
-
 .e-kanban .e-kanban-table .e-header-cells .e-limits {
   color: inherit;
 }
-
 .e-kanban .e-kanban-table .e-header-cells .e-column-expand,
 .e-kanban .e-kanban-table .e-header-cells .e-column-collapse {
   border: 1px solid transparent;
   color: rgba(51, 51, 51, 0.54);
 }
-
 .e-kanban .e-kanban-table .e-header-cells .e-column-expand:hover, .e-kanban .e-kanban-table .e-header-cells .e-column-expand:focus,
 .e-kanban .e-kanban-table .e-header-cells .e-column-collapse:hover,
 .e-kanban .e-kanban-table .e-header-cells .e-column-collapse:focus {
@@ -1179,62 +1023,48 @@
   box-shadow: none;
   color: rgba(51, 51, 51, 0.54);
 }
-
 .e-kanban .e-kanban-table.e-content-table .e-content-row:not(.e-swimlane-row) td {
   background-color: #f4f4f4;
 }
-
 .e-kanban .e-kanban-table.e-content-table .e-content-row.e-swimlane-row .e-swimlane-text,
 .e-kanban .e-kanban-table.e-content-table .e-content-row.e-swimlane-row .e-item-count {
   color: #333;
 }
-
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
   background-color: rgba(0, 120, 214, 0.1);
 }
-
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button .e-show-add-icon {
   color: #0078d6;
 }
-
 .e-kanban .e-kanban-table.e-content-table .e-card.e-selection {
   background-color: #d1ebff;
 }
-
 .e-kanban .e-kanban-table.e-content-table .e-card .e-card-header {
   color: #333;
 }
-
 .e-kanban .e-kanban-table.e-content-table .e-card .e-card-content {
   color: #767676;
 }
-
 .e-kanban .e-kanban-table.e-content-table .e-card .e-card-tag.e-card-label {
   background-color: #eceaff;
   color: #3225c9;
 }
-
 .e-kanban .e-kanban-table.e-content-table .e-target-multi-clone .e-column-key.e-multi-active {
   background: rgba(0, 120, 214, 0.1);
   border-color: #0078d6;
 }
-
 .e-kanban .e-kanban-table.e-content-table .e-target-multi-clone .e-column-key.e-multi-bottom-border {
   border-bottom-color: #0078d6;
 }
-
 .e-kanban .e-kanban-table.e-content-table .e-target-multi-clone .e-column-key.e-multi-active:first-child {
   border-color: #0078d6;
 }
-
 .e-kanban .e-frozen-swimlane-row {
   background: #fff;
 }
-
 .e-kanban .e-frozen-swimlane-row .e-swimlane-header .e-swimlane-text {
   color: #333;
 }
-
 .e-kanban .e-frozen-swimlane-row .e-swimlane-header .e-item-count {
   color: #333;
 }
@@ -1245,7 +1075,6 @@
   min-width: 70%;
   font-weight: 400;
 }
-
 .e-kanban-dialog .e-kanban-form-wrapper table textarea:focus {
   box-shadow: none;
-}
+}