diff --git a/isteven-multi-select.css b/isteven-multi-select.css
index ab2183c..4b76846 100644
--- a/isteven-multi-select.css
+++ b/isteven-multi-select.css
@@ -1,3 +1,4 @@
+
 /* 
  * Don't modify things marked with ! - unless you know what you're doing
  */
@@ -33,126 +34,82 @@
 
 /* the multiselect button */
 .multiSelect > button {
+
     display: inline-block;
     position: relative;
-    text-align: center;    
+    text-align: left;
     cursor: pointer;
-    border: 1px solid #c6c6c6;    
-    padding: 1px 8px 1px 8px;    
+    border: 0px;
+    border-bottom:1px solid #ccc;
+    padding: 0px;
+    width: 100%;
     font-size: 14px;
-    min-height : 38px !important;
-    border-radius: 4px;
-    color: #555;   
+    min-height: 38px !important;
+    border-radius: 0px;
+    color: #555;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     -o-user-select: none;
-    user-select: none; 
-    white-space:normal;
-    background-color: #fff;
-    background-image: linear-gradient(#fff, #f7f7f7);      
-}
-
-/* button: hover */
-.multiSelect > button:hover {    
-    background-image: linear-gradient(#fff, #e9e9e9);    
-}
-
-/* button: disabled */
-.multiSelect > button:disabled {
-    background-image: linear-gradient(#fff, #fff);      
-    border: 1px solid #ddd;    
-    color: #999;
-}
-
-/* button: clicked */
-.multiSelect .buttonClicked {
-    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
-}
-
-/* labels on the button */
-.multiSelect .buttonLabel {
-    display: inline-block;
-    padding: 5px 0px 5px 0px; 
-}
-
-/* downward pointing arrow */
-.multiSelect .caret {
-    display: inline-block;
-    width: 0;
-    height: 0;
-    margin: 0px 0px 1px 12px  !important;    
-    vertical-align: middle;
-    border-top: 4px solid #333;
-    border-right: 4px solid transparent;
-    border-left: 4px solid transparent;
-    border-bottom: 0 dotted; 
+    user-select: none;
+    white-space: normal;
+    background: none;
+    background-image: none;
 }
 
 /* the main checkboxes and helper layer */
 .multiSelect .checkboxLayer {
-    background-color: #fff;
+
+
+    background-color: #fcfcfc;
     position: absolute;
     z-index: 999;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    border-radius: 4px;
-    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);    
-    min-width:278px;
-    display: none !important;    
-}
-
-/* container of helper elements */
-.multiSelect .helperContainer {
-    border-bottom: 1px solid #ddd;
-    padding: 8px 8px 0px 8px;    
+    border: 0px;
+    border-radius: 0rem;
+    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
+    box-shadow: 0 3px 12px rgba(0,0,0,0.19);
+    min-width: 100%;
+    display: none !important;   
 }
 
 /* helper buttons (select all, none, reset); */
 .multiSelect .helperButton {
+    
     display: inline;
     text-align: center;
     cursor: pointer;
-    border: 1px solid #ccc;
+    border: 0px;
     height: 26px;
-    font-size: 13px;
-    border-radius: 2px;
-    color: #666;    
-    background-color: #f1f1f1;
+    font-size: 12px;
+    border-radius: 0;
+    color: #777;
+    background-color: #f9f9f9;
     line-height: 1.6;
     margin: 0px 0px 8px 0px;
 }
-
-.multiSelect .helperButton.reset{
-    float: right;
-}
-
-.multiSelect .helperButton:not( .reset ) {
-    margin-right: 4px;    
-}
-
 /* clear button */
 .multiSelect .clearButton {
+ 
     position: absolute;
     display: inline;
     text-align: center;
     cursor: pointer;
-    border: 1px solid #ccc;
+    border: 0px;
     height: 22px;
     width: 22px;
     font-size: 13px;
     border-radius: 2px;
-    color: #666;    
-    background-color: #f1f1f1;
+    color: #666;
+    background-color: #fefefe;
     line-height: 1.4;
-    right : 2px;
-    top: 4px;
+    right: 2px;
+    top: 0px;
 }
 
 /* filter */
 .multiSelect .inputFilter {
-    border-radius: 2px; 
-    border: 1px solid #ccc;
+
+    border:0px;
     height: 26px;
     font-size: 14px;
     width:100%;    
@@ -162,95 +119,191 @@
     box-sizing: border-box;         /* Opera/IE 8+ */    
     color: #888;
     margin: 0px 0px 8px 0px;
-    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+    -webkit-box-shadow: none;
+            box-shadow: none;
 }
 
 /* helper elements on hover & focus */
 .multiSelect .clearButton:hover,
 .multiSelect .helperButton:hover {
-    border: 1px solid #ccc;
+    /* border: 1px solid #ccc;
     color: #999;    
-    background-color: #f4f4f4;    
-}
-.multiSelect .helperButton:disabled {
-    color: #ccc;    
-    border: 1px solid #ddd;
+    background-color: #f4f4f4;   
+    */
+    border: 0px;
+    color: #888;
+    background-color: #f4f4f4; 
 }
 
+
 .multiSelect .clearButton:focus,
 .multiSelect .helperButton:focus,
 .multiSelect .inputFilter:focus {
+    /*
     border: 1px solid #66AFE9 !important;
     outline: 0;
     -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.065), 0 0 5px rgba(102, 175, 233, .6) !important;
             box-shadow: inset 0 0 1px rgba(0,0,0,.065), 0 0 5px rgba(102, 175, 233, .6) !important;
+    */
+    border-bottom: 2px solid #66AFE9 !important;
+     border: 0px;
+    outline: 0;
+    -webkit-box-shadow: none !important;
+            box-shadow: none !important;
+}
+/* button: hover */
+.multiSelect > button:hover {  
+    /*  
+    background-image: linear-gradient(#fff, #e9e9e9);    
+    */
+    background-image: none;
 }
 
-/* container of multi select items */
-.multiSelect .checkBoxContainer {
-    display: block;
-    padding: 8px;   
-    overflow: hidden;
+/* item labels focus on mouse hover */
+.multiSelect .multiSelectItem:hover, 
+.multiSelect .multiSelectGroup:hover {
+
+    background-image: none;    
+    color: #111!important;    
+    cursor: pointer;        
+    border: 0rem;
+    background: #f7f7f7;
 }
 
-/* ! to show / hide the checkbox layer above */
-.multiSelect .show {
-    display: block !important;
+/* item labels focus using keyboard */
+.multiSelect .multiSelectFocus { 
+
+
+    background-image: none;    
+    color: #111!important;    
+    cursor: pointer;        
+    border: 0rem;
+}
+
+/* Styling on selected items */
+.multiSelect .multiSelectItem:not(.multiSelectGroup).selected
+{
+
+    background-image: none;
+    color: #444;
+    cursor: pointer;
+    border-top: 0px;
+    border-left: 0px;
+    border-right: 0px;          
 }
 
 /* item labels */
 .multiSelect .multiSelectItem {
     display: block;
-    padding: 3px;
-    color: #444;       
+    padding: 1rem;
+    color: #444; 
+          
     white-space: nowrap;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     -o-user-select: none;
     user-select: none;      
-    border: 1px solid transparent;
+    /* border: 1px solid transparent; */
     position: relative;
     min-width:278px;    
-    min-height: 32px;    
+    min-height: 32px; 
+
+    border:0px;   
 }
 
-/* Styling on selected items */
-.multiSelect .multiSelectItem:not(.multiSelectGroup).selected
+/*button focus jobgar */
+.multiSelect > button:focus, .multiSelect > button:visited, .multiSelect > button:active
 {
-    background-image: linear-gradient( #e9e9e9, #f1f1f1 );    
-    color: #555;        
-    cursor: pointer;        
-    border-top: 1px solid #e4e4e4;
-    border-left: 1px solid #e4e4e4;    
-    border-right: 1px solid #d9d9d9;            
+    border: border-bottom: 1px solid #ccc !important ;
+}
+
+.multiSelect .helperButton:disabled {
+    color: #ccc;    
+    border: 1px solid #ddd;
+}
+
+
+/* button: disabled */
+.multiSelect > button:disabled {
+    background-image: linear-gradient(#fff, #fff);      
+    border: 1px solid #ddd;    
+    color: #999;
+}
+
+/* button: clicked */
+.multiSelect .buttonClicked {
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
 }
 
+/* labels on the button */
+.multiSelect .buttonLabel {
+    display: inline-block;
+    font-size: 1rem;
+    padding: 5px 0px 5px 0px; 
+}
+
+/* downward pointing arrow */
+.multiSelect .caret {
+    display: inline-block;
+    width: 0;
+    height: 0;
+    float: right;
+    top:1.2rem;
+    margin: 0px 0px 1px 12px  !important;    
+    vertical-align: middle;
+    border-top: 4px solid #333;
+    border-right: 4px solid transparent;
+    border-left: 4px solid transparent;
+    border-bottom: 0 dotted; 
+}
+
+
+
+/* container of helper elements */
+.multiSelect .helperContainer {
+    border-bottom: 1px solid #ddd;
+    padding: 8px 8px 0px 8px;    
+}
+
+
+
+.multiSelect .helperButton.reset{
+    float: right;
+}
+
+.multiSelect .helperButton:not( .reset ) {
+    margin-right: 4px;    
+}
+
+
+
+/* container of multi select items */
+.multiSelect .checkBoxContainer {
+    display: block;  
+    overflow: hidden;
+}
+
+/* ! to show / hide the checkbox layer above */
+.multiSelect .show {
+    display: block !important;
+}
+
+
+
 .multiSelect .multiSelectItem .acol label {
     display: inline-block;
-    padding-right: 30px;    
+    padding-right: 30px;
+    padding-top: 1.3rem; 
+    padding-left:1rem;
+    font-size: 1.1rem;
+    color: #4285F4;   
     margin: 0px;
     font-weight: normal;    
     line-height: normal;
 }
 
-/* item labels focus on mouse hover */
-.multiSelect .multiSelectItem:hover, 
-.multiSelect .multiSelectGroup:hover {
-    background-image: linear-gradient( #c1c1c1, #999 ) !important;    
-    color: #fff !important;    
-    cursor: pointer;        
-    border: 1px solid #ccc !important;
-}
 
-/* item labels focus using keyboard */
-.multiSelect .multiSelectFocus { 
-    background-image: linear-gradient( #c1c1c1, #999 ) !important;    
-    color: #fff !important;    
-    cursor: pointer;        
-    border: 1px solid #ccc !important;
-}
 
 /* change mouse pointer into the pointing finger */
 .multiSelect .multiSelectItem span:hover, 
@@ -270,7 +323,7 @@
     display:inline-block; 
     position: absolute; 
     right: 10px; 
-    top: 7px;
+    top: 1.2rem;
     font-size: 10px;          
 }
 
@@ -297,3 +350,4 @@
     max-height: 22px;
     max-width:22px;
 }
+