/* * 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%; }