[module] select {
  margin: 10px 0px 10px 0px;
  width: 180px;
  display: inline-block;
}
[module] select[flat]:active {
  border-radius:4px 4px 0px 0px;

}
[module] select[flat] option  {
  font-weight: 400;
}
[module] select[flat] {
  vertical-align: 9px;
    box-shadow:0px 0px 0px black !important;
}
[module="sidebar"]>i.material-icons {
  border:1px solid transparent;
  border-radius: 4px;
  padding-bottom: 10px;
  padding: 5px;
  float: right;
  transition:all .15s;
}
[module="sidebar"]>i.material-icons:hover {
  border:1px solid #666;
}

[module="sidebar"]>i.material-icons:active {
  border:1px solid #666;
  background:  #2196f3;
  color:white;
}
[dragger] , [closer] {
  display:inline-block;
  margin-top: -71px;
  margin-left: 226px;
  color: white;
  cursor:-webkit-grabbing !important;
  padding-bottom:0px;
}
[dragger] {display:none;}
[module="sidebar"]>h2 {
  cursor:-webkit-grabbing;
  background: #222;
  color: white;
  font-size: 18px;
  padding: 8px;
  /* margin-top: 0px; */
  margin: -7px -13px 34px -13px;
}
[closer] {
  margin-left: 253px;
  cursor:pointer !important;
}



/*ADDED*/

#action button:nth-child(2)::before {
margin-left: -67px;
}
#action button:nth-child(3)::before {
margin-left: -121px;
}
#action button:nth-child(4)::before {
margin-left: -175.5px;
}
#action button::before  {
  content:attr(data-text);
  background:#3f51b5;
  position:absolute;
  transition:.2s;
  max-height:0;
  margin-left: -12px;
  border-radius: 4px 4px 0px 0px;
  width: 252px;
  opacity:0;
  z-index: -2;
  margin-top: -32px;
}
#action button:hover::before {
  opacity:1;
    margin-top: -52px;
  max-height:100px;
  padding: 10px 0px;
    z-index: 10;
}
#action button:hover::after {
  background: #3f51b5;
  width: 6px;
  height: 6px;
  border-left: 2px solid #2196f3;
  border-bottom: 2px solid #2196f3;
  border-radius:1px;
  content:'';
  position:absolute;
  margin-top: -32px;
  box-shadow:0px 0px 0px;
  transform: rotate(-45deg);
}