GPQAPP

1
/*
2
 *  Bootstrap Duallistbox - v4.0.2
3
 *  A responsive dual listbox widget optimized for Twitter Bootstrap. It works on all modern browsers and on touch devices.
4
 *  http://www.virtuosoft.eu/code/bootstrap-duallistbox/
5
 *
6
 *  Made by István Ujj-Mészáros
7
 *  Under Apache License v2.0 License
8
 */
9
.bootstrap-duallistbox-container .buttons {
10
  width: 100%;
11
  margin-bottom: -1px;
12
}
13

14
.bootstrap-duallistbox-container label {
15
  display: block;
16
}
17

18
.bootstrap-duallistbox-container .info {
19
  display: inline-block;
20
  margin-bottom: 5px;
21
  font-size: 11px;
22
}
23

24
.bootstrap-duallistbox-container .clear1,
25
.bootstrap-duallistbox-container .clear2 {
26
  display: none;
27
  font-size: 10px;
28
}
29

30
.bootstrap-duallistbox-container .box1.filtered .clear1,
31
.bootstrap-duallistbox-container .box2.filtered .clear2 {
32
  display: inline-block;
33
}
34

35
.bootstrap-duallistbox-container .move,
36
.bootstrap-duallistbox-container .remove {
37
  width: 50%;
38
  box-sizing: content-box;
39
}
40

41
.bootstrap-duallistbox-container .btn-group .btn {
42
  border-bottom-left-radius: 0;
43
  border-bottom-right-radius: 0;
44
}
45
.bootstrap-duallistbox-container:not(.moveonselect) select {
46
  border-top-left-radius: 0;
47
  border-top-right-radius: 0;
48
}
49
.bootstrap-duallistbox-container .moveall,
50
.bootstrap-duallistbox-container .removeall {
51
  width: 50%;
52
  box-sizing: content-box;
53
}
54

55
.bootstrap-duallistbox-container.bs2compatible .btn-group > .btn + .btn {
56
  margin-left: 0;
57
}
58

59
.bootstrap-duallistbox-container select {
60
  width: 100%;
61
  height: 300px;
62
  padding: 0;
63
}
64

65
.bootstrap-duallistbox-container .filter {
66
  display: inline-block;
67
  width: 100%;
68
  height: 31px;
69
  margin: 0 0 5px 0;
70
  -webkit-box-sizing: border-box;
71
  -moz-box-sizing: border-box;
72
  box-sizing: border-box;
73
}
74

75
.bootstrap-duallistbox-container .filter.placeholder {
76
  color: #aaa;
77
}
78

79
.bootstrap-duallistbox-container.moveonselect .move,
80
.bootstrap-duallistbox-container.moveonselect .remove {
81
  display:none;
82
}
83

84
.bootstrap-duallistbox-container.moveonselect .moveall,
85
.bootstrap-duallistbox-container.moveonselect .removeall {
86
  width: 100%;
87
}
88