.js .dropbutton-widget{
  overflow:hidden;
  margin:0.125em 0;
  cursor:pointer;
  text-align:center;
  color:#3a3a3a;
  border:1px solid;
  border-color:#e4e4e4 #d2d2d2 #b4b4b4 #d2d2d2;
  border-radius:1em;
  background-color:#fff;
  background-image:-webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#e8e8e8));
  background-image:linear-gradient(to bottom, #f3f3f3, #e8e8e8); }

.js .dropbutton-widget:hover{
  border-color:#e4e4e4 #d2d2d2 #b4b4b4 #d2d2d2; }

.js .dropbutton-widget .button{
  margin:0;
  padding:0.32em 1em;
  border:none;
  background:transparent none; }

.js .dropbutton-multiple .dropbutton-widget,
.js[dir="rtl"] .dropbutton-multiple .dropbutton-widget{
  padding:0; }

.js .dropbutton-multiple .dropbutton-widget .dropbutton{
  position:relative;
  padding-right:2em; }

.js[dir="rtl"] .dropbutton-multiple .dropbutton-widget .dropbutton{
  padding-right:0;
  padding-left:2em; }

.js .dropbutton-multiple .dropbutton-widget .dropbutton-action a{
  margin-right:0; }

[dir="rtl"].js .dropbutton-multiple .dropbutton-widget .dropbutton-action a{
  margin-left:0; }

.js .dropbutton .secondary-action{
  border-top-color:#ccc; }

.js .dropbutton-toggle button{
  background-color:#e8e8e8;
  background-image:-webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#d2d2d2));
  background-image:linear-gradient(to bottom, #e8e8e8, #d2d2d2); }

.js .dropbutton-toggle .dropbutton-arrow:hover{
  background:#ccc; }

.js .dropbutton a{
  color:#3a3a3a;
  border-bottom:0 none; }

.js .dropbutton .dropbutton-action:hover,
.js .dropbutton a:hover{
  border-bottom:0 none;
  background:#dedede; }
/*# sourceMappingURL=dropbutton.component.css.map */