@import "~@dewesoft-web/ui/common/mixins";

.group {
  cursor: pointer;
  @include noselect();
  
  &.hidden {
    display: none;
  }
  
  td {
    background: #f2f2f2;
    padding: 0;
    height: 26px;
    
    button {
      width: 24px;
      height: 24px;
      line-height: 24px;
      transition: transform 0.3s ease-in-out, background 0.3s ease-in-out;
      
      &::selection {
        background: transparent;
        color: transparent;
        @include noselect();
      }
      
      &:hover {
        border-radius: 50%;
        background: lightgray;
        transform: scale(0.9);
      }
      
      span {
        line-height: 24px !important;
      }
      
      &.expanded {
        transform: rotate(-90deg);
      }
    }
  }
  
  .group-title {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: calc(100% - 24px);
    
    @include noselect();
  }
}