1/* ========================================================================
2 * bootstrap-switch - v3.3.2
3 * http://www.bootstrap-switch.org
4 * ========================================================================
5 * Copyright 2012-2013 Mattia Larentis
6 *
7 * ========================================================================
8 * Licensed under the Apache License, Version 2.0 (the "License");
9 * you may not use this file except in compliance with the License.
10 * You may obtain a copy of the License at
11 *
12 *     http://www.apache.org/licenses/LICENSE-2.0
13 *
14 * Unless required by applicable law or agreed to in writing, software
15 * distributed under the License is distributed on an "AS IS" BASIS,
16 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
17 * See the License for the specific language governing permissions and
18 * limitations under the License.
19 * ========================================================================
20 */
21
22.bootstrap-switch {
23  display: inline-block;
24  direction: ltr;
25  cursor: pointer;
26  border-radius: 4px;
27  border: 1px solid;
28  border-color: #cccccc;
29  position: relative;
30  text-align: left;
31  overflow: hidden;
32  line-height: 8px;
33  z-index: 0;
34  -webkit-user-select: none;
35  -moz-user-select: none;
36  -ms-user-select: none;
37  user-select: none;
38  vertical-align: middle;
39  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
40  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
41}
42.bootstrap-switch .bootstrap-switch-container {
43  display: inline-block;
44  top: 0;
45  border-radius: 4px;
46  -webkit-transform: translate3d(0, 0, 0);
47  transform: translate3d(0, 0, 0);
48}
49.bootstrap-switch .bootstrap-switch-handle-on,
50.bootstrap-switch .bootstrap-switch-handle-off,
51.bootstrap-switch .bootstrap-switch-label {
52  -webkit-box-sizing: border-box;
53  -moz-box-sizing: border-box;
54  box-sizing: border-box;
55  cursor: pointer;
56  display: inline-block !important;
57  height: 100%;
58  padding: 6px 12px;
59  font-size: 14px;
60  line-height: 20px;
61}
62.bootstrap-switch .bootstrap-switch-handle-on,
63.bootstrap-switch .bootstrap-switch-handle-off {
64  text-align: center;
65  z-index: 1;
66}
67.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
68.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
69  color: #fff;
70  background: #428bca;
71}
72.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
73.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
74  color: #fff;
75  background: #5bc0de;
76}
77.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
78.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
79  color: #fff;
80  background: #5cb85c;
81}
82.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
83.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
84  background: #f0ad4e;
85  color: #fff;
86}
87.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
88.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
89  color: #fff;
90  background: #d9534f;
91}
92.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
93.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
94  color: #000;
95  background: #eeeeee;
96}
97.bootstrap-switch .bootstrap-switch-label {
98  text-align: center;
99  margin-top: -1px;
100  margin-bottom: -1px;
101  z-index: 100;
102  color: #333333;
103  background: #ffffff;
104}
105.bootstrap-switch .bootstrap-switch-handle-on {
106  border-bottom-left-radius: 3px;
107  border-top-left-radius: 3px;
108}
109.bootstrap-switch .bootstrap-switch-handle-off {
110  border-bottom-right-radius: 3px;
111  border-top-right-radius: 3px;
112}
113.bootstrap-switch input[type='radio'],
114.bootstrap-switch input[type='checkbox'] {
115  position: absolute !important;
116  top: 0;
117  left: 0;
118  opacity: 0;
119  filter: alpha(opacity=0);
120  z-index: -1;
121}
122.bootstrap-switch input[type='radio'].form-control,
123.bootstrap-switch input[type='checkbox'].form-control {
124  height: auto;
125}
126.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
127.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
128.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
129  padding: 1px 5px;
130  font-size: 12px;
131  line-height: 1.5;
132}
133.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
134.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
135.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
136  padding: 5px 10px;
137  font-size: 12px;
138  line-height: 1.5;
139}
140.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
141.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
142.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
143  padding: 6px 16px;
144  font-size: 18px;
145  line-height: 1.33;
146}
147.bootstrap-switch.bootstrap-switch-disabled,
148.bootstrap-switch.bootstrap-switch-readonly,
149.bootstrap-switch.bootstrap-switch-indeterminate {
150  cursor: default !important;
151}
152.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
153.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
154.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
155.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
156.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
157.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
158.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
159.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
160.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
161  opacity: 0.5;
162  filter: alpha(opacity=50);
163  cursor: default !important;
164}
165.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
166  -webkit-transition: margin-left 0.5s;
167  transition: margin-left 0.5s;
168}
169.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
170  border-bottom-left-radius: 0;
171  border-top-left-radius: 0;
172  border-bottom-right-radius: 3px;
173  border-top-right-radius: 3px;
174}
175.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
176  border-bottom-right-radius: 0;
177  border-top-right-radius: 0;
178  border-bottom-left-radius: 3px;
179  border-top-left-radius: 3px;
180}
181.bootstrap-switch.bootstrap-switch-focused {
182  border-color: #66afe9;
183  outline: 0;
184  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
185  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
186}
187.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
188.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
189  border-bottom-right-radius: 3px;
190  border-top-right-radius: 3px;
191}
192.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
193.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
194  border-bottom-left-radius: 3px;
195  border-top-left-radius: 3px;
196}
197