1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
  
13
  
14
  
15
  
16
  
17
  
18
  
19
  
20
  
21
  
22
  
23
  
24
  
25
  
26
  
27
  
28
  
29
  
30
  
31
  
32
  
33
  
34
  
35
  
36
  
37
  
38
  
39
  
40
  
41
  
42
  
43
  
44
  
45
  
46
  
47
  
48
  
49
  
50
  
 
.__even-buttons { 
  width: 300px; 
  overflow: hidden; 
  text-overflow: ellipsis; 
  white-space: nowrap; 
  text-align: left; 
} 
 
.button-group { 
  button { 
    margin-right: -4px; 
  } 
} 
 
button { 
  white-space: nowrap; 
  cursor: pointer; 
  text-align: left; 
 
  &.perm { 
    @extend .__icon; 
    width: 185px; 
    text-overflow: ellipsis; 
    margin-bottom: 4px; 
    text-align: left; 
    white-space: nowrap; 
    overflow: hidden; 
 
    &.dimmed { 
      // opacity: .8; 
      color: $grey; 
    } 
 
    &.checked { 
      color: $ok-color; 
 
      &:before { 
        content: '\f00c'; 
      } 
    } 
  } 
 
  &:disabled { 
    cursor: default; 
    opacity: .5; 
  } 
}