.ui-grid-menu-button {
  z-index: 2;
  position: absolute;
  right: 0;
  top: 0;
  border: $ui-grid-border;
  cursor: pointer;
  height: 31px;
  font-weight: normal;
}

.ui-grid-column-menu {
  position: absolute
}
.ui-grid-menu-items {
  @extend .dropdown-menu;
  display: block;
  position: relative;
  padding: 0;
  top: -2px;


  button{
    @extend .btn;
    @extend .btn-default;
    border: 0;
    margin: 0;
    min-height:30px;
    padding: 0;
    width: 100%;
  }

  .ui-grid-menu-item {
    padding: 5px;
    text-align: left;

    > i {
      margin: 5px;
    }
  }

  .ui-grid-menu-item-active {
    background-color: #e6e6e6;
    border-color: #adadad;
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    color: #333;
    outline: 0;
  }
}


//.ui-grid-menu {
//  cursor: pointer;
//  z-index: 2; // So it shows up over grid canvas
//}


.ui-grid-menu-close-button {
  position: absolute;
  right: 0;
  top: 0;

  > i {
    color: black;
    opacity: .75;
  }
}