replace outline with box shadow

src/gantt.scss

@@ -167,24 +167,17 @@ $light-blue: #c4c4e9 !default;
 
   .bar-wrapper {
     cursor: pointer;
+    outline: none;
 
     .bar {
-      outline: groove 1px black;
+      -webkit-filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, .7));
+      filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .7));
       border-radius: 3px;
     }
 
-    &.important .bar {
-      outline: none;
-      outline-width: 1.5px;
-
-      &:active {
-        outline: 1px dotted;
-      }
-    }
 
     &:hover {
       .bar {
-        outline-width: 1.5px;
         transition: transform 0.3s ease;
       }
 
@@ -193,11 +186,6 @@ $light-blue: #c4c4e9 !default;
       }
     }
 
-    &.active {
-      .bar {
-        outline-style: dotted;
-      }
-    }
   }
 
   .lower-text,