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  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
41  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
42}
43.bootstrap-switch .bootstrap-switch-container {
44  display: inline-block;
45  top: 0;
46  border-radius: 4px;
47  -webkit-transform: translate3d(0, 0, 0);
48  transform: translate3d(0, 0, 0);
49}
50.bootstrap-switch .bootstrap-switch-handle-on,
51.bootstrap-switch .bootstrap-switch-handle-off,
52.bootstrap-switch .bootstrap-switch-label {
53  -webkit-box-sizing: border-box;
54  -moz-box-sizing: border-box;
55  box-sizing: border-box;
56  cursor: pointer;
57  display: inline-block !important;
58  height: 100%;
59  /*padding: 6px 12px; /* Changed by Observium developers (mike) */
60  padding: 4px 8px;
61  font-size: 14px;
62  line-height: 20px;
63}
64.bootstrap-switch .bootstrap-switch-handle-on,
65.bootstrap-switch .bootstrap-switch-handle-off {
66  text-align: center;
67  z-index: 1;
68}
69.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
70.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
71  color: #fff;
72  /*background: #337ab7;*/
73  background: #0a5f7f;
74}
75.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
76.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
77  color: #fff;
78  /*background: #5bc0de;*/
79  background: #4bb1cf;
80}
81.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
82.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
83  color: #fff;
84  /*background: #5cb85c;*/
85  background: #4d9221;
86}
87.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
88.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
89  background: #f0ad4e;
90  color: #fff;
91}
92.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
93.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
94  color: #fff;
95  background: #d9534f;
96}
97.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
98.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
99  color: #000;
100  background: #eeeeee;
101}
102.bootstrap-switch .bootstrap-switch-label {
103  text-align: center;
104  margin-top: -1px;
105  margin-bottom: -1px;
106  z-index: 100;
107  color: #333333;
108  background: #ffffff;
109}
110.bootstrap-switch .bootstrap-switch-handle-on {
111  border-bottom-left-radius: 3px;
112  border-top-left-radius: 3px;
113}
114.bootstrap-switch .bootstrap-switch-handle-off {
115  border-bottom-right-radius: 3px;
116  border-top-right-radius: 3px;
117}
118.bootstrap-switch input[type='radio'],
119.bootstrap-switch input[type='checkbox'] {
120  position: absolute !important;
121  top: 0;
122  left: 0;
123  margin: 0;
124  z-index: -1;
125  opacity: 0;
126  filter: alpha(opacity=0);
127}
128.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
129.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
130.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
131  padding: 1px 5px;
132  /*font-size: 12px; /* Changed by Observium developers (mike) */
133  font-size: 10px;
134  line-height: 1.5;
135}
136.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
137.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
138.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
139  /*padding: 5px 10px; /* Changed by Observium developers (mike) */
140  padding: 3px 6px;
141  font-size: 12px;
142  line-height: 1.5;
143}
144.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
145.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
146.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
147  padding: 6px 16px;
148  /*font-size: 18px; /* Changed by Observium developers (mike) */
149  font-size: 16px;
150  line-height: 1.3333333;
151}
152.bootstrap-switch.bootstrap-switch-disabled,
153.bootstrap-switch.bootstrap-switch-readonly,
154.bootstrap-switch.bootstrap-switch-indeterminate {
155  cursor: default !important;
156}
157.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
158.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
159.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
160.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
161.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
162.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
163.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
164.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
165.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
166  opacity: 0.5;
167  filter: alpha(opacity=50);
168  cursor: default !important;
169}
170.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
171  -webkit-transition: margin-left 0.5s;
172  -o-transition: margin-left 0.5s;
173  transition: margin-left 0.5s;
174}
175.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
176  border-bottom-left-radius: 0;
177  border-top-left-radius: 0;
178  border-bottom-right-radius: 3px;
179  border-top-right-radius: 3px;
180}
181.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
182  border-bottom-right-radius: 0;
183  border-top-right-radius: 0;
184  border-bottom-left-radius: 3px;
185  border-top-left-radius: 3px;
186}
187.bootstrap-switch.bootstrap-switch-focused {
188  border-color: #66afe9;
189  outline: 0;
190  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
191  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
192}
193.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
194.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
195  border-bottom-right-radius: 3px;
196  border-top-right-radius: 3px;
197}
198.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
199.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
200  border-bottom-left-radius: 3px;
201  border-top-left-radius: 3px;
202}
203