|
- /*
- * Bootstrap Duallistbox - v4.0.2
- * A responsive dual listbox widget optimized for Twitter Bootstrap. It works on all modern browsers and on touch devices.
- * http://www.virtuosoft.eu/code/bootstrap-duallistbox/
- *
- * Made by István Ujj-Mészáros
- * Under Apache License v2.0 License
- */
- .bootstrap-duallistbox-container .buttons {
- width: 100%;
- margin-bottom: -1px;
- }
-
- .bootstrap-duallistbox-container label {
- display: block;
- }
-
- .bootstrap-duallistbox-container .info {
- display: inline-block;
- margin-bottom: 5px;
- font-size: 11px;
- }
-
- .bootstrap-duallistbox-container .clear1,
- .bootstrap-duallistbox-container .clear2 {
- display: none;
- font-size: 10px;
- }
-
- .bootstrap-duallistbox-container .box1.filtered .clear1,
- .bootstrap-duallistbox-container .box2.filtered .clear2 {
- display: inline-block;
- }
-
- .bootstrap-duallistbox-container .move,
- .bootstrap-duallistbox-container .remove {
- width: 50%;
- box-sizing: content-box;
- }
-
- .bootstrap-duallistbox-container .btn-group .btn {
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- }
- .bootstrap-duallistbox-container:not(.moveonselect) select {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- }
- .bootstrap-duallistbox-container .moveall,
- .bootstrap-duallistbox-container .removeall {
- width: 50%;
- box-sizing: content-box;
- }
-
- .bootstrap-duallistbox-container.bs2compatible .btn-group > .btn + .btn {
- margin-left: 0;
- }
-
- .bootstrap-duallistbox-container select {
- width: 100%;
- height: 300px;
- padding: 0;
- }
-
- .bootstrap-duallistbox-container .filter {
- display: inline-block;
- width: 100%;
- height: 31px;
- margin: 0 0 5px 0;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
-
- .bootstrap-duallistbox-container .filter.placeholder {
- color: #aaa;
- }
-
- .bootstrap-duallistbox-container.moveonselect .move,
- .bootstrap-duallistbox-container.moveonselect .remove {
- display:none;
- }
-
- .bootstrap-duallistbox-container.moveonselect .moveall,
- .bootstrap-duallistbox-container.moveonselect .removeall {
- width: 100%;
- }
|