Draft of React test
[clamp.git] / src / main / resources / META-INF / resources / designer / css / multi-select.css
1 .multiselect-container.dropdown-menu{
2     width: 100%
3 }
4 span.multiselect-native-select{position:relative}
5 span.multiselect-native-select select{border:0!important;
6     clip:rect(0 0 0 0)!important;
7     height:1px!important;
8     margin:-1px -1px -1px -3px!important;
9     overflow:hidden!important;
10     padding:0!important;
11     position:absolute!important;
12     width:1px!important;left:50%;
13     top:30px}
14 .multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}
15 .multiselect-container .input-group{margin:5px}
16 .multiselect-container>li{padding:0;min-height: 26px;}
17 .multiselect-container>li>a.multiselect-all label{font-weight:700}
18 .multiselect-container>li.multiselect-group label{margin:0;
19     padding:3px 20px 3px 20px;height:100%;font-weight:700}
20 .multiselect-container>li.multiselect-group-clickable label{cursor:pointer}
21 .multiselect-container>li>a{padding:0}
22 .multiselect-container>li>a>label{margin:0;
23     height:100%;
24     cursor:pointer;
25     font-weight:400;
26     padding:3px 20px 3px 40px}
27 span.multiselect-selected-text {
28     text-align: left;
29     float: left;
30 }
31
32 .multiselect-container>li>a>label.radio,
33 .multiselect-container>li>a>label.checkbox{margin:0;
34 text-align: left;}
35 .multiselect-container>li>a>label>input[type=checkbox]{margin-bottom:5px}
36 .btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;
37     border-bottom-left-radius:4px}
38 .form-inline .multiselect-container label.checkbox,
39 .form-inline .multiselect-container label.radio{padding:3px 20px 3px 40px}
40 .form-inline .multiselect-container li a label.checkbox input[type=checkbox],
41 .form-inline .multiselect-container li a label.radio input[type=radio]{margin-left:-20px;
42     margin-right:0}
43 button.multiselect.dropdown-toggle.btn.btn-default {
44     width: 100%;
45 }
46
47 .multiselect-native-select .btn-group {
48     width: 100%;
49     text-align: left !important;
50 }
51
52 span.multiselect-native-select span not(.input-group-addon) {
53     text-align: left!important;
54     width: 86%;
55     display: block;
56 }
57
58 button.multiselect.dropdown-toggle.btn.btn-default .caret {
59     float: right;
60     margin-top: 8px;
61 }