button[rd-button] {
  background-color: #fafafa;
  border-width: 1px;
  border-color: rgba(0,0,0,.12);
  color:#606060;
  border-style: solid;
  outline: 0;
  vertical-align: middle;
  text-align: center;
  height: 28px;
  margin:1px;
  padding:0.5rem 1rem;
  font-size: 11px;
  cursor: pointer;
}

button[rd-button] i {
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  padding: 0;
  margin: 0;
  margin-right: 1px;
  font-size: 11px!important;
}

button[rd-button] i.fas {
  padding-top: 0px;
}

button[rd-button] i.icon {
  padding-top: 1px;
}

button[rd-button] i.glyphicon {
  padding-top: 0px;
}

button[rd-button][small] {
  height: 25px;
  padding: 1px 5px !important; 
  font-size: 11px;
}

button[rd-button][red]{
  color:#fff !important;
  border-color:#ea4444;
  background-color: #ea4444;
}

button[rd-button]:hover:enabled {
  border-color: rgba(96,96,96,.4);
  box-shadow: inset 1px 1px 2px rgba(0,0,0,.2)!important;
}

button[rd-button]:hover:disabled {
  border-color: rgba(96,96,96,.4);
  background-color: rgba(96,96,96,.2)!important;
}

button[rd-button]:active:enabled {
  background-color: rgba(96,96,96,.2)!important;
  border-color: transparent!important;
  color:#232323!important;
}

button[rd-button]:focus:enabled {
  border-color: rgba(96,96,96,.4)!important;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}

button[rd-button]:disabled {
  opacity:.5!important;
  zoom:1!important;
  cursor: not-allowed!important;
}

button[rd-search-button] {
  background-color: #fafafa;
  border-width: 1px;
  border-left-width: 0;
  border-top-right-radius: 6px!important;
  border-bottom-right-radius: 6px!important;
  border-color: rgba(0,0,0,.12);
  outline: 0;
  width: 100%;
  cursor: pointer;
}

button[rd-search-button] i {
  color: #606060;
  font-size: 10px;
}

button[rd-search-button]:active:enabled {
  background-color: rgba(96,96,96,.2)!important;
  border-color: transparent!important;
}

button[rd-search-button]:hover:enabled {
  border-color: rgba(96,96,96,.4);
  box-shadow: inset 1px 1px 2px rgba(0,0,0,.2)!important;
}

button[rd-search-button]:focus:enabled {
  border-color: rgba(96,96,96,.4)!important;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}

button[rd-search-button]:disabled {
  opacity:.5!important;
  zoom:1!important;
  cursor: default!important;
}