GPQAPP

1
/*! =======================================================
2
                      VERSION  11.0.2              
3
========================================================= */
4
/*! =========================================================
5
 * bootstrap-slider.js
6
 *
7
 * Maintainers:
8
 *		Kyle Kemp
9
 *			- Twitter: @seiyria
10
 *			- Github:  seiyria
11
 *		Rohit Kalkur
12
 *			- Twitter: @Rovolutionary
13
 *			- Github:  rovolution
14
 *
15
 * =========================================================
16
 *
17
 * bootstrap-slider is released under the MIT License
18
 * Copyright (c) 2019 Kyle Kemp, Rohit Kalkur, and contributors
19
 * 
20
 * Permission is hereby granted, free of charge, to any person
21
 * obtaining a copy of this software and associated documentation
22
 * files (the "Software"), to deal in the Software without
23
 * restriction, including without limitation the rights to use,
24
 * copy, modify, merge, publish, distribute, sublicense, and/or sell
25
 * copies of the Software, and to permit persons to whom the
26
 * Software is furnished to do so, subject to the following
27
 * conditions:
28
 * 
29
 * The above copyright notice and this permission notice shall be
30
 * included in all copies or substantial portions of the Software.
31
 * 
32
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
33
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
34
 * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
35
 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
36
 * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
37
 * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
38
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
39
 * OTHER DEALINGS IN THE SOFTWARE.
40
 *
41
 * ========================================================= */
42
.slider {
43
  display: inline-block;
44
  vertical-align: middle;
45
  position: relative;
46
}
47

48
.slider.slider-horizontal {
49
  width: 210px;
50
  height: 20px;
51
}
52

53
.slider.slider-horizontal .slider-track {
54
  height: 10px;
55
  width: 100%;
56
  margin-top: -5px;
57
  top: 50%;
58
  left: 0;
59
}
60

61
.slider.slider-horizontal .slider-selection, .slider.slider-horizontal .slider-track-low, .slider.slider-horizontal .slider-track-high {
62
  height: 100%;
63
  top: 0;
64
  bottom: 0;
65
}
66

67
.slider.slider-horizontal .slider-tick,
68
.slider.slider-horizontal .slider-handle {
69
  margin-left: -10px;
70
}
71

72
.slider.slider-horizontal .slider-tick.triangle,
73
.slider.slider-horizontal .slider-handle.triangle {
74
  position: relative;
75
  top: 50%;
76
  transform: translateY(-50%);
77
  border-width: 0 10px 10px 10px;
78
  width: 0;
79
  height: 0;
80
  border-bottom-color: #036fa5;
81
  margin-top: 0;
82
}
83

84
.slider.slider-horizontal .slider-tick-container {
85
  white-space: nowrap;
86
  position: absolute;
87
  top: 0;
88
  left: 0;
89
  width: 100%;
90
}
91

92
.slider.slider-horizontal .slider-tick-label-container {
93
  white-space: nowrap;
94
  margin-top: 20px;
95
}
96

97
.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
98
  display: inline-block;
99
  text-align: center;
100
}
101

102
.slider.slider-horizontal.slider-rtl .slider-track {
103
  left: initial;
104
  right: 0;
105
}
106

107
.slider.slider-horizontal.slider-rtl .slider-tick,
108
.slider.slider-horizontal.slider-rtl .slider-handle {
109
  margin-left: initial;
110
  margin-right: -10px;
111
}
112

113
.slider.slider-horizontal.slider-rtl .slider-tick-container {
114
  left: initial;
115
  right: 0;
116
}
117

118
.slider.slider-vertical {
119
  height: 210px;
120
  width: 20px;
121
}
122

123
.slider.slider-vertical .slider-track {
124
  width: 10px;
125
  height: 100%;
126
  left: 25%;
127
  top: 0;
128
}
129

130
.slider.slider-vertical .slider-selection {
131
  width: 100%;
132
  left: 0;
133
  top: 0;
134
  bottom: 0;
135
}
136

137
.slider.slider-vertical .slider-track-low, .slider.slider-vertical .slider-track-high {
138
  width: 100%;
139
  left: 0;
140
  right: 0;
141
}
142

143
.slider.slider-vertical .slider-tick,
144
.slider.slider-vertical .slider-handle {
145
  margin-top: -10px;
146
}
147

148
.slider.slider-vertical .slider-tick.triangle,
149
.slider.slider-vertical .slider-handle.triangle {
150
  border-width: 10px 0 10px 10px;
151
  width: 1px;
152
  height: 1px;
153
  border-left-color: #036fa5;
154
  margin-left: 0;
155
}
156

157
.slider.slider-vertical .slider-tick-label-container {
158
  white-space: nowrap;
159
}
160

161
.slider.slider-vertical .slider-tick-label-container .slider-tick-label {
162
  padding-left: 4px;
163
}
164

165
.slider.slider-vertical.slider-rtl .slider-track {
166
  left: initial;
167
  right: 25%;
168
}
169

170
.slider.slider-vertical.slider-rtl .slider-selection {
171
  left: initial;
172
  right: 0;
173
}
174

175
.slider.slider-vertical.slider-rtl .slider-tick.triangle,
176
.slider.slider-vertical.slider-rtl .slider-handle.triangle {
177
  border-width: 10px 10px 10px 0;
178
}
179

180
.slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {
181
  padding-left: initial;
182
  padding-right: 4px;
183
}
184

185
.slider.slider-disabled .slider-handle {
186
  background-color: #cfcfcf;
187
  background-image: -moz-linear-gradient(top, #DFDFDF, #BEBEBE);
188
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DFDFDF), to(#BEBEBE));
189
  background-image: -webkit-linear-gradient(top, #DFDFDF, #BEBEBE);
190
  background-image: -o-linear-gradient(top, #DFDFDF, #BEBEBE);
191
  background-image: linear-gradient(to bottom, #DFDFDF, #BEBEBE);
192
  background-repeat: repeat-x;
193
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFDFDF', endColorstr='#BEBEBE',GradientType=0);
194
}
195

196
.slider.slider-disabled .slider-track {
197
  background-color: #e7e7e7;
198
  background-image: -moz-linear-gradient(top, #E5E5E5, #E9E9E9);
199
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E5E5E5), to(#E9E9E9));
200
  background-image: -webkit-linear-gradient(top, #E5E5E5, #E9E9E9);
201
  background-image: -o-linear-gradient(top, #E5E5E5, #E9E9E9);
202
  background-image: linear-gradient(to bottom, #E5E5E5, #E9E9E9);
203
  background-repeat: repeat-x;
204
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E5E5E5', endColorstr='#E9E9E9',GradientType=0);
205
  cursor: not-allowed;
206
}
207

208
.slider input {
209
  display: none;
210
}
211

212
.slider .tooltip-inner {
213
  white-space: nowrap;
214
  max-width: none;
215
}
216

217
.slider .bs-tooltip-top .tooltip-inner,
218
.slider .bs-tooltip-bottom .tooltip-inner {
219
  position: relative;
220
  left: -50%;
221
}
222

223
.slider.bs-tooltip-left .tooltip-inner, .slider.bs-tooltip-right .tooltip-inner {
224
  position: relative;
225
  top: -100%;
226
}
227

228
.slider .tooltip {
229
  pointer-events: none;
230
}
231

232
.slider .tooltip.bs-tooltip-top .arrow, .slider .tooltip.bs-tooltip-bottom .arrow {
233
  left: -.4rem;
234
}
235

236
.slider .tooltip.bs-tooltip-top {
237
  margin-top: -44px;
238
}
239

240
.slider .tooltip.bs-tooltip-bottom {
241
  margin-top: 2px;
242
}
243

244
.slider .tooltip.bs-tooltip-left, .slider .tooltip.bs-tooltip-right {
245
  margin-top: -14px;
246
}
247

248
.slider .tooltip.bs-tooltip-left .arrow, .slider .tooltip.bs-tooltip-right .arrow {
249
  top: 8px;
250
}
251

252
.slider .hide {
253
  display: none;
254
}
255

256
.slider-track {
257
  background-color: #f7f7f7;
258
  background-image: -moz-linear-gradient(top, #F5F5F5, #F9F9F9);
259
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F5F5F5), to(#F9F9F9));
260
  background-image: -webkit-linear-gradient(top, #F5F5F5, #F9F9F9);
261
  background-image: -o-linear-gradient(top, #F5F5F5, #F9F9F9);
262
  background-image: linear-gradient(to bottom, #F5F5F5, #F9F9F9);
263
  background-repeat: repeat-x;
264
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#F9F9F9',GradientType=0);
265
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
266
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
267
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
268
  -webkit-border-radius: 4px;
269
  -moz-border-radius: 4px;
270
  border-radius: 4px;
271
  position: absolute;
272
  cursor: pointer;
273
}
274

275
.slider-selection {
276
  background-color: #f7f7f7;
277
  background-image: -moz-linear-gradient(top, #F9F9F9, #F5F5F5);
278
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F9F9F9), to(#F5F5F5));
279
  background-image: -webkit-linear-gradient(top, #F9F9F9, #F5F5F5);
280
  background-image: -o-linear-gradient(top, #F9F9F9, #F5F5F5);
281
  background-image: linear-gradient(to bottom, #F9F9F9, #F5F5F5);
282
  background-repeat: repeat-x;
283
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#F5F5F5',GradientType=0);
284
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
285
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
286
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
287
  -webkit-box-sizing: border-box;
288
  -moz-box-sizing: border-box;
289
  box-sizing: border-box;
290
  -webkit-border-radius: 4px;
291
  -moz-border-radius: 4px;
292
  border-radius: 4px;
293
  position: absolute;
294
}
295

296
.slider-selection.tick-slider-selection {
297
  background-color: #46c1fe;
298
  background-image: -moz-linear-gradient(top, #52c5ff, #3abcfd);
299
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#52c5ff), to(#3abcfd));
300
  background-image: -webkit-linear-gradient(top, #52c5ff, #3abcfd);
301
  background-image: -o-linear-gradient(top, #52c5ff, #3abcfd);
302
  background-image: linear-gradient(to bottom, #52c5ff, #3abcfd);
303
  background-repeat: repeat-x;
304
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52c5ff', endColorstr='#3abcfd',GradientType=0);
305
}
306

307
.slider-track-low, .slider-track-high {
308
  -webkit-box-sizing: border-box;
309
  -moz-box-sizing: border-box;
310
  box-sizing: border-box;
311
  -webkit-border-radius: 4px;
312
  -moz-border-radius: 4px;
313
  border-radius: 4px;
314
  position: absolute;
315
  background: transparent;
316
}
317

318
.slider-handle {
319
  background-color: #0478b2;
320
  background-image: -moz-linear-gradient(top, #0480BE, #036fa5);
321
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0480BE), to(#036fa5));
322
  background-image: -webkit-linear-gradient(top, #0480BE, #036fa5);
323
  background-image: -o-linear-gradient(top, #0480BE, #036fa5);
324
  background-image: linear-gradient(to bottom, #0480BE, #036fa5);
325
  background-repeat: repeat-x;
326
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0480BE', endColorstr='#036fa5',GradientType=0);
327
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
328
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
329
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
330
  position: absolute;
331
  top: 0;
332
  width: 20px;
333
  height: 20px;
334
  background-color: #0480BE;
335
  border: 0px solid transparent;
336
}
337

338
.slider-handle:hover {
339
  cursor: pointer;
340
}
341

342
.slider-handle.round {
343
  -webkit-border-radius: 20px;
344
  -moz-border-radius: 20px;
345
  border-radius: 20px;
346
}
347

348
.slider-handle.triangle {
349
  background: transparent none;
350
}
351

352
.slider-handle.custom {
353
  background: transparent none;
354
}
355

356
.slider-handle.custom::before {
357
  line-height: 20px;
358
  font-size: 20px;
359
  content: '\2605';
360
  color: #726204;
361
}
362

363
.slider-tick {
364
  background-color: #f7f7f7;
365
  background-image: -moz-linear-gradient(top, #F5F5F5, #F9F9F9);
366
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F5F5F5), to(#F9F9F9));
367
  background-image: -webkit-linear-gradient(top, #F5F5F5, #F9F9F9);
368
  background-image: -o-linear-gradient(top, #F5F5F5, #F9F9F9);
369
  background-image: linear-gradient(to bottom, #F5F5F5, #F9F9F9);
370
  background-repeat: repeat-x;
371
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#F9F9F9',GradientType=0);
372
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
373
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
374
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
375
  -webkit-box-sizing: border-box;
376
  -moz-box-sizing: border-box;
377
  box-sizing: border-box;
378
  position: absolute;
379
  cursor: pointer;
380
  width: 20px;
381
  height: 20px;
382
  filter: none;
383
  opacity: 0.8;
384
  border: 0px solid transparent;
385
}
386

387
.slider-tick.round {
388
  border-radius: 50%;
389
}
390

391
.slider-tick.triangle {
392
  background: transparent none;
393
}
394

395
.slider-tick.custom {
396
  background: transparent none;
397
}
398

399
.slider-tick.custom::before {
400
  line-height: 20px;
401
  font-size: 20px;
402
  content: '\2605';
403
  color: #726204;
404
}
405

406
.slider-tick.in-selection {
407
  background-color: #46c1fe;
408
  background-image: -moz-linear-gradient(top, #52c5ff, #3abcfd);
409
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#52c5ff), to(#3abcfd));
410
  background-image: -webkit-linear-gradient(top, #52c5ff, #3abcfd);
411
  background-image: -o-linear-gradient(top, #52c5ff, #3abcfd);
412
  background-image: linear-gradient(to bottom, #52c5ff, #3abcfd);
413
  background-repeat: repeat-x;
414
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52c5ff', endColorstr='#3abcfd',GradientType=0);
415
  opacity: 1;
416
}
417

418
/*# sourceMappingURL=bootstrap-slider.css.map */