adminlte-generators 0.1.2 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (72) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile +0 -1
  3. data/README.md +4 -3
  4. data/adminlte-generators.gemspec +0 -1
  5. data/lib/adminlte/generators/version.rb +1 -1
  6. data/lib/generators/adminlte/install/install_generator.rb +6 -2
  7. data/lib/generators/adminlte/install/templates/assets/stylesheets/adminlte_overrides.css +1 -1
  8. data/lib/generators/adminlte/install/templates/assets/stylesheets/adminlte_overrides.scss +1 -1
  9. data/lib/generators/adminlte/install/templates/img/ajax-loader.gif +0 -0
  10. data/lib/generators/adminlte/install/templates/img/ajax-loader1.gif +0 -0
  11. data/lib/generators/adminlte/install/templates/img/avatar.png +0 -0
  12. data/lib/generators/adminlte/install/templates/img/avatar04.png +0 -0
  13. data/lib/generators/adminlte/install/templates/img/avatar2.png +0 -0
  14. data/lib/generators/adminlte/install/templates/img/avatar3.png +0 -0
  15. data/lib/generators/adminlte/install/templates/img/avatar5.png +0 -0
  16. data/lib/generators/adminlte/install/templates/img/blur-background04.jpg +0 -0
  17. data/lib/generators/adminlte/install/templates/img/blur-background08.jpg +0 -0
  18. data/lib/generators/adminlte/install/templates/img/blur-background09.jpg +0 -0
  19. data/lib/generators/adminlte/install/templates/img/bootstrap-colorpicker/alpha-horizontal.png +0 -0
  20. data/lib/generators/adminlte/install/templates/img/bootstrap-colorpicker/alpha.png +0 -0
  21. data/lib/generators/adminlte/install/templates/img/bootstrap-colorpicker/hue-horizontal.png +0 -0
  22. data/lib/generators/adminlte/install/templates/img/bootstrap-colorpicker/hue.png +0 -0
  23. data/lib/generators/adminlte/install/templates/img/bootstrap-colorpicker/saturation.png +0 -0
  24. data/lib/generators/adminlte/install/templates/img/credit/american-express.png +0 -0
  25. data/lib/generators/adminlte/install/templates/img/credit/cirrus.png +0 -0
  26. data/lib/generators/adminlte/install/templates/img/credit/mastercard.png +0 -0
  27. data/lib/generators/adminlte/install/templates/img/credit/mestro.png +0 -0
  28. data/lib/generators/adminlte/install/templates/img/credit/paypal.png +0 -0
  29. data/lib/generators/adminlte/install/templates/img/credit/paypal2.png +0 -0
  30. data/lib/generators/adminlte/install/templates/img/credit/visa.png +0 -0
  31. data/lib/generators/adminlte/install/templates/img/icons.png +0 -0
  32. data/lib/generators/adminlte/install/templates/img/sprite-skin-flat.png +0 -0
  33. data/lib/generators/adminlte/install/templates/img/sprite-skin-nice.png +0 -0
  34. data/lib/generators/adminlte/install/templates/img/user-bg.png +0 -0
  35. data/lib/generators/adminlte/install/templates/img/user.jpg +0 -0
  36. data/lib/generators/adminlte/install/templates/img/user2.jpg +0 -0
  37. data/lib/generators/adminlte/install/templates/layouts/_header.html.erb +6 -6
  38. data/lib/generators/adminlte/install/templates/layouts/_sidebar.html.erb +1 -1
  39. data/lib/generators/adminlte/install/templates/layouts/dashboard.html.erb +1 -1
  40. data/vendor/assets/fonts/FontAwesome.otf +0 -0
  41. data/vendor/assets/fonts/fontawesome-webfont.eot +0 -0
  42. data/vendor/assets/fonts/fontawesome-webfont.svg +414 -0
  43. data/vendor/assets/fonts/fontawesome-webfont.ttf +0 -0
  44. data/vendor/assets/fonts/fontawesome-webfont.woff +0 -0
  45. data/vendor/assets/fonts/glyphicons-halflings-regular.eot +0 -0
  46. data/vendor/assets/fonts/glyphicons-halflings-regular.svg +229 -0
  47. data/vendor/assets/fonts/glyphicons-halflings-regular.ttf +0 -0
  48. data/vendor/assets/fonts/glyphicons-halflings-regular.woff +0 -0
  49. data/vendor/assets/fonts/ionicons.eot +0 -0
  50. data/vendor/assets/fonts/ionicons.svg +1623 -0
  51. data/vendor/assets/fonts/ionicons.ttf +0 -0
  52. data/vendor/assets/fonts/ionicons.woff +0 -0
  53. data/vendor/assets/javascripts/adminlte.js +1060 -0
  54. data/vendor/assets/javascripts/bootstrap.js +12 -0
  55. data/vendor/assets/javascripts/bootstrap/affix.js +162 -0
  56. data/vendor/assets/javascripts/bootstrap/alert.js +94 -0
  57. data/vendor/assets/javascripts/bootstrap/button.js +116 -0
  58. data/vendor/assets/javascripts/bootstrap/carousel.js +240 -0
  59. data/vendor/assets/javascripts/bootstrap/collapse.js +211 -0
  60. data/vendor/assets/javascripts/bootstrap/dropdown.js +161 -0
  61. data/vendor/assets/javascripts/bootstrap/modal.js +324 -0
  62. data/vendor/assets/javascripts/bootstrap/popover.js +119 -0
  63. data/vendor/assets/javascripts/bootstrap/scrollspy.js +175 -0
  64. data/vendor/assets/javascripts/bootstrap/tab.js +153 -0
  65. data/vendor/assets/javascripts/bootstrap/tooltip.js +478 -0
  66. data/vendor/assets/javascripts/bootstrap/transition.js +59 -0
  67. data/vendor/assets/stylesheets/adminlte.css.scss +3539 -0
  68. data/vendor/assets/stylesheets/bootstrap.css.erb +6332 -0
  69. data/vendor/assets/stylesheets/bootstrap.css.map +1 -0
  70. data/vendor/assets/stylesheets/font-awesome.css.scss +1338 -0
  71. data/vendor/assets/stylesheets/ionicons.css.scss +2183 -0
  72. metadata +62 -16
@@ -0,0 +1,59 @@
1
+ /* ========================================================================
2
+ * Bootstrap: transition.js v3.3.1
3
+ * http://getbootstrap.com/javascript/#transitions
4
+ * ========================================================================
5
+ * Copyright 2011-2014 Twitter, Inc.
6
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
7
+ * ======================================================================== */
8
+
9
+
10
+ +function ($) {
11
+ 'use strict';
12
+
13
+ // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/)
14
+ // ============================================================
15
+
16
+ function transitionEnd() {
17
+ var el = document.createElement('bootstrap')
18
+
19
+ var transEndEventNames = {
20
+ WebkitTransition : 'webkitTransitionEnd',
21
+ MozTransition : 'transitionend',
22
+ OTransition : 'oTransitionEnd otransitionend',
23
+ transition : 'transitionend'
24
+ }
25
+
26
+ for (var name in transEndEventNames) {
27
+ if (el.style[name] !== undefined) {
28
+ return { end: transEndEventNames[name] }
29
+ }
30
+ }
31
+
32
+ return false // explicit for ie8 ( ._.)
33
+ }
34
+
35
+ // http://blog.alexmaccaw.com/css-transitions
36
+ $.fn.emulateTransitionEnd = function (duration) {
37
+ var called = false
38
+ var $el = this
39
+ $(this).one('bsTransitionEnd', function () { called = true })
40
+ var callback = function () { if (!called) $($el).trigger($.support.transition.end) }
41
+ setTimeout(callback, duration)
42
+ return this
43
+ }
44
+
45
+ $(function () {
46
+ $.support.transition = transitionEnd()
47
+
48
+ if (!$.support.transition) return
49
+
50
+ $.event.special.bsTransitionEnd = {
51
+ bindType: $.support.transition.end,
52
+ delegateType: $.support.transition.end,
53
+ handle: function (e) {
54
+ if ($(e.target).is(this)) return e.handleObj.handler.apply(this, arguments)
55
+ }
56
+ }
57
+ })
58
+
59
+ }(jQuery);
@@ -0,0 +1,3539 @@
1
+ @import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);
2
+ @import url(//fonts.googleapis.com/css?family=Kaushan+Script);
3
+ @import "font-awesome";
4
+ @import "ionicons";
5
+ @import "bootstrap";
6
+
7
+ /*!
8
+ * AdminLTE v1.2
9
+ * Author: AlmsaeedStudio.com
10
+ * License: Open source - MIT
11
+ * Please visit http://opensource.org/licenses/MIT for more information
12
+ !*/
13
+ /*
14
+ Core: General style
15
+ ----------------------------
16
+ */
17
+ html,
18
+ body {
19
+ overflow-x: hidden!important;
20
+ font-family: 'Source Sans Pro', sans-serif;
21
+ -webkit-font-smoothing: antialiased;
22
+ min-height: 100%;
23
+ background: #f9f9f9;
24
+ }
25
+ a {
26
+ color: #3c8dbc;
27
+ }
28
+ a:hover,
29
+ a:active,
30
+ a:focus {
31
+ outline: none;
32
+ text-decoration: none;
33
+ color: #72afd2;
34
+ }
35
+ /* Layouts */
36
+ .wrapper {
37
+ min-height: 100%;
38
+ }
39
+ .wrapper:before,
40
+ .wrapper:after {
41
+ display: table;
42
+ content: " ";
43
+ }
44
+ .wrapper:after {
45
+ clear: both;
46
+ }
47
+ /* Header */
48
+ body > .header {
49
+ position: absolute;
50
+ top: 0;
51
+ left: 0;
52
+ right: 0;
53
+ z-index: 1030;
54
+ }
55
+ /* Define 2 column template */
56
+ .right-side,
57
+ .left-side {
58
+ min-height: 100%;
59
+ display: block;
60
+ }
61
+ /*right side - contins main content*/
62
+ .right-side {
63
+ background-color: #f9f9f9;
64
+ margin-left: 220px;
65
+ }
66
+ /*left side - contains sidebar*/
67
+ .left-side {
68
+ position: absolute;
69
+ width: 220px;
70
+ top: 0;
71
+ }
72
+ @media screen and (min-width: 992px) {
73
+ .left-side {
74
+ top: 50px;
75
+ }
76
+ /*Right side strech mode*/
77
+ .right-side.strech {
78
+ margin-left: 0;
79
+ }
80
+ .right-side.strech > .content-header {
81
+ margin-top: 0px;
82
+ }
83
+ /* Left side collapse */
84
+ .left-side.collapse-left {
85
+ left: -220px;
86
+ }
87
+ }
88
+ /*Give content full width on xs screens*/
89
+ @media screen and (max-width: 992px) {
90
+ .right-side {
91
+ margin-left: 0;
92
+ }
93
+ }
94
+ /*
95
+ By default the layout is not fixed but if you add the class .fixed to the body element
96
+ the sidebar and the navbar will automatically become poisitioned fixed
97
+ */
98
+ body.fixed > .header,
99
+ body.fixed .left-side,
100
+ body.fixed .navbar {
101
+ position: fixed;
102
+ }
103
+ body.fixed > .header {
104
+ top: 0;
105
+ right: 0;
106
+ left: 0;
107
+ }
108
+ body.fixed .navbar {
109
+ left: 0;
110
+ right: 0;
111
+ }
112
+ body.fixed .wrapper {
113
+ margin-top: 50px;
114
+ }
115
+ /* Content */
116
+ .content {
117
+ padding: 20px 15px;
118
+ background: #f9f9f9;
119
+ overflow: auto;
120
+ }
121
+ /* Utility */
122
+ /* H1 - H6 font */
123
+ h1,
124
+ h2,
125
+ h3,
126
+ h4,
127
+ h5,
128
+ h6,
129
+ .h1,
130
+ .h2,
131
+ .h3,
132
+ .h4,
133
+ .h5,
134
+ .h6 {
135
+ font-family: 'Source Sans Pro', sans-serif;
136
+ }
137
+ /* Page Header */
138
+ .page-header {
139
+ margin: 10px 0 20px 0;
140
+ font-size: 22px;
141
+ }
142
+ .page-header > small {
143
+ color: #666;
144
+ display: block;
145
+ margin-top: 5px;
146
+ }
147
+ /* All images should be responsive */
148
+ img {
149
+ max-width: 100%important;
150
+ }
151
+ .sort-highlight {
152
+ background: #f4f4f4;
153
+ border: 1px dashed #ddd;
154
+ margin-bottom: 10px;
155
+ }
156
+ /* 10px padding and margins */
157
+ .pad {
158
+ padding: 10px;
159
+ }
160
+ .margin {
161
+ margin: 10px;
162
+ }
163
+ /* Display inline */
164
+ .inline {
165
+ display: inline;
166
+ width: auto;
167
+ }
168
+ /* Background colors */
169
+ .bg-red,
170
+ .bg-yellow,
171
+ .bg-aqua,
172
+ .bg-blue,
173
+ .bg-light-blue,
174
+ .bg-green,
175
+ .bg-navy,
176
+ .bg-teal,
177
+ .bg-olive,
178
+ .bg-lime,
179
+ .bg-orange,
180
+ .bg-fuchsia,
181
+ .bg-purple,
182
+ .bg-maroon,
183
+ .bg-black {
184
+ color: #f9f9f9 !important;
185
+ }
186
+ .bg-gray {
187
+ background-color: #eaeaec !important;
188
+ }
189
+ .bg-black {
190
+ background-color: #222222 !important;
191
+ }
192
+ .bg-red {
193
+ background-color: #f56954 !important;
194
+ }
195
+ .bg-yellow {
196
+ background-color: #f39c12 !important;
197
+ }
198
+ .bg-aqua {
199
+ background-color: #00c0ef !important;
200
+ }
201
+ .bg-blue {
202
+ background-color: #0073b7 !important;
203
+ }
204
+ .bg-light-blue {
205
+ background-color: #3c8dbc !important;
206
+ }
207
+ .bg-green {
208
+ background-color: #00a65a !important;
209
+ }
210
+ .bg-navy {
211
+ background-color: #001f3f !important;
212
+ }
213
+ .bg-teal {
214
+ background-color: #39cccc !important;
215
+ }
216
+ .bg-olive {
217
+ background-color: #3d9970 !important;
218
+ }
219
+ .bg-lime {
220
+ background-color: #01ff70 !important;
221
+ }
222
+ .bg-orange {
223
+ background-color: #ff851b !important;
224
+ }
225
+ .bg-fuchsia {
226
+ background-color: #f012be !important;
227
+ }
228
+ .bg-purple {
229
+ background-color: #932ab6 !important;
230
+ }
231
+ .bg-maroon {
232
+ background-color: #85144b !important;
233
+ }
234
+ /* Text colors */
235
+ .text-red {
236
+ color: #f56954 !important;
237
+ }
238
+ .text-yellow {
239
+ color: #f39c12 !important;
240
+ }
241
+ .text-aqua {
242
+ color: #00c0ef !important;
243
+ }
244
+ .text-blue {
245
+ color: #0073b7 !important;
246
+ }
247
+ .text-black {
248
+ color: #222222 !important;
249
+ }
250
+ .text-light-blue {
251
+ color: #3c8dbc !important;
252
+ }
253
+ .text-green {
254
+ color: #00a65a !important;
255
+ }
256
+ .text-navy {
257
+ color: #001f3f !important;
258
+ }
259
+ .text-teal {
260
+ color: #39cccc !important;
261
+ }
262
+ .text-olive {
263
+ color: #3d9970 !important;
264
+ }
265
+ .text-lime {
266
+ color: #01ff70 !important;
267
+ }
268
+ .text-orange {
269
+ color: #ff851b !important;
270
+ }
271
+ .text-fuchsia {
272
+ color: #f012be !important;
273
+ }
274
+ .text-purple {
275
+ color: #932ab6 !important;
276
+ }
277
+ .text-maroon {
278
+ color: #85144b !important;
279
+ }
280
+ /*Hide elements by display none only*/
281
+ .hide {
282
+ display: none !important;
283
+ }
284
+ /* Remove borders */
285
+ .no-border {
286
+ border: 0px !important;
287
+ }
288
+ /* Remove padding */
289
+ .no-padding {
290
+ padding: 0px !important;
291
+ }
292
+ /* Remove margins */
293
+ .no-margin {
294
+ margin: 0px !important;
295
+ }
296
+ /* Remove box shadow */
297
+ .no-shadow {
298
+ box-shadow: none!important;
299
+ }
300
+ /* Don't display when printing */
301
+ @media print {
302
+ .no-print {
303
+ display: none;
304
+ }
305
+ .left-side,
306
+ .header,
307
+ .content-header {
308
+ display: none;
309
+ }
310
+ .right-side {
311
+ margin: 0;
312
+ }
313
+ }
314
+ /* Remove border radius */
315
+ .flat {
316
+ -webkit-border-radius: 0 !important;
317
+ -moz-border-radius: 0 !important;
318
+ border-radius: 0 !important;
319
+ }
320
+ /* Change the color of the striped tables */
321
+ .table-striped > tbody > tr:nth-child(odd) > td,
322
+ .table-striped > tbody > tr:nth-child(odd) > th {
323
+ background-color: #f3f4f5;
324
+ }
325
+ .table.no-border,
326
+ .table.no-border td,
327
+ .table.no-border th {
328
+ border: 0;
329
+ }
330
+ /* .text-center in tables */
331
+ table.text-center,
332
+ table.text-center td,
333
+ table.text-center th {
334
+ text-align: center;
335
+ }
336
+ .table.align th {
337
+ text-align: left;
338
+ }
339
+ .table.align td {
340
+ text-align: right;
341
+ }
342
+ .text-bold,
343
+ .text-bold.table td,
344
+ .text-bold.table th {
345
+ font-weight: 700;
346
+ }
347
+ .border-radius-none {
348
+ -webkit-border-radius: 0 !important;
349
+ -moz-border-radius: 0 !important;
350
+ border-radius: 0 !important;
351
+ }
352
+ /* _fix for sparkline tooltip */
353
+ .jqstooltip {
354
+ padding: 5px!important;
355
+ width: auto!important;
356
+ height: auto!important;
357
+ }
358
+ /*
359
+ Gradient Background colors
360
+ */
361
+ .bg-teal-gradient {
362
+ background: #39cccc !important;
363
+ background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;
364
+ background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important;
365
+ background: -moz-linear-gradient(center bottom, #39cccc 0%, #7adddd 100%) !important;
366
+ background: -o-linear-gradient(#7adddd, #39cccc) !important;
367
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;
368
+ color: #fff;
369
+ }
370
+ .bg-light-blue-gradient {
371
+ background: #3c8dbc !important;
372
+ background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important;
373
+ background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;
374
+ background: -moz-linear-gradient(center bottom, #3c8dbc 0%, #67a8ce 100%) !important;
375
+ background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;
376
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;
377
+ color: #fff;
378
+ }
379
+ .bg-blue-gradient {
380
+ background: #0073b7 !important;
381
+ background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important;
382
+ background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important;
383
+ background: -moz-linear-gradient(center bottom, #0073b7 0%, #0089db 100%) !important;
384
+ background: -o-linear-gradient(#0089db, #0073b7) !important;
385
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;
386
+ color: #fff;
387
+ }
388
+ .bg-aqua-gradient {
389
+ background: #00c0ef !important;
390
+ background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;
391
+ background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;
392
+ background: -moz-linear-gradient(center bottom, #00c0ef 0%, #14d1ff 100%) !important;
393
+ background: -o-linear-gradient(#14d1ff, #00c0ef) !important;
394
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;
395
+ color: #fff;
396
+ }
397
+ .bg-yellow-gradient {
398
+ background: #f39c12 !important;
399
+ background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important;
400
+ background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;
401
+ background: -moz-linear-gradient(center bottom, #f39c12 0%, #f7bc60 100%) !important;
402
+ background: -o-linear-gradient(#f7bc60, #f39c12) !important;
403
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;
404
+ color: #fff;
405
+ }
406
+ .bg-purple-gradient {
407
+ background: #932ab6 !important;
408
+ background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #932ab6), color-stop(1, #b959d9)) !important;
409
+ background: -ms-linear-gradient(bottom, #932ab6, #b959d9) !important;
410
+ background: -moz-linear-gradient(center bottom, #932ab6 0%, #b959d9 100%) !important;
411
+ background: -o-linear-gradient(#b959d9, #932ab6) !important;
412
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b959d9', endColorstr='#932ab6', GradientType=0) !important;
413
+ color: #fff;
414
+ }
415
+ .bg-green-gradient {
416
+ background: #00a65a !important;
417
+ background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important;
418
+ background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;
419
+ background: -moz-linear-gradient(center bottom, #00a65a 0%, #00ca6d 100%) !important;
420
+ background: -o-linear-gradient(#00ca6d, #00a65a) !important;
421
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;
422
+ color: #fff;
423
+ }
424
+ .bg-red-gradient {
425
+ background: #f56954 !important;
426
+ background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f56954), color-stop(1, #f89384)) !important;
427
+ background: -ms-linear-gradient(bottom, #f56954, #f89384) !important;
428
+ background: -moz-linear-gradient(center bottom, #f56954 0%, #f89384 100%) !important;
429
+ background: -o-linear-gradient(#f89384, #f56954) !important;
430
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f89384', endColorstr='#f56954', GradientType=0) !important;
431
+ color: #fff;
432
+ }
433
+ .bg-black-gradient {
434
+ background: #222222 !important;
435
+ background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #222222), color-stop(1, #3c3c3c)) !important;
436
+ background: -ms-linear-gradient(bottom, #222222, #3c3c3c) !important;
437
+ background: -moz-linear-gradient(center bottom, #222222 0%, #3c3c3c 100%) !important;
438
+ background: -o-linear-gradient(#3c3c3c, #222222) !important;
439
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c', endColorstr='#222222', GradientType=0) !important;
440
+ color: #fff;
441
+ }
442
+ .bg-maroon-gradient {
443
+ background: #85144b !important;
444
+ background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #85144b), color-stop(1, #b11b64)) !important;
445
+ background: -ms-linear-gradient(bottom, #85144b, #b11b64) !important;
446
+ background: -moz-linear-gradient(center bottom, #85144b 0%, #b11b64 100%) !important;
447
+ background: -o-linear-gradient(#b11b64, #85144b) !important;
448
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b11b64', endColorstr='#85144b', GradientType=0) !important;
449
+ color: #fff;
450
+ }
451
+ .connectedSortable {
452
+ min-height: 100px;
453
+ }
454
+ /*---------------------------------------------------
455
+ LESS Elements 0.9
456
+ ---------------------------------------------------
457
+ A set of useful LESS mixins
458
+ More info at: http://lesselements.com
459
+ ---------------------------------------------------*/
460
+ /*
461
+ Components: navbar, logo and content header
462
+ -------------------------------------------------
463
+ */
464
+ body > .header {
465
+ position: relative;
466
+ max-height: 100px;
467
+ z-index: 1030;
468
+ }
469
+ body > .header .navbar {
470
+ height: 50px;
471
+ margin-bottom: 0;
472
+ margin-left: 220px;
473
+ }
474
+ body > .header .navbar .sidebar-toggle {
475
+ float: left;
476
+ padding: 9px 5px;
477
+ margin-top: 8px;
478
+ margin-right: 0;
479
+ margin-bottom: 8px;
480
+ margin-left: 5px;
481
+ background-color: transparent;
482
+ background-image: none;
483
+ border: 1px solid transparent;
484
+ -webkit-border-radius: 0 !important;
485
+ -moz-border-radius: 0 !important;
486
+ border-radius: 0 !important;
487
+ }
488
+ body > .header .navbar .sidebar-toggle:hover .icon-bar {
489
+ background: #f6f6f6;
490
+ }
491
+ body > .header .navbar .sidebar-toggle .icon-bar {
492
+ display: block;
493
+ width: 22px;
494
+ height: 2px;
495
+ -webkit-border-radius: 4px;
496
+ -moz-border-radius: 4px;
497
+ border-radius: 4px;
498
+ }
499
+ body > .header .navbar .sidebar-toggle .icon-bar + .icon-bar {
500
+ margin-top: 4px;
501
+ }
502
+ body > .header .navbar .nav > li.user > a {
503
+ font-weight: bold;
504
+ }
505
+ body > .header .navbar .nav > li.user > a > .fa,
506
+ body > .header .navbar .nav > li.user > a > .glyphicon,
507
+ body > .header .navbar .nav > li.user > a > .ion {
508
+ margin-right: 5px;
509
+ }
510
+ body > .header .navbar .nav > li > a > .label {
511
+ -webkit-border-radius: 50%;
512
+ -moz-border-radius: 50%;
513
+ border-radius: 50%;
514
+ position: absolute;
515
+ top: 7px;
516
+ right: 2px;
517
+ font-size: 10px;
518
+ font-weight: normal;
519
+ width: 15px;
520
+ height: 15px;
521
+ line-height: 1.0em;
522
+ text-align: center;
523
+ padding: 2px;
524
+ }
525
+ body > .header .navbar .nav > li > a:hover > .label {
526
+ top: 3px;
527
+ }
528
+ body > .header .logo {
529
+ float: left;
530
+ font-size: 20px;
531
+ line-height: 50px;
532
+ text-align: center;
533
+ padding: 0 10px;
534
+ width: 220px;
535
+ font-family: 'Kaushan Script', cursive;
536
+ font-weight: 500;
537
+ height: 50px;
538
+ display: block;
539
+ }
540
+ body > .header .logo .icon {
541
+ margin-right: 10px;
542
+ }
543
+ .right-side > .content-header {
544
+ position: relative;
545
+ padding: 15px 15px 10px 20px;
546
+ }
547
+ .right-side > .content-header > h1 {
548
+ margin: 0;
549
+ font-size: 24px;
550
+ }
551
+ .right-side > .content-header > h1 > small {
552
+ font-size: 15px;
553
+ display: inline-block;
554
+ padding-left: 4px;
555
+ font-weight: 300;
556
+ }
557
+ .right-side > .content-header > .breadcrumb {
558
+ float: right;
559
+ background: transparent;
560
+ margin-top: 0px;
561
+ margin-bottom: 0;
562
+ font-size: 12px;
563
+ padding: 7px 5px;
564
+ position: absolute;
565
+ top: 15px;
566
+ right: 10px;
567
+ -webkit-border-radius: 2px;
568
+ -moz-border-radius: 2px;
569
+ border-radius: 2px;
570
+ }
571
+ .right-side > .content-header > .breadcrumb > li > a {
572
+ color: #444;
573
+ text-decoration: none;
574
+ }
575
+ .right-side > .content-header > .breadcrumb > li > a > .fa,
576
+ .right-side > .content-header > .breadcrumb > li > a > .glyphicon,
577
+ .right-side > .content-header > .breadcrumb > li > a > .ion {
578
+ margin-right: 5px;
579
+ }
580
+ .right-side > .content-header > .breadcrumb > li + li:before {
581
+ content: '>\00a0';
582
+ }
583
+ @media screen and (max-width: 767px) {
584
+ .right-side > .content-header > .breadcrumb {
585
+ position: relative;
586
+ margin-top: 5px;
587
+ top: 0;
588
+ right: 0;
589
+ float: none;
590
+ background: #efefef;
591
+ }
592
+ }
593
+ @media (max-width: 767px) {
594
+ .navbar .navbar-nav > li {
595
+ float: left;
596
+ }
597
+ .navbar-nav {
598
+ margin: 0;
599
+ float: left;
600
+ }
601
+ .navbar-nav > li > a {
602
+ padding-top: 15px;
603
+ padding-bottom: 15px;
604
+ line-height: 20px;
605
+ }
606
+ .navbar .navbar-right {
607
+ float: right;
608
+ }
609
+ }
610
+ @media screen and (max-width: 560px) {
611
+ body > .header {
612
+ position: relative;
613
+ }
614
+ body > .header .logo,
615
+ body > .header .navbar {
616
+ width: 100%;
617
+ float: none;
618
+ position: relative!important;
619
+ }
620
+ body > .header .navbar {
621
+ margin: 0;
622
+ }
623
+ body.fixed > .header {
624
+ position: fixed;
625
+ }
626
+ body.fixed > .wrapper,
627
+ body.fixed .sidebar-offcanvas {
628
+ margin-top: 100px!important;
629
+ }
630
+ }
631
+ /*
632
+ Component: Sidebar
633
+ --------------------------
634
+ */
635
+ .sidebar {
636
+ margin-bottom: 5px;
637
+ }
638
+ .sidebar .sidebar-form input:focus {
639
+ -webkit-box-shadow: none;
640
+ -moz-box-shadow: none;
641
+ box-shadow: none;
642
+ border-color: transparent!important;
643
+ }
644
+ .sidebar .sidebar-menu {
645
+ list-style: none;
646
+ margin: 0;
647
+ padding: 0;
648
+ }
649
+ .sidebar .sidebar-menu > li {
650
+ margin: 0;
651
+ padding: 0;
652
+ }
653
+ .sidebar .sidebar-menu > li > a {
654
+ padding: 12px 5px 12px 15px;
655
+ display: block;
656
+ }
657
+ .sidebar .sidebar-menu > li > a > .fa,
658
+ .sidebar .sidebar-menu > li > a > .glyphicon,
659
+ .sidebar .sidebar-menu > li > a > .ion {
660
+ width: 20px;
661
+ }
662
+ .sidebar .sidebar-menu .treeview-menu {
663
+ display: none;
664
+ list-style: none;
665
+ padding: 0;
666
+ margin: 0;
667
+ }
668
+ .sidebar .sidebar-menu .treeview-menu > li {
669
+ margin: 0;
670
+ }
671
+ .sidebar .sidebar-menu .treeview-menu > li > a {
672
+ padding: 5px 5px 5px 15px;
673
+ display: block;
674
+ font-size: 14px;
675
+ margin: 0px 0px;
676
+ }
677
+ .sidebar .sidebar-menu .treeview-menu > li > a > .fa,
678
+ .sidebar .sidebar-menu .treeview-menu > li > a > .glyphicon,
679
+ .sidebar .sidebar-menu .treeview-menu > li > a > .ion {
680
+ width: 20px;
681
+ }
682
+ .user-panel {
683
+ padding: 10px;
684
+ }
685
+ .user-panel:before,
686
+ .user-panel:after {
687
+ display: table;
688
+ content: " ";
689
+ }
690
+ .user-panel:after {
691
+ clear: both;
692
+ }
693
+ .user-panel > .image > img {
694
+ width: 45px;
695
+ height: 45px;
696
+ }
697
+ .user-panel > .info {
698
+ font-weight: 600;
699
+ padding: 5px 5px 5px 15px;
700
+ font-size: 14px;
701
+ line-height: 1;
702
+ }
703
+ .user-panel > .info > p {
704
+ margin-bottom: 9px;
705
+ }
706
+ .user-panel > .info > a {
707
+ text-decoration: none;
708
+ padding-right: 5px;
709
+ margin-top: 3px;
710
+ font-size: 11px;
711
+ font-weight: normal;
712
+ }
713
+ .user-panel > .info > a > .fa,
714
+ .user-panel > .info > a > .ion,
715
+ .user-panel > .info > a > .glyphicon {
716
+ margin-right: 3px;
717
+ }
718
+ /*
719
+ * Off Canvas
720
+ * --------------------------------------------------
721
+ * Gives us the push menu effect
722
+ */
723
+ @media screen and (max-width: 992px) {
724
+ .relative {
725
+ position: relative;
726
+ }
727
+ .row-offcanvas-right .sidebar-offcanvas {
728
+ right: -220px;
729
+ }
730
+ .row-offcanvas-left .sidebar-offcanvas {
731
+ left: -220px;
732
+ }
733
+ .row-offcanvas-right.active {
734
+ right: 220px;
735
+ }
736
+ .row-offcanvas-left.active {
737
+ left: 220px;
738
+ }
739
+ .sidebar-offcanvas {
740
+ left: 0;
741
+ }
742
+ body.fixed .sidebar-offcanvas {
743
+ margin-top: 50px;
744
+ left: -220px;
745
+ }
746
+ body.fixed .row-offcanvas-left.active .navbar {
747
+ left: 220px !important;
748
+ right: 0;
749
+ }
750
+ body.fixed .row-offcanvas-left.active .sidebar-offcanvas {
751
+ left: 0px;
752
+ }
753
+ }
754
+ /*
755
+ Dropdown menus
756
+ ----------------------------
757
+ */
758
+ /*Dropdowns in general*/
759
+ .dropdown-menu {
760
+ -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
761
+ -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
762
+ box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
763
+ z-index: 2300;
764
+ }
765
+ .dropdown-menu > li > a > .glyphicon,
766
+ .dropdown-menu > li > a > .fa,
767
+ .dropdown-menu > li > a > .ion {
768
+ margin-right: 10px;
769
+ }
770
+ .dropdown-menu > li > a:hover {
771
+ background-color: #3c8dbc;
772
+ color: #f9f9f9;
773
+ }
774
+ /*Drodown in navbars*/
775
+ .skin-blue .navbar .dropdown-menu > li > a {
776
+ color: #444444;
777
+ }
778
+ /*
779
+ Navbar custom dropdown menu
780
+ ------------------------------------
781
+ */
782
+ .navbar-nav > .notifications-menu > .dropdown-menu,
783
+ .navbar-nav > .messages-menu > .dropdown-menu,
784
+ .navbar-nav > .tasks-menu > .dropdown-menu {
785
+ width: 280px;
786
+ padding: 0 0 0 0!important;
787
+ margin: 0!important;
788
+ top: 100%;
789
+ border: 1px solid #dfdfdf;
790
+ -webkit-border-radius: 4px !important;
791
+ -moz-border-radius: 4px !important;
792
+ border-radius: 4px !important;
793
+ }
794
+ .navbar-nav > .notifications-menu > .dropdown-menu > li.header,
795
+ .navbar-nav > .messages-menu > .dropdown-menu > li.header,
796
+ .navbar-nav > .tasks-menu > .dropdown-menu > li.header {
797
+ -webkit-border-top-left-radius: 4px;
798
+ -webkit-border-top-right-radius: 4px;
799
+ -webkit-border-bottom-right-radius: 0;
800
+ -webkit-border-bottom-left-radius: 0;
801
+ -moz-border-radius-topleft: 4px;
802
+ -moz-border-radius-topright: 4px;
803
+ -moz-border-radius-bottomright: 0;
804
+ -moz-border-radius-bottomleft: 0;
805
+ border-top-left-radius: 4px;
806
+ border-top-right-radius: 4px;
807
+ border-bottom-right-radius: 0;
808
+ border-bottom-left-radius: 0;
809
+ background-color: #ffffff;
810
+ padding: 7px 10px;
811
+ border-bottom: 1px solid #f4f4f4;
812
+ color: #444444;
813
+ font-size: 14px;
814
+ }
815
+ .navbar-nav > .notifications-menu > .dropdown-menu > li.header:after,
816
+ .navbar-nav > .messages-menu > .dropdown-menu > li.header:after,
817
+ .navbar-nav > .tasks-menu > .dropdown-menu > li.header:after {
818
+ bottom: 100%;
819
+ left: 92%;
820
+ border: solid transparent;
821
+ content: " ";
822
+ height: 0;
823
+ width: 0;
824
+ position: absolute;
825
+ pointer-events: none;
826
+ border-color: rgba(255, 255, 255, 0);
827
+ border-bottom-color: #ffffff;
828
+ border-width: 7px;
829
+ margin-left: -7px;
830
+ }
831
+ .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
832
+ .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
833
+ .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
834
+ -webkit-border-top-left-radius: 0px;
835
+ -webkit-border-top-right-radius: 0px;
836
+ -webkit-border-bottom-right-radius: 4px;
837
+ -webkit-border-bottom-left-radius: 4px;
838
+ -moz-border-radius-topleft: 0px;
839
+ -moz-border-radius-topright: 0px;
840
+ -moz-border-radius-bottomright: 4px;
841
+ -moz-border-radius-bottomleft: 4px;
842
+ border-top-left-radius: 0px;
843
+ border-top-right-radius: 0px;
844
+ border-bottom-right-radius: 4px;
845
+ border-bottom-left-radius: 4px;
846
+ font-size: 12px;
847
+ background-color: #f4f4f4;
848
+ padding: 7px 10px;
849
+ border-bottom: 1px solid #eeeeee;
850
+ color: #444444;
851
+ text-align: center;
852
+ }
853
+ .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover,
854
+ .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover,
855
+ .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover {
856
+ background: #f4f4f4;
857
+ text-decoration: none;
858
+ font-weight: normal;
859
+ }
860
+ .navbar-nav > .notifications-menu > .dropdown-menu > li .menu,
861
+ .navbar-nav > .messages-menu > .dropdown-menu > li .menu,
862
+ .navbar-nav > .tasks-menu > .dropdown-menu > li .menu {
863
+ margin: 0;
864
+ padding: 0;
865
+ list-style: none;
866
+ overflow-x: hidden;
867
+ }
868
+ .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a,
869
+ .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a,
870
+ .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
871
+ display: block;
872
+ white-space: nowrap;
873
+ /* Prevent text from breaking */
874
+ border-bottom: 1px solid #f4f4f4;
875
+ }
876
+ .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,
877
+ .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover,
878
+ .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
879
+ background: #f6f6f6;
880
+ text-decoration: none;
881
+ }
882
+ .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
883
+ font-size: 12px;
884
+ color: #444444;
885
+ }
886
+ .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon,
887
+ .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa,
888
+ .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion {
889
+ font-size: 20px;
890
+ width: 50px;
891
+ text-align: center;
892
+ padding: 15px 0px;
893
+ margin-right: 5px;
894
+ /* Default background and font colors */
895
+ background: #00c0ef;
896
+ color: #f9f9f9;
897
+ /* Fallback for browsers that doesn't support rgba */
898
+ color: rgba(255, 255, 255, 0.7);
899
+ }
900
+ .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon.danger,
901
+ .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa.danger,
902
+ .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.danger {
903
+ background: #f56954;
904
+ }
905
+ .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon.warning,
906
+ .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa.warning,
907
+ .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.warning {
908
+ background: #f39c12;
909
+ }
910
+ .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon.success,
911
+ .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa.success,
912
+ .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.success {
913
+ background: #00a65a;
914
+ }
915
+ .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon.info,
916
+ .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa.info,
917
+ .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.info {
918
+ background: #00c0ef;
919
+ }
920
+ .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a {
921
+ margin: 0px;
922
+ line-height: 20px;
923
+ padding: 10px 5px 10px 5px;
924
+ -webkit-border-radius: 4px;
925
+ -moz-border-radius: 4px;
926
+ border-radius: 4px;
927
+ }
928
+ .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {
929
+ margin: auto 10px auto auto;
930
+ width: 40px;
931
+ height: 40px;
932
+ border: 1px solid #dddddd;
933
+ }
934
+ .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {
935
+ padding: 0;
936
+ margin: 0 0 0 45px;
937
+ color: #444444;
938
+ font-size: 15px;
939
+ }
940
+ .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small {
941
+ color: #999999;
942
+ font-size: 10px;
943
+ float: right;
944
+ }
945
+ .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {
946
+ margin: 0 0 0 45px;
947
+ font-size: 12px;
948
+ color: #888888;
949
+ }
950
+ .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before,
951
+ .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
952
+ display: table;
953
+ content: " ";
954
+ }
955
+ .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
956
+ clear: both;
957
+ }
958
+ .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
959
+ padding: 10px;
960
+ }
961
+ .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 {
962
+ font-size: 14px;
963
+ padding: 0;
964
+ margin: 0 0 10px 0;
965
+ color: #666666;
966
+ }
967
+ .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress {
968
+ padding: 0;
969
+ margin: 0;
970
+ }
971
+ .navbar-nav > .user-menu > .dropdown-menu {
972
+ -webkit-border-radius: 0;
973
+ -moz-border-radius: 0;
974
+ border-radius: 0;
975
+ padding: 1px 0 0 0;
976
+ border-top-width: 0;
977
+ width: 280px;
978
+ }
979
+ .navbar-nav > .user-menu > .dropdown-menu:after {
980
+ bottom: 100%;
981
+ right: 10px;
982
+ border: solid transparent;
983
+ content: " ";
984
+ height: 0;
985
+ width: 0;
986
+ position: absolute;
987
+ pointer-events: none;
988
+ border-color: rgba(255, 255, 255, 0);
989
+ border-bottom-color: #ffffff;
990
+ border-width: 10px;
991
+ margin-left: -10px;
992
+ }
993
+ .navbar-nav > .user-menu > .dropdown-menu > li.user-header {
994
+ height: 175px;
995
+ padding: 10px;
996
+ background: #3c8dbc;
997
+ text-align: center;
998
+ }
999
+ .navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
1000
+ z-index: 5;
1001
+ height: 90px;
1002
+ width: 90px;
1003
+ border: 8px solid;
1004
+ border-color: transparent;
1005
+ border-color: rgba(255, 255, 255, 0.2);
1006
+ }
1007
+ .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
1008
+ z-index: 5;
1009
+ color: #f9f9f9;
1010
+ color: rgba(255, 255, 255, 0.8);
1011
+ font-size: 17px;
1012
+ text-shadow: 2px 2px 3px #333333;
1013
+ margin-top: 10px;
1014
+ }
1015
+ .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
1016
+ display: block;
1017
+ font-size: 12px;
1018
+ }
1019
+ .navbar-nav > .user-menu > .dropdown-menu > li.user-body {
1020
+ padding: 15px;
1021
+ border-bottom: 1px solid #f4f4f4;
1022
+ border-top: 1px solid #dddddd;
1023
+ }
1024
+ .navbar-nav > .user-menu > .dropdown-menu > li.user-body:before,
1025
+ .navbar-nav > .user-menu > .dropdown-menu > li.user-body:after {
1026
+ display: table;
1027
+ content: " ";
1028
+ }
1029
+ .navbar-nav > .user-menu > .dropdown-menu > li.user-body:after {
1030
+ clear: both;
1031
+ }
1032
+ .navbar-nav > .user-menu > .dropdown-menu > li.user-body > div > a {
1033
+ color: #0073b7;
1034
+ }
1035
+ .navbar-nav > .user-menu > .dropdown-menu > li.user-footer {
1036
+ background-color: #f9f9f9;
1037
+ padding: 10px;
1038
+ }
1039
+ .navbar-nav > .user-menu > .dropdown-menu > li.user-footer:before,
1040
+ .navbar-nav > .user-menu > .dropdown-menu > li.user-footer:after {
1041
+ display: table;
1042
+ content: " ";
1043
+ }
1044
+ .navbar-nav > .user-menu > .dropdown-menu > li.user-footer:after {
1045
+ clear: both;
1046
+ }
1047
+ .navbar-nav > .user-menu > .dropdown-menu > li.user-footer .btn-default {
1048
+ color: #666666;
1049
+ }
1050
+ /* Add fade animation to dropdown menus */
1051
+ .open > .dropdown-menu {
1052
+ animation-name: fadeAnimation;
1053
+ animation-duration: .7s;
1054
+ animation-iteration-count: 1;
1055
+ animation-timing-function: ease;
1056
+ animation-fill-mode: forwards;
1057
+ -webkit-animation-name: fadeAnimation;
1058
+ -webkit-animation-duration: .7s;
1059
+ -webkit-animation-iteration-count: 1;
1060
+ -webkit-animation-timing-function: ease;
1061
+ -webkit-animation-fill-mode: forwards;
1062
+ -moz-animation-name: fadeAnimation;
1063
+ -moz-animation-duration: .7s;
1064
+ -moz-animation-iteration-count: 1;
1065
+ -moz-animation-timing-function: ease;
1066
+ -moz-animation-fill-mode: forwards;
1067
+ }
1068
+ @keyframes fadeAnimation {
1069
+ from {
1070
+ opacity: 0;
1071
+ top: 120%;
1072
+ }
1073
+ to {
1074
+ opacity: 1;
1075
+ top: 100%;
1076
+ }
1077
+ }
1078
+ @-webkit-keyframes fadeAnimation {
1079
+ from {
1080
+ opacity: 0;
1081
+ top: 120%;
1082
+ }
1083
+ to {
1084
+ opacity: 1;
1085
+ top: 100%;
1086
+ }
1087
+ }
1088
+ /* Fix dropdown menu for small screens to display correctly on small screens */
1089
+ @media screen and (max-width: 767px) {
1090
+ .navbar-nav > .notifications-menu > .dropdown-menu,
1091
+ .navbar-nav > .user-menu > .dropdown-menu,
1092
+ .navbar-nav > .tasks-menu > .dropdown-menu,
1093
+ .navbar-nav > .messages-menu > .dropdown-menu {
1094
+ position: absolute;
1095
+ top: 100%;
1096
+ right: 0;
1097
+ left: auto;
1098
+ border-right: 1px solid #dddddd;
1099
+ border-bottom: 1px solid #dddddd;
1100
+ border-left: 1px solid #dddddd;
1101
+ background: #ffffff;
1102
+ }
1103
+ }
1104
+ /* Fix menu positions on xs screens to appear correctly and fully */
1105
+ @media screen and (max-width: 480px) {
1106
+ .navbar-nav > .notifications-menu > .dropdown-menu > li.header,
1107
+ .navbar-nav > .tasks-menu > .dropdown-menu > li.header,
1108
+ .navbar-nav > .messages-menu > .dropdown-menu > li.header {
1109
+ /* Remove arrow from the top */
1110
+ }
1111
+ .navbar-nav > .notifications-menu > .dropdown-menu > li.header:after,
1112
+ .navbar-nav > .tasks-menu > .dropdown-menu > li.header:after,
1113
+ .navbar-nav > .messages-menu > .dropdown-menu > li.header:after {
1114
+ border-width: 0px!important;
1115
+ }
1116
+ .navbar-nav > .tasks-menu > .dropdown-menu {
1117
+ position: absolute;
1118
+ right: -120px;
1119
+ left: auto;
1120
+ }
1121
+ .navbar-nav > .notifications-menu > .dropdown-menu {
1122
+ position: absolute;
1123
+ right: -170px;
1124
+ left: auto;
1125
+ }
1126
+ .navbar-nav > .messages-menu > .dropdown-menu {
1127
+ position: absolute;
1128
+ right: -210px;
1129
+ left: auto;
1130
+ }
1131
+ }
1132
+ /*
1133
+ All form elements including input, select, textarea etc.
1134
+ -----------------------------------------------------------------
1135
+ */
1136
+ .form-control {
1137
+ -webkit-border-radius: 0px !important;
1138
+ -moz-border-radius: 0px !important;
1139
+ border-radius: 0px !important;
1140
+ box-shadow: none;
1141
+ }
1142
+ .form-control:focus {
1143
+ border-color: #3c8dbc !important;
1144
+ box-shadow: none;
1145
+ }
1146
+ .form-group.has-success label {
1147
+ color: #00a65a;
1148
+ }
1149
+ .form-group.has-success .form-control {
1150
+ border-color: #00a65a !important;
1151
+ box-shadow: none;
1152
+ }
1153
+ .form-group.has-warning label {
1154
+ color: #f39c12;
1155
+ }
1156
+ .form-group.has-warning .form-control {
1157
+ border-color: #f39c12 !important;
1158
+ box-shadow: none;
1159
+ }
1160
+ .form-group.has-error label {
1161
+ color: #f56954;
1162
+ }
1163
+ .form-group.has-error .form-control {
1164
+ border-color: #f56954 !important;
1165
+ box-shadow: none;
1166
+ }
1167
+ /* Input group */
1168
+ .input-group .input-group-addon {
1169
+ border-radius: 0;
1170
+ background-color: #f4f4f4;
1171
+ }
1172
+ /* button groups */
1173
+ .btn-group-vertical .btn.btn-flat:first-of-type,
1174
+ .btn-group-vertical .btn.btn-flat:last-of-type {
1175
+ border-radius: 0;
1176
+ }
1177
+ /* Checkbox and radio inputs */
1178
+ .checkbox,
1179
+ .radio {
1180
+ padding-left: 0;
1181
+ }
1182
+ /*
1183
+ Compenent: Progress bars
1184
+ --------------------------------
1185
+ */
1186
+ /* size variation */
1187
+ .progress.sm {
1188
+ height: 10px;
1189
+ }
1190
+ .progress.xs {
1191
+ height: 7px;
1192
+ }
1193
+ /* Vertical bars */
1194
+ .progress.vertical {
1195
+ position: relative;
1196
+ width: 30px;
1197
+ height: 200px;
1198
+ display: inline-block;
1199
+ margin-right: 10px;
1200
+ }
1201
+ .progress.vertical > .progress-bar {
1202
+ width: 100%!important;
1203
+ position: absolute;
1204
+ bottom: 0;
1205
+ }
1206
+ .progress.vertical.sm {
1207
+ width: 20px;
1208
+ }
1209
+ .progress.vertical.xs {
1210
+ width: 10px;
1211
+ }
1212
+ /* Remove margins from progress bars when put in a table */
1213
+ .table tr > td .progress {
1214
+ margin: 0;
1215
+ }
1216
+ .progress-bar-light-blue,
1217
+ .progress-bar-primary {
1218
+ background-color: #3c8dbc;
1219
+ }
1220
+ .progress-striped .progress-bar-light-blue,
1221
+ .progress-striped .progress-bar-primary {
1222
+ background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
1223
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1224
+ background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1225
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1226
+ }
1227
+ .progress-bar-green,
1228
+ .progress-bar-success {
1229
+ background-color: #00a65a;
1230
+ }
1231
+ .progress-striped .progress-bar-green,
1232
+ .progress-striped .progress-bar-success {
1233
+ background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
1234
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1235
+ background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1236
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1237
+ }
1238
+ .progress-bar-aqua,
1239
+ .progress-bar-info {
1240
+ background-color: #00c0ef;
1241
+ }
1242
+ .progress-striped .progress-bar-aqua,
1243
+ .progress-striped .progress-bar-info {
1244
+ background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
1245
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1246
+ background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1247
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1248
+ }
1249
+ .progress-bar-yellow,
1250
+ .progress-bar-warning {
1251
+ background-color: #f39c12;
1252
+ }
1253
+ .progress-striped .progress-bar-yellow,
1254
+ .progress-striped .progress-bar-warning {
1255
+ background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
1256
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1257
+ background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1258
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1259
+ }
1260
+ .progress-bar-red,
1261
+ .progress-bar-danger {
1262
+ background-color: #f56954;
1263
+ }
1264
+ .progress-striped .progress-bar-red,
1265
+ .progress-striped .progress-bar-danger {
1266
+ background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
1267
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1268
+ background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1269
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1270
+ }
1271
+ /*
1272
+ Component: Small boxes
1273
+ */
1274
+ .small-box {
1275
+ position: relative;
1276
+ display: block;
1277
+ -webkit-border-radius: 2px;
1278
+ -moz-border-radius: 2px;
1279
+ border-radius: 2px;
1280
+ margin-bottom: 15px;
1281
+ }
1282
+ .small-box > .inner {
1283
+ padding: 10px;
1284
+ }
1285
+ .small-box > .small-box-footer {
1286
+ position: relative;
1287
+ text-align: center;
1288
+ padding: 3px 0;
1289
+ color: #fff;
1290
+ color: rgba(255, 255, 255, 0.8);
1291
+ display: block;
1292
+ z-index: 10;
1293
+ background: rgba(0, 0, 0, 0.1);
1294
+ text-decoration: none;
1295
+ }
1296
+ .small-box > .small-box-footer:hover {
1297
+ color: #fff;
1298
+ background: rgba(0, 0, 0, 0.15);
1299
+ }
1300
+ .small-box h3 {
1301
+ font-size: 38px;
1302
+ font-weight: bold;
1303
+ margin: 0 0 10px 0;
1304
+ white-space: nowrap;
1305
+ padding: 0;
1306
+ }
1307
+ .small-box p {
1308
+ font-size: 15px;
1309
+ }
1310
+ .small-box p > small {
1311
+ display: block;
1312
+ color: #f9f9f9;
1313
+ font-size: 13px;
1314
+ margin-top: 5px;
1315
+ }
1316
+ .small-box h3,
1317
+ .small-box p {
1318
+ z-index: 5px;
1319
+ }
1320
+ .small-box .icon {
1321
+ position: absolute;
1322
+ top: auto;
1323
+ bottom: 5px;
1324
+ right: 5px;
1325
+ z-index: 0;
1326
+ font-size: 90px;
1327
+ color: rgba(0, 0, 0, 0.15);
1328
+ }
1329
+ .small-box:hover {
1330
+ text-decoration: none;
1331
+ color: #f9f9f9;
1332
+ }
1333
+ .small-box:hover .icon {
1334
+ animation-name: tansformAnimation;
1335
+ animation-duration: .5s;
1336
+ animation-iteration-count: 1;
1337
+ animation-timing-function: ease;
1338
+ animation-fill-mode: forwards;
1339
+ -webkit-animation-name: tansformAnimation;
1340
+ -webkit-animation-duration: .5s;
1341
+ -webkit-animation-iteration-count: 1;
1342
+ -webkit-animation-timing-function: ease;
1343
+ -webkit-animation-fill-mode: forwards;
1344
+ -moz-animation-name: tansformAnimation;
1345
+ -moz-animation-duration: .5s;
1346
+ -moz-animation-iteration-count: 1;
1347
+ -moz-animation-timing-function: ease;
1348
+ -moz-animation-fill-mode: forwards;
1349
+ }
1350
+ @keyframes tansformAnimation {
1351
+ from {
1352
+ font-size: 90px;
1353
+ }
1354
+ to {
1355
+ font-size: 100px;
1356
+ }
1357
+ }
1358
+ @-webkit-keyframes tansformAnimation {
1359
+ from {
1360
+ font-size: 90px;
1361
+ }
1362
+ to {
1363
+ font-size: 100px;
1364
+ }
1365
+ }
1366
+ @media screen and (max-width: 480px) {
1367
+ .small-box {
1368
+ text-align: center;
1369
+ }
1370
+ .small-box .icon {
1371
+ display: none;
1372
+ }
1373
+ .small-box p {
1374
+ font-size: 12px;
1375
+ }
1376
+ }
1377
+ /*
1378
+ component: Boxes
1379
+ -------------------------
1380
+ */
1381
+ .box {
1382
+ position: relative;
1383
+ background: #ffffff;
1384
+ border-top: 2px solid #c1c1c1;
1385
+ margin-bottom: 20px;
1386
+ -webkit-border-radius: 3px;
1387
+ -moz-border-radius: 3px;
1388
+ border-radius: 3px;
1389
+ width: 100%;
1390
+ box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
1391
+ }
1392
+ .box.box-primary {
1393
+ border-top-color: #3c8dbc;
1394
+ }
1395
+ .box.box-info {
1396
+ border-top-color: #00c0ef;
1397
+ }
1398
+ .box.box-danger {
1399
+ border-top-color: #f56954;
1400
+ }
1401
+ .box.box-warning {
1402
+ border-top-color: #f39c12;
1403
+ }
1404
+ .box.box-success {
1405
+ border-top-color: #00a65a;
1406
+ }
1407
+ .box.height-control .box-body {
1408
+ max-height: 300px;
1409
+ overflow: auto;
1410
+ }
1411
+ .box .box-header {
1412
+ position: relative;
1413
+ -webkit-border-top-left-radius: 3px;
1414
+ -webkit-border-top-right-radius: 3px;
1415
+ -webkit-border-bottom-right-radius: 0;
1416
+ -webkit-border-bottom-left-radius: 0;
1417
+ -moz-border-radius-topleft: 3px;
1418
+ -moz-border-radius-topright: 3px;
1419
+ -moz-border-radius-bottomright: 0;
1420
+ -moz-border-radius-bottomleft: 0;
1421
+ border-top-left-radius: 3px;
1422
+ border-top-right-radius: 3px;
1423
+ border-bottom-right-radius: 0;
1424
+ border-bottom-left-radius: 0;
1425
+ border-bottom: 0px solid #f4f4f4;
1426
+ color: #444;
1427
+ }
1428
+ .box .box-header:before,
1429
+ .box .box-header:after {
1430
+ display: table;
1431
+ content: " ";
1432
+ }
1433
+ .box .box-header:after {
1434
+ clear: both;
1435
+ }
1436
+ .box .box-header > .fa,
1437
+ .box .box-header > .glyphicon,
1438
+ .box .box-header > .ion,
1439
+ .box .box-header .box-title {
1440
+ display: inline-block;
1441
+ padding: 10px 10px 10px 10px;
1442
+ margin: 0;
1443
+ font-size: 20px;
1444
+ font-weight: 400;
1445
+ float: left;
1446
+ cursor: default;
1447
+ }
1448
+ .box .box-header a {
1449
+ color: #444;
1450
+ }
1451
+ .box .box-header > .box-tools {
1452
+ padding: 5px 10px 5px 5px;
1453
+ }
1454
+ .box .box-body {
1455
+ padding: 10px;
1456
+ -webkit-border-top-left-radius: 0;
1457
+ -webkit-border-top-right-radius: 0;
1458
+ -webkit-border-bottom-right-radius: 3px;
1459
+ -webkit-border-bottom-left-radius: 3px;
1460
+ -moz-border-radius-topleft: 0;
1461
+ -moz-border-radius-topright: 0;
1462
+ -moz-border-radius-bottomright: 3px;
1463
+ -moz-border-radius-bottomleft: 3px;
1464
+ border-top-left-radius: 0;
1465
+ border-top-right-radius: 0;
1466
+ border-bottom-right-radius: 3px;
1467
+ border-bottom-left-radius: 3px;
1468
+ }
1469
+ .box .box-body > table,
1470
+ .box .box-body > .table {
1471
+ margin-bottom: 0;
1472
+ }
1473
+ .box .box-body.chart-responsive {
1474
+ width: 100%;
1475
+ overflow: hidden;
1476
+ }
1477
+ .box .box-body > .chart {
1478
+ position: relative;
1479
+ overflow: hidden;
1480
+ width: 100%;
1481
+ }
1482
+ .box .box-body > .chart svg,
1483
+ .box .box-body > .chart canvas {
1484
+ width: 100%!important;
1485
+ }
1486
+ .box .box-body .fc {
1487
+ margin-top: 5px;
1488
+ }
1489
+ .box .box-body .fc-header-title h2 {
1490
+ font-size: 15px;
1491
+ line-height: 1.6em;
1492
+ color: #666;
1493
+ margin-left: 10px;
1494
+ }
1495
+ .box .box-body .fc-header-right {
1496
+ padding-right: 10px;
1497
+ }
1498
+ .box .box-body .fc-header-left {
1499
+ padding-left: 10px;
1500
+ }
1501
+ .box .box-body .fc-widget-header {
1502
+ background: #fafafa;
1503
+ box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.02);
1504
+ }
1505
+ .box .box-body .fc-grid {
1506
+ width: 100%;
1507
+ border: 0;
1508
+ }
1509
+ .box .box-body .fc-widget-header:first-of-type,
1510
+ .box .box-body .fc-widget-content:first-of-type {
1511
+ border-left: 0;
1512
+ border-right: 0;
1513
+ }
1514
+ .box .box-body .fc-widget-header:last-of-type,
1515
+ .box .box-body .fc-widget-content:last-of-type {
1516
+ border-right: 0;
1517
+ }
1518
+ .box .box-body .table {
1519
+ margin-bottom: 0;
1520
+ }
1521
+ .box .box-body .full-width-chart {
1522
+ margin: -19px;
1523
+ }
1524
+ .box .box-body.no-padding .full-width-chart {
1525
+ margin: -9px;
1526
+ }
1527
+ .box .box-footer {
1528
+ border-top: 1px solid #f4f4f4;
1529
+ -webkit-border-top-left-radius: 0;
1530
+ -webkit-border-top-right-radius: 0;
1531
+ -webkit-border-bottom-right-radius: 3px;
1532
+ -webkit-border-bottom-left-radius: 3px;
1533
+ -moz-border-radius-topleft: 0;
1534
+ -moz-border-radius-topright: 0;
1535
+ -moz-border-radius-bottomright: 3px;
1536
+ -moz-border-radius-bottomleft: 3px;
1537
+ border-top-left-radius: 0;
1538
+ border-top-right-radius: 0;
1539
+ border-bottom-right-radius: 3px;
1540
+ border-bottom-left-radius: 3px;
1541
+ padding: 10px;
1542
+ background-color: #ffffff;
1543
+ }
1544
+ .box.box-solid {
1545
+ border-top: 0px;
1546
+ }
1547
+ .box.box-solid > .box-header {
1548
+ padding-bottom: 0px!important;
1549
+ }
1550
+ .box.box-solid > .box-header .btn.btn-default {
1551
+ background: transparent;
1552
+ }
1553
+ .box.box-solid.box-primary > .box-header {
1554
+ color: #fff;
1555
+ background: #3c8dbc;
1556
+ background-color: #3c8dbc;
1557
+ }
1558
+ .box.box-solid.box-primary > .box-header a {
1559
+ color: #444;
1560
+ }
1561
+ .box.box-solid.box-info > .box-header {
1562
+ color: #fff;
1563
+ background: #00c0ef;
1564
+ background-color: #00c0ef;
1565
+ }
1566
+ .box.box-solid.box-info > .box-header a {
1567
+ color: #444;
1568
+ }
1569
+ .box.box-solid.box-danger > .box-header {
1570
+ color: #fff;
1571
+ background: #f56954;
1572
+ background-color: #f56954;
1573
+ }
1574
+ .box.box-solid.box-danger > .box-header a {
1575
+ color: #444;
1576
+ }
1577
+ .box.box-solid.box-warning > .box-header {
1578
+ color: #fff;
1579
+ background: #f39c12;
1580
+ background-color: #f39c12;
1581
+ }
1582
+ .box.box-solid.box-warning > .box-header a {
1583
+ color: #444;
1584
+ }
1585
+ .box.box-solid.box-success > .box-header {
1586
+ color: #fff;
1587
+ background: #00a65a;
1588
+ background-color: #00a65a;
1589
+ }
1590
+ .box.box-solid.box-success > .box-header a {
1591
+ color: #444;
1592
+ }
1593
+ .box.box-solid > .box-header > .box-tools .btn {
1594
+ border: 0;
1595
+ box-shadow: none;
1596
+ }
1597
+ .box.box-solid.collapsed-box .box-header {
1598
+ -webkit-border-radius: 3px;
1599
+ -moz-border-radius: 3px;
1600
+ border-radius: 3px;
1601
+ }
1602
+ .box.box-solid[class*='bg'] > .box-header {
1603
+ color: #fff;
1604
+ }
1605
+ .box .box-group > .box {
1606
+ margin-bottom: 5px;
1607
+ }
1608
+ .box .knob-label {
1609
+ text-align: center;
1610
+ color: #333;
1611
+ font-weight: 100;
1612
+ font-size: 12px;
1613
+ margin-bottom: 0.3em;
1614
+ }
1615
+ .box .todo-list {
1616
+ margin: 0;
1617
+ padding: 0px 0px;
1618
+ list-style: none;
1619
+ }
1620
+ .box .todo-list > li {
1621
+ -webkit-border-radius: 2px;
1622
+ -moz-border-radius: 2px;
1623
+ border-radius: 2px;
1624
+ padding: 10px;
1625
+ background: #f3f4f5;
1626
+ margin-bottom: 2px;
1627
+ border-left: 2px solid #e6e7e8;
1628
+ color: #444;
1629
+ }
1630
+ .box .todo-list > li:last-of-type {
1631
+ margin-bottom: 0;
1632
+ }
1633
+ .box .todo-list > li.danger {
1634
+ border-left-color: #f56954;
1635
+ }
1636
+ .box .todo-list > li.warning {
1637
+ border-left-color: #f39c12;
1638
+ }
1639
+ .box .todo-list > li.info {
1640
+ border-left-color: #00c0ef;
1641
+ }
1642
+ .box .todo-list > li.success {
1643
+ border-left-color: #00a65a;
1644
+ }
1645
+ .box .todo-list > li.primary {
1646
+ border-left-color: #3c8dbc;
1647
+ }
1648
+ .box .todo-list > li > input[type='checkbox'] {
1649
+ margin: 0 10px 0 5px;
1650
+ }
1651
+ .box .todo-list > li .text {
1652
+ display: inline-block;
1653
+ margin-left: 5px;
1654
+ font-weight: 600;
1655
+ }
1656
+ .box .todo-list > li .label {
1657
+ margin-left: 10px;
1658
+ font-size: 9px;
1659
+ }
1660
+ .box .todo-list > li .tools {
1661
+ display: none;
1662
+ float: right;
1663
+ color: #f56954;
1664
+ }
1665
+ .box .todo-list > li .tools > .fa,
1666
+ .box .todo-list > li .tools > .glyphicon,
1667
+ .box .todo-list > li .tools > .ion {
1668
+ margin-right: 5px;
1669
+ cursor: pointer;
1670
+ }
1671
+ .box .todo-list > li:hover .tools {
1672
+ display: inline-block;
1673
+ }
1674
+ .box .todo-list > li.done {
1675
+ color: #999;
1676
+ }
1677
+ .box .todo-list > li.done .text {
1678
+ text-decoration: line-through;
1679
+ font-weight: 500;
1680
+ }
1681
+ .box .todo-list > li.done .label {
1682
+ background: #eaeaec !important;
1683
+ }
1684
+ .box .todo-list .handle {
1685
+ display: inline-block;
1686
+ cursor: move;
1687
+ margin: 0 5px;
1688
+ }
1689
+ .box .chat {
1690
+ padding: 5px 20px 5px 10px;
1691
+ }
1692
+ .box .chat .item {
1693
+ margin-bottom: 10px;
1694
+ }
1695
+ .box .chat .item:before,
1696
+ .box .chat .item:after {
1697
+ display: table;
1698
+ content: " ";
1699
+ }
1700
+ .box .chat .item:after {
1701
+ clear: both;
1702
+ }
1703
+ .box .chat .item > img {
1704
+ width: 40px;
1705
+ height: 40px;
1706
+ border: 2px solid transparent;
1707
+ -webkit-border-radius: 50% !important;
1708
+ -moz-border-radius: 50% !important;
1709
+ border-radius: 50% !important;
1710
+ }
1711
+ .box .chat .item > img.online {
1712
+ border: 2px solid #00a65a;
1713
+ }
1714
+ .box .chat .item > img.offline {
1715
+ border: 2px solid #f56954;
1716
+ }
1717
+ .box .chat .item > .message {
1718
+ margin-left: 55px;
1719
+ margin-top: -40px;
1720
+ }
1721
+ .box .chat .item > .message > .name {
1722
+ display: block;
1723
+ font-weight: 600;
1724
+ }
1725
+ .box .chat .item > .attachment {
1726
+ -webkit-border-radius: 3px;
1727
+ -moz-border-radius: 3px;
1728
+ border-radius: 3px;
1729
+ background: #f0f0f0;
1730
+ margin-left: 65px;
1731
+ margin-right: 15px;
1732
+ padding: 10px;
1733
+ }
1734
+ .box .chat .item > .attachment > h4 {
1735
+ margin: 0 0 5px 0;
1736
+ font-weight: 600;
1737
+ font-size: 14px;
1738
+ }
1739
+ .box .chat .item > .attachment > p,
1740
+ .box .chat .item > .attachment > .filename {
1741
+ font-weight: 600;
1742
+ font-size: 13px;
1743
+ font-style: italic;
1744
+ margin: 0;
1745
+ }
1746
+ .box .chat .item > .attachment:before,
1747
+ .box .chat .item > .attachment:after {
1748
+ display: table;
1749
+ content: " ";
1750
+ }
1751
+ .box .chat .item > .attachment:after {
1752
+ clear: both;
1753
+ }
1754
+ .box > .overlay,
1755
+ .box > .loading-img {
1756
+ position: absolute;
1757
+ top: 0;
1758
+ left: 0;
1759
+ width: 100%;
1760
+ height: 100%;
1761
+ }
1762
+ .box > .overlay {
1763
+ z-index: 1010;
1764
+ background: rgba(255, 255, 255, 0.7);
1765
+ }
1766
+ .box > .overlay.dark {
1767
+ background: rgba(0, 0, 0, 0.5);
1768
+ }
1769
+ .box > .loading-img {
1770
+ z-index: 1020;
1771
+ background: transparent img-url('ajax-loader1.gif') 50% 50% no-repeat;
1772
+ }
1773
+ /*
1774
+ Component: timeline
1775
+ --------------------
1776
+ */
1777
+ .timeline {
1778
+ position: relative;
1779
+ margin: 0 0 30px 0;
1780
+ padding: 0;
1781
+ list-style: none;
1782
+ }
1783
+ .timeline:before {
1784
+ content: '';
1785
+ position: absolute;
1786
+ top: 0px;
1787
+ bottom: 0;
1788
+ width: 5px;
1789
+ background: #ddd;
1790
+ left: 30px;
1791
+ border: 1px solid #eee;
1792
+ margin: 0;
1793
+ -webkit-border-radius: 2px;
1794
+ -moz-border-radius: 2px;
1795
+ border-radius: 2px;
1796
+ }
1797
+ .timeline > li {
1798
+ position: relative;
1799
+ margin-right: 10px;
1800
+ margin-bottom: 15px;
1801
+ }
1802
+ .timeline > li:before,
1803
+ .timeline > li:after {
1804
+ display: table;
1805
+ content: " ";
1806
+ }
1807
+ .timeline > li:after {
1808
+ clear: both;
1809
+ }
1810
+ .timeline > li > .timeline-item {
1811
+ margin-top: 10px;
1812
+ border: 0px solid #dfdfdf;
1813
+ background: #fff;
1814
+ color: #555;
1815
+ margin-left: 60px;
1816
+ margin-right: 15px;
1817
+ padding: 5px;
1818
+ position: relative;
1819
+ box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
1820
+ }
1821
+ .timeline > li > .timeline-item > .time {
1822
+ color: #999;
1823
+ float: right;
1824
+ margin: 2px 0 0 0;
1825
+ }
1826
+ .timeline > li > .timeline-item > .timeline-header {
1827
+ margin: 0;
1828
+ color: #555;
1829
+ border-bottom: 1px solid #f4f4f4;
1830
+ padding: 5px;
1831
+ font-size: 16px;
1832
+ line-height: 1.1;
1833
+ }
1834
+ .timeline > li > .timeline-item > .timeline-header > a {
1835
+ font-weight: 600;
1836
+ }
1837
+ .timeline > li > .timeline-item > .timeline-body,
1838
+ .timeline > li > .timeline-item > .timeline-footer {
1839
+ padding: 10px;
1840
+ }
1841
+ .timeline > li.time-label > span {
1842
+ font-weight: 600;
1843
+ padding: 5px;
1844
+ display: inline-block;
1845
+ background-color: #fff;
1846
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
1847
+ -webkit-border-radius: 4px;
1848
+ -moz-border-radius: 4px;
1849
+ border-radius: 4px;
1850
+ }
1851
+ .timeline > li > .fa,
1852
+ .timeline > li > .glyphicon,
1853
+ .timeline > li > .ion {
1854
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
1855
+ width: 30px;
1856
+ height: 30px;
1857
+ font-size: 15px;
1858
+ line-height: 30px;
1859
+ position: absolute;
1860
+ color: #666;
1861
+ background: #eee;
1862
+ border-radius: 50%;
1863
+ text-align: center;
1864
+ left: 18px;
1865
+ top: 0;
1866
+ }
1867
+ /*
1868
+ Component: Buttons
1869
+ -------------------------
1870
+ */
1871
+ .btn {
1872
+ font-weight: 500;
1873
+ -webkit-border-radius: 3px;
1874
+ -moz-border-radius: 3px;
1875
+ border-radius: 3px;
1876
+ border: 1px solid transparent;
1877
+ -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
1878
+ -moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
1879
+ box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.09);
1880
+ }
1881
+ .btn.btn-default {
1882
+ background-color: #fafafa;
1883
+ color: #666;
1884
+ border-color: #ddd;
1885
+ border-bottom-color: #ddd;
1886
+ }
1887
+ .btn.btn-default:hover,
1888
+ .btn.btn-default:active,
1889
+ .btn.btn-default.hover {
1890
+ background-color: #f4f4f4!important;
1891
+ }
1892
+ .btn.btn-default.btn-flat {
1893
+ border-bottom-color: #d9dadc;
1894
+ }
1895
+ .btn.btn-primary {
1896
+ background-color: #3c8dbc;
1897
+ border-color: #367fa9;
1898
+ }
1899
+ .btn.btn-primary:hover,
1900
+ .btn.btn-primary:active,
1901
+ .btn.btn-primary.hover {
1902
+ background-color: #367fa9;
1903
+ }
1904
+ .btn.btn-success {
1905
+ background-color: #00a65a;
1906
+ border-color: #008d4c;
1907
+ }
1908
+ .btn.btn-success:hover,
1909
+ .btn.btn-success:active,
1910
+ .btn.btn-success.hover {
1911
+ background-color: #008d4c;
1912
+ }
1913
+ .btn.btn-info {
1914
+ background-color: #00c0ef;
1915
+ border-color: #00acd6;
1916
+ }
1917
+ .btn.btn-info:hover,
1918
+ .btn.btn-info:active,
1919
+ .btn.btn-info.hover {
1920
+ background-color: #00acd6;
1921
+ }
1922
+ .btn.btn-danger {
1923
+ background-color: #f56954;
1924
+ border-color: #f4543c;
1925
+ }
1926
+ .btn.btn-danger:hover,
1927
+ .btn.btn-danger:active,
1928
+ .btn.btn-danger.hover {
1929
+ background-color: #f4543c;
1930
+ }
1931
+ .btn.btn-warning {
1932
+ background-color: #f39c12;
1933
+ border-color: #e08e0b;
1934
+ }
1935
+ .btn.btn-warning:hover,
1936
+ .btn.btn-warning:active,
1937
+ .btn.btn-warning.hover {
1938
+ background-color: #e08e0b;
1939
+ }
1940
+ .btn.btn-flat {
1941
+ -webkit-border-radius: 0;
1942
+ -moz-border-radius: 0;
1943
+ border-radius: 0;
1944
+ -webkit-box-shadow: none;
1945
+ -moz-box-shadow: none;
1946
+ box-shadow: none;
1947
+ border-width: 1px;
1948
+ }
1949
+ .btn:active {
1950
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1951
+ -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1952
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1953
+ }
1954
+ .btn:focus {
1955
+ outline: none;
1956
+ }
1957
+ .btn.btn-file {
1958
+ position: relative;
1959
+ width: 120px;
1960
+ height: 35px;
1961
+ overflow: hidden;
1962
+ }
1963
+ .btn.btn-file > input[type='file'] {
1964
+ display: block !important;
1965
+ width: 100% !important;
1966
+ height: 35px !important;
1967
+ opacity: 0 !important;
1968
+ position: absolute;
1969
+ top: -10px;
1970
+ cursor: pointer;
1971
+ }
1972
+ .btn.btn-app {
1973
+ position: relative;
1974
+ padding: 15px 5px;
1975
+ margin: 0 0 10px 10px;
1976
+ min-width: 80px;
1977
+ height: 60px;
1978
+ -webkit-box-shadow: none;
1979
+ -moz-box-shadow: none;
1980
+ box-shadow: none;
1981
+ -webkit-border-radius: 0;
1982
+ -moz-border-radius: 0;
1983
+ border-radius: 0;
1984
+ text-align: center;
1985
+ color: #666;
1986
+ border: 1px solid #ddd;
1987
+ background-color: #fafafa;
1988
+ font-size: 12px;
1989
+ }
1990
+ .btn.btn-app > .fa,
1991
+ .btn.btn-app > .glyphicon,
1992
+ .btn.btn-app > .ion {
1993
+ font-size: 20px;
1994
+ display: block;
1995
+ }
1996
+ .btn.btn-app:hover {
1997
+ background: #f4f4f4;
1998
+ color: #444;
1999
+ border-color: #aaa;
2000
+ }
2001
+ .btn.btn-app:active,
2002
+ .btn.btn-app:focus {
2003
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2004
+ -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2005
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2006
+ }
2007
+ .btn.btn-app > .badge {
2008
+ position: absolute;
2009
+ top: -3px;
2010
+ right: -10px;
2011
+ font-size: 10px;
2012
+ font-weight: 400;
2013
+ }
2014
+ .btn.btn-social-old {
2015
+ -webkit-box-shadow: none;
2016
+ -moz-box-shadow: none;
2017
+ box-shadow: none;
2018
+ opacity: 0.9;
2019
+ padding: 0;
2020
+ }
2021
+ .btn.btn-social-old > .fa {
2022
+ padding: 10px 0;
2023
+ width: 40px;
2024
+ }
2025
+ .btn.btn-social-old > .fa + span {
2026
+ border-left: 1px solid rgba(255, 255, 255, 0.3);
2027
+ }
2028
+ .btn.btn-social-old span {
2029
+ padding: 10px;
2030
+ }
2031
+ .btn.btn-social-old:hover {
2032
+ opacity: 1;
2033
+ }
2034
+ .btn.btn-circle {
2035
+ width: 30px;
2036
+ height: 30px;
2037
+ line-height: 30px;
2038
+ padding: 0;
2039
+ -webkit-border-radius: 50%;
2040
+ -moz-border-radius: 50%;
2041
+ border-radius: 50%;
2042
+ }
2043
+ /*
2044
+ Component: callout
2045
+ ------------------------
2046
+ */
2047
+ .callout {
2048
+ margin: 0 0 20px 0;
2049
+ padding: 15px 30px 15px 15px;
2050
+ border-left: 5px solid #eee;
2051
+ }
2052
+ .callout h4 {
2053
+ margin-top: 0;
2054
+ }
2055
+ .callout p:last-child {
2056
+ margin-bottom: 0;
2057
+ }
2058
+ .callout code,
2059
+ .callout .highlight {
2060
+ background-color: #fff;
2061
+ }
2062
+ .callout.callout-danger {
2063
+ background-color: #fcf2f2;
2064
+ border-color: #dFb5b4;
2065
+ }
2066
+ .callout.callout-warning {
2067
+ background-color: #fefbed;
2068
+ border-color: #f1e7bc;
2069
+ }
2070
+ .callout.callout-info {
2071
+ background-color: #f0f7fd;
2072
+ border-color: #d0e3f0;
2073
+ }
2074
+ .callout.callout-danger h4 {
2075
+ color: #B94A48;
2076
+ }
2077
+ .callout.callout-warning h4 {
2078
+ color: #C09853;
2079
+ }
2080
+ .callout.callout-info h4 {
2081
+ color: #3A87AD;
2082
+ }
2083
+ /*
2084
+ Component: alert
2085
+ ------------------------
2086
+ */
2087
+ .alert {
2088
+ padding-left: 30px;
2089
+ margin-left: 15px;
2090
+ position: relative;
2091
+ }
2092
+ .alert > .fa,
2093
+ .alert > .glyphicon {
2094
+ position: absolute;
2095
+ left: -15px;
2096
+ top: -15px;
2097
+ width: 35px;
2098
+ height: 35px;
2099
+ -webkit-border-radius: 50%;
2100
+ -moz-border-radius: 50%;
2101
+ border-radius: 50%;
2102
+ line-height: 35px;
2103
+ text-align: center;
2104
+ background: inherit;
2105
+ border: inherit;
2106
+ }
2107
+ /*
2108
+ Component: Navs
2109
+ */
2110
+ /* NAV PILLS */
2111
+ .nav.nav-pills > li > a {
2112
+ border-top: 3px solid transparent;
2113
+ -webkit-border-radius: 0;
2114
+ -moz-border-radius: 0;
2115
+ border-radius: 0;
2116
+ color: #444;
2117
+ }
2118
+ .nav.nav-pills > li > a > .fa,
2119
+ .nav.nav-pills > li > a > .glyphicon,
2120
+ .nav.nav-pills > li > a > .ion {
2121
+ margin-right: 5px;
2122
+ }
2123
+ .nav.nav-pills > li.active > a,
2124
+ .nav.nav-pills > li.active > a:hover {
2125
+ background-color: #f6f6f6;
2126
+ border-top-color: #3c8dbc;
2127
+ color: #444;
2128
+ }
2129
+ .nav.nav-pills > li.active > a {
2130
+ font-weight: 600;
2131
+ }
2132
+ .nav.nav-pills > li > a:hover {
2133
+ background-color: #f6f6f6;
2134
+ }
2135
+ .nav.nav-pills.nav-stacked > li > a {
2136
+ border-top: 0;
2137
+ border-left: 3px solid transparent;
2138
+ -webkit-border-radius: 0;
2139
+ -moz-border-radius: 0;
2140
+ border-radius: 0;
2141
+ color: #444;
2142
+ }
2143
+ .nav.nav-pills.nav-stacked > li.active > a,
2144
+ .nav.nav-pills.nav-stacked > li.active > a:hover {
2145
+ background-color: #f6f6f6;
2146
+ border-left-color: #3c8dbc;
2147
+ color: #444;
2148
+ }
2149
+ .nav.nav-pills.nav-stacked > li.header {
2150
+ border-bottom: 1px solid #ddd;
2151
+ color: #777;
2152
+ margin-bottom: 10px;
2153
+ padding: 5px 10px;
2154
+ text-transform: uppercase;
2155
+ }
2156
+ /* NAV TABS */
2157
+ .nav-tabs-custom {
2158
+ margin-bottom: 20px;
2159
+ background: #fff;
2160
+ box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
2161
+ }
2162
+ .nav-tabs-custom > .nav-tabs {
2163
+ margin: 0;
2164
+ border-bottom-color: #f4f4f4;
2165
+ }
2166
+ .nav-tabs-custom > .nav-tabs > li {
2167
+ border-top: 3px solid transparent;
2168
+ margin-bottom: -2px;
2169
+ margin-right: 5px;
2170
+ }
2171
+ .nav-tabs-custom > .nav-tabs > li > a {
2172
+ -webkit-border-radius: 0 !important;
2173
+ -moz-border-radius: 0 !important;
2174
+ border-radius: 0 !important;
2175
+ }
2176
+ .nav-tabs-custom > .nav-tabs > li > a,
2177
+ .nav-tabs-custom > .nav-tabs > li > a:hover {
2178
+ background: transparent;
2179
+ margin: 0;
2180
+ }
2181
+ .nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,
2182
+ .nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,
2183
+ .nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
2184
+ border-color: transparent;
2185
+ }
2186
+ .nav-tabs-custom > .nav-tabs > li.active {
2187
+ border-top-color: #3c8dbc;
2188
+ }
2189
+ .nav-tabs-custom > .nav-tabs > li.active > a,
2190
+ .nav-tabs-custom > .nav-tabs > li.active:hover > a {
2191
+ background-color: #fff;
2192
+ }
2193
+ .nav-tabs-custom > .nav-tabs > li.active > a {
2194
+ border-top: 0;
2195
+ border-left-color: #f4f4f4;
2196
+ border-right-color: #f4f4f4;
2197
+ }
2198
+ .nav-tabs-custom > .nav-tabs > li:first-of-type {
2199
+ margin-left: 0px;
2200
+ }
2201
+ .nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
2202
+ border-left-width: 0;
2203
+ }
2204
+ .nav-tabs-custom > .nav-tabs.pull-right {
2205
+ float: none!important;
2206
+ }
2207
+ .nav-tabs-custom > .nav-tabs.pull-right > li {
2208
+ float: right;
2209
+ }
2210
+ .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
2211
+ margin-right: 0px;
2212
+ }
2213
+ .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
2214
+ border-left-width: 1px;
2215
+ border-right-width: 0px;
2216
+ }
2217
+ .nav-tabs-custom > .nav-tabs > li.header {
2218
+ font-weight: 400;
2219
+ line-height: 35px;
2220
+ padding: 0 10px;
2221
+ font-size: 20px;
2222
+ color: #444;
2223
+ cursor: default;
2224
+ }
2225
+ .nav-tabs-custom > .nav-tabs > li.header > .fa,
2226
+ .nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
2227
+ .nav-tabs-custom > .nav-tabs > li.header > .ion {
2228
+ margin-right: 10px;
2229
+ }
2230
+ .nav-tabs-custom > .tab-content {
2231
+ background: #fff;
2232
+ padding: 10px;
2233
+ }
2234
+ /* Nav tabs bottom */
2235
+ .tabs-bottom.nav-3 li a {
2236
+ width: 3333.33333333% !important;
2237
+ }
2238
+ .tabs-bottom li a {
2239
+ border: 0;
2240
+ }
2241
+ /* PAGINATION */
2242
+ .pagination > li > a {
2243
+ background: #fafafa;
2244
+ color: #666;
2245
+ -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
2246
+ -moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
2247
+ box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.09);
2248
+ }
2249
+ .pagination > li:first-of-type a,
2250
+ .pagination > li:last-of-type a {
2251
+ -webkit-border-radius: 0;
2252
+ -moz-border-radius: 0;
2253
+ border-radius: 0;
2254
+ }
2255
+ /*
2256
+ Component: Mailbox
2257
+ */
2258
+ .mailbox .table-mailbox {
2259
+ border-left: 1px solid #ddd;
2260
+ border-right: 1px solid #ddd;
2261
+ border-bottom: 1px solid #ddd;
2262
+ }
2263
+ .mailbox .table-mailbox tr.unread > td {
2264
+ background-color: rgba(0, 0, 0, 0.05);
2265
+ color: #000;
2266
+ font-weight: 600;
2267
+ }
2268
+ .mailbox .table-mailbox tr > td > .fa.fa-star,
2269
+ .mailbox .table-mailbox tr > td > .fa.fa-star-o,
2270
+ .mailbox .table-mailbox tr > td > .glyphicon.glyphicon-star,
2271
+ .mailbox .table-mailbox tr > td > .glyphicon.glyphicon-star-empty {
2272
+ color: #f39c12;
2273
+ cursor: pointer;
2274
+ }
2275
+ .mailbox .table-mailbox tr > td.small-col {
2276
+ width: 30px;
2277
+ }
2278
+ .mailbox .table-mailbox tr > td.name {
2279
+ width: 150px;
2280
+ font-weight: 600;
2281
+ }
2282
+ .mailbox .table-mailbox tr > td.time {
2283
+ text-align: right;
2284
+ width: 100px;
2285
+ }
2286
+ .mailbox .table-mailbox tr > td {
2287
+ white-space: nowrap;
2288
+ }
2289
+ .mailbox .table-mailbox tr > td > a {
2290
+ color: #444;
2291
+ }
2292
+ @media screen and (max-width: 767px) {
2293
+ .mailbox .nav-stacked > li:not(.header) {
2294
+ float: left;
2295
+ width: 50%;
2296
+ }
2297
+ .mailbox .nav-stacked > li:not(.header).header {
2298
+ border: 0!important;
2299
+ }
2300
+ .mailbox .search-form {
2301
+ margin-top: 10px;
2302
+ }
2303
+ }
2304
+ /*
2305
+ Page: locked screen
2306
+ */
2307
+ /* ADD THIS CLASS TO THE <HTML> TAG */
2308
+ .lockscreen {
2309
+ background: img-url("blur-background09.jpg") repeat center center fixed;
2310
+ -webkit-background-size: cover;
2311
+ -moz-background-size: cover;
2312
+ -o-background-size: cover;
2313
+ background-size: cover;
2314
+ }
2315
+ /* Remove the background from the body element */
2316
+ .lockscreen > body {
2317
+ background: transparent;
2318
+ }
2319
+ /* We will put the dynamically generated digital clock here */
2320
+ .lockscreen .headline {
2321
+ color: #fff;
2322
+ text-shadow: 1px 3px 5px rgba(0, 0, 0, 0.5);
2323
+ font-weight: 300;
2324
+ -webkit-font-smoothing: antialiased !important;
2325
+ opacity: 0.8;
2326
+ margin: 10px 0 30px 0;
2327
+ font-size: 90px;
2328
+ }
2329
+ @media screen and (max-width: 480px) {
2330
+ .lockscreen .headline {
2331
+ font-size: 60px;
2332
+ margin-bottom: 40px;
2333
+ }
2334
+ }
2335
+ /* User name [optional] */
2336
+ .lockscreen .lockscreen-name {
2337
+ text-align: center;
2338
+ font-weight: 600;
2339
+ font-size: 16px;
2340
+ }
2341
+ /* Will contain the image and the sign in form */
2342
+ .lockscreen-item {
2343
+ padding: 0;
2344
+ background: #fff;
2345
+ position: relative;
2346
+ -webkit-border-radius: 4px;
2347
+ -moz-border-radius: 4px;
2348
+ border-radius: 4px;
2349
+ margin: 10px auto;
2350
+ width: 290px;
2351
+ }
2352
+ .lockscreen-item:before,
2353
+ .lockscreen-item:after {
2354
+ display: table;
2355
+ content: " ";
2356
+ }
2357
+ .lockscreen-item:after {
2358
+ clear: both;
2359
+ }
2360
+ /* User image */
2361
+ .lockscreen-item > .lockscreen-image {
2362
+ position: absolute;
2363
+ left: -10px;
2364
+ top: -30px;
2365
+ background: #fff;
2366
+ padding: 10px;
2367
+ -webkit-border-radius: 50%;
2368
+ -moz-border-radius: 50%;
2369
+ border-radius: 50%;
2370
+ z-index: 10;
2371
+ }
2372
+ .lockscreen-item > .lockscreen-image > img {
2373
+ width: 70px;
2374
+ height: 70px;
2375
+ -webkit-border-radius: 50%;
2376
+ -moz-border-radius: 50%;
2377
+ border-radius: 50%;
2378
+ }
2379
+ /* Contains the password input and the login button */
2380
+ .lockscreen-item > .lockscreen-credentials {
2381
+ margin-left: 80px;
2382
+ }
2383
+ .lockscreen-item > .lockscreen-credentials input {
2384
+ border: 0 !important;
2385
+ }
2386
+ .lockscreen-item > .lockscreen-credentials .btn {
2387
+ background-color: #fff;
2388
+ border: 0;
2389
+ }
2390
+ /* Extra to give the user an option to navigate the website [optional]*/
2391
+ .lockscreen-link {
2392
+ margin-top: 30px;
2393
+ text-align: center;
2394
+ }
2395
+ /*
2396
+ Page: register and login
2397
+ */
2398
+ .form-box {
2399
+ width: 360px;
2400
+ margin: 90px auto 0 auto;
2401
+ }
2402
+ .form-box .header {
2403
+ -webkit-border-top-left-radius: 4px;
2404
+ -webkit-border-top-right-radius: 4px;
2405
+ -webkit-border-bottom-right-radius: 0;
2406
+ -webkit-border-bottom-left-radius: 0;
2407
+ -moz-border-radius-topleft: 4px;
2408
+ -moz-border-radius-topright: 4px;
2409
+ -moz-border-radius-bottomright: 0;
2410
+ -moz-border-radius-bottomleft: 0;
2411
+ border-top-left-radius: 4px;
2412
+ border-top-right-radius: 4px;
2413
+ border-bottom-right-radius: 0;
2414
+ border-bottom-left-radius: 0;
2415
+ background: #3d9970;
2416
+ box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.2);
2417
+ padding: 20px 10px;
2418
+ text-align: center;
2419
+ font-size: 26px;
2420
+ font-weight: 300;
2421
+ color: #fff;
2422
+ }
2423
+ .form-box .body,
2424
+ .form-box .footer {
2425
+ padding: 10px 20px;
2426
+ background: #fff;
2427
+ color: #444;
2428
+ }
2429
+ .form-box .body > .form-group,
2430
+ .form-box .footer > .form-group {
2431
+ margin-top: 20px;
2432
+ }
2433
+ .form-box .body > .form-group > input,
2434
+ .form-box .footer > .form-group > input {
2435
+ border: #fff;
2436
+ }
2437
+ .form-box .body > .btn,
2438
+ .form-box .footer > .btn {
2439
+ margin-bottom: 10px;
2440
+ }
2441
+ .form-box .footer {
2442
+ -webkit-border-top-left-radius: 0;
2443
+ -webkit-border-top-right-radius: 0;
2444
+ -webkit-border-bottom-right-radius: 4px;
2445
+ -webkit-border-bottom-left-radius: 4px;
2446
+ -moz-border-radius-topleft: 0;
2447
+ -moz-border-radius-topright: 0;
2448
+ -moz-border-radius-bottomright: 4px;
2449
+ -moz-border-radius-bottomleft: 4px;
2450
+ border-top-left-radius: 0;
2451
+ border-top-right-radius: 0;
2452
+ border-bottom-right-radius: 4px;
2453
+ border-bottom-left-radius: 4px;
2454
+ }
2455
+ @media (max-width: 767px) {
2456
+ .form-box {
2457
+ width: 90%;
2458
+ }
2459
+ }
2460
+ /*
2461
+ Page: 404 and 500 error pages
2462
+ ------------------------------------
2463
+ */
2464
+ .error-page {
2465
+ width: 600px;
2466
+ margin: 20px auto 0 auto;
2467
+ }
2468
+ @media screen and (max-width: 767px) {
2469
+ .error-page {
2470
+ width: 100%;
2471
+ }
2472
+ }
2473
+ .error-page > .headline {
2474
+ float: left;
2475
+ font-size: 100px;
2476
+ font-weight: 300;
2477
+ }
2478
+ @media screen and (max-width: 767px) {
2479
+ .error-page > .headline {
2480
+ float: none;
2481
+ text-align: center;
2482
+ }
2483
+ }
2484
+ .error-page > .error-content {
2485
+ margin-left: 190px;
2486
+ display: block;
2487
+ }
2488
+ @media screen and (max-width: 767px) {
2489
+ .error-page > .error-content {
2490
+ margin-left: 0;
2491
+ }
2492
+ }
2493
+ .error-page > .error-content > h3 {
2494
+ font-weight: 300;
2495
+ font-size: 25px;
2496
+ }
2497
+ @media screen and (max-width: 767px) {
2498
+ .error-page > .error-content > h3 {
2499
+ text-align: center;
2500
+ }
2501
+ }
2502
+ .error-page:before,
2503
+ .error-page:after {
2504
+ display: table;
2505
+ content: " ";
2506
+ }
2507
+ .error-page:after {
2508
+ clear: both;
2509
+ }
2510
+ /*
2511
+ Page: Invoice
2512
+ */
2513
+ .invoice {
2514
+ position: relative;
2515
+ width: 90%;
2516
+ margin: 10px auto;
2517
+ background: #fff;
2518
+ border: 1px solid #f4f4f4;
2519
+ }
2520
+ .invoice-title {
2521
+ margin-top: 0;
2522
+ }
2523
+ /* Enhancement for printing */
2524
+ @media print {
2525
+ .invoice {
2526
+ width: 100%;
2527
+ border: 0;
2528
+ margin: 0;
2529
+ padding: 0;
2530
+ }
2531
+ .invoice-col {
2532
+ float: left;
2533
+ width: 33.3333333%;
2534
+ }
2535
+ .table-responsive {
2536
+ overflow: auto;
2537
+ }
2538
+ .table-responsive > .table tr th,
2539
+ .table-responsive > .table tr td {
2540
+ white-space: normal!important;
2541
+ }
2542
+ }
2543
+ /*
2544
+ Skins
2545
+ -----
2546
+ */
2547
+ /*
2548
+ Skin Blue
2549
+ ---------
2550
+ */
2551
+ /* skin-blue navbar */
2552
+ .skin-blue .navbar {
2553
+ background-color: #3c8dbc;
2554
+ }
2555
+ .skin-blue .navbar .nav a {
2556
+ color: rgba(255, 255, 255, 0.8);
2557
+ }
2558
+ .skin-blue .navbar .nav > li > a:hover,
2559
+ .skin-blue .navbar .nav > li > a:active,
2560
+ .skin-blue .navbar .nav > li > a:focus,
2561
+ .skin-blue .navbar .nav .open > a,
2562
+ .skin-blue .navbar .nav .open > a:hover,
2563
+ .skin-blue .navbar .nav .open > a:focus {
2564
+ background: rgba(0, 0, 0, 0.1);
2565
+ color: #f6f6f6;
2566
+ }
2567
+ .skin-blue .navbar .navbar-right > .nav {
2568
+ margin-right: 10px;
2569
+ }
2570
+ .skin-blue .navbar .sidebar-toggle .icon-bar {
2571
+ background: rgba(255, 255, 255, 0.8);
2572
+ }
2573
+ .skin-blue .navbar .sidebar-toggle:hover .icon-bar {
2574
+ background: #f6f6f6 !important;
2575
+ }
2576
+ /* skin-blue logo */
2577
+ .skin-blue .logo {
2578
+ background-color: #367fa9;
2579
+ color: #f9f9f9;
2580
+ }
2581
+ .skin-blue .logo > a {
2582
+ color: #f9f9f9;
2583
+ }
2584
+ .skin-blue .logo:hover {
2585
+ background: #357ca5;
2586
+ }
2587
+ /* skin-blue content header */
2588
+ .skin-blue .right-side > .content-header {
2589
+ background: #fbfbfb;
2590
+ box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
2591
+ }
2592
+ /* Skin-blue user panel */
2593
+ .skin-blue .user-panel > .image > img {
2594
+ border: 1px solid #dfdfdf;
2595
+ }
2596
+ .skin-blue .user-panel > .info,
2597
+ .skin-blue .user-panel > .info > a {
2598
+ color: #555555;
2599
+ }
2600
+ /* skin-blue sidebar */
2601
+ .skin-blue .sidebar {
2602
+ border-bottom: 1px solid #fff;
2603
+ }
2604
+ .skin-blue .sidebar > .sidebar-menu > li {
2605
+ border-top: 1px solid #fff;
2606
+ border-bottom: 1px solid #dbdbdb;
2607
+ }
2608
+ .skin-blue .sidebar > .sidebar-menu > li:first-of-type {
2609
+ border-top: 1px solid #dbdbdb;
2610
+ }
2611
+ .skin-blue .sidebar > .sidebar-menu > li:first-of-type > a {
2612
+ border-top: 1px solid #fff;
2613
+ }
2614
+ .skin-blue .sidebar > .sidebar-menu > li > a {
2615
+ margin-right: 1px;
2616
+ }
2617
+ .skin-blue .sidebar > .sidebar-menu > li > a:hover,
2618
+ .skin-blue .sidebar > .sidebar-menu > li.active > a {
2619
+ color: #222;
2620
+ background: #f9f9f9;
2621
+ }
2622
+ .skin-blue .sidebar > .sidebar-menu > li > .treeview-menu {
2623
+ margin: 0 1px;
2624
+ background: #f9f9f9;
2625
+ }
2626
+ .skin-blue .left-side {
2627
+ background: #f4f4f4;
2628
+ -webkit-box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.1);
2629
+ -moz-box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.1);
2630
+ box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.07);
2631
+ }
2632
+ .skin-blue .sidebar a {
2633
+ color: #555555;
2634
+ }
2635
+ .skin-blue .sidebar a:hover {
2636
+ text-decoration: none;
2637
+ }
2638
+ .skin-blue .treeview-menu > li > a {
2639
+ color: #777;
2640
+ }
2641
+ .skin-blue .treeview-menu > li.active > a,
2642
+ .skin-blue .treeview-menu > li > a:hover {
2643
+ color: #111;
2644
+ }
2645
+ .skin-blue .sidebar-form {
2646
+ -webkit-border-radius: 2px;
2647
+ -moz-border-radius: 2px;
2648
+ border-radius: 2px;
2649
+ border: 1px solid #dbdbdb;
2650
+ margin: 10px 10px;
2651
+ }
2652
+ .skin-blue .sidebar-form input[type="text"],
2653
+ .skin-blue .sidebar-form .btn {
2654
+ box-shadow: none;
2655
+ background-color: #fafafa;
2656
+ border: 1px solid #fafafa;
2657
+ height: 35px;
2658
+ }
2659
+ .skin-blue .sidebar-form input[type="text"] {
2660
+ color: #666;
2661
+ -webkit-border-top-left-radius: 2px !important;
2662
+ -webkit-border-top-right-radius: 0 !important;
2663
+ -webkit-border-bottom-right-radius: 0 !important;
2664
+ -webkit-border-bottom-left-radius: 2px !important;
2665
+ -moz-border-radius-topleft: 2px !important;
2666
+ -moz-border-radius-topright: 0 !important;
2667
+ -moz-border-radius-bottomright: 0 !important;
2668
+ -moz-border-radius-bottomleft: 2px !important;
2669
+ border-top-left-radius: 2px !important;
2670
+ border-top-right-radius: 0 !important;
2671
+ border-bottom-right-radius: 0 !important;
2672
+ border-bottom-left-radius: 2px !important;
2673
+ }
2674
+ .skin-blue .sidebar-form input[type="text"]:focus,
2675
+ .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
2676
+ background-color: #fff;
2677
+ color: #666;
2678
+ }
2679
+ .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
2680
+ border-left-color: #fff;
2681
+ }
2682
+ .skin-blue .sidebar-form .btn {
2683
+ color: #999;
2684
+ -webkit-border-top-left-radius: 0 !important;
2685
+ -webkit-border-top-right-radius: 2px !important;
2686
+ -webkit-border-bottom-right-radius: 2px !important;
2687
+ -webkit-border-bottom-left-radius: 0 !important;
2688
+ -moz-border-radius-topleft: 0 !important;
2689
+ -moz-border-radius-topright: 2px !important;
2690
+ -moz-border-radius-bottomright: 2px !important;
2691
+ -moz-border-radius-bottomleft: 0 !important;
2692
+ border-top-left-radius: 0 !important;
2693
+ border-top-right-radius: 2px !important;
2694
+ border-bottom-right-radius: 2px !important;
2695
+ border-bottom-left-radius: 0 !important;
2696
+ }
2697
+ /*
2698
+ Skin Black
2699
+ --------
2700
+ */
2701
+ /* skin-black navbar */
2702
+ .skin-black .navbar {
2703
+ background-color: #ffffff;
2704
+ border-bottom: 1px solid #eee;
2705
+ }
2706
+ .skin-black .navbar .nav a {
2707
+ color: #333333;
2708
+ }
2709
+ .skin-black .navbar .nav > li > a:hover,
2710
+ .skin-black .navbar .nav > li > a:active,
2711
+ .skin-black .navbar .nav > li > a:focus,
2712
+ .skin-black .navbar .nav .open > a,
2713
+ .skin-black .navbar .nav .open > a:hover,
2714
+ .skin-black .navbar .nav .open > a:focus {
2715
+ background: #ffffff;
2716
+ color: #999999;
2717
+ }
2718
+ .skin-black .navbar .navbar-right > .nav {
2719
+ margin-right: 10px;
2720
+ }
2721
+ .skin-black .navbar .sidebar-toggle .icon-bar {
2722
+ background: #333333;
2723
+ }
2724
+ .skin-black .navbar .sidebar-toggle:hover .icon-bar {
2725
+ background: #999999 !important;
2726
+ }
2727
+ /* skin-black logo */
2728
+ .skin-black .logo {
2729
+ background-color: #333333;
2730
+ color: #f9f9f9;
2731
+ }
2732
+ .skin-black .logo > a {
2733
+ color: #f9f9f9;
2734
+ }
2735
+ .skin-black .logo:hover {
2736
+ background: #303030;
2737
+ }
2738
+ /* skin-black content header */
2739
+ .skin-black .right-side > .content-header {
2740
+ background: transparent;
2741
+ box-shadow: none;
2742
+ }
2743
+ /* Skin-red user panel */
2744
+ .skin-black .user-panel > .image > img {
2745
+ border: 1px solid #444;
2746
+ }
2747
+ .skin-black .user-panel > .info,
2748
+ .skin-black .user-panel > .info > a {
2749
+ color: #eee;
2750
+ }
2751
+ /* skin-black sidebar */
2752
+ .skin-black .sidebar {
2753
+ border-bottom: 1px solid #333;
2754
+ }
2755
+ .skin-black .sidebar > .sidebar-menu > li {
2756
+ border-top: 1px solid #333;
2757
+ border-bottom: 0px solid #444;
2758
+ }
2759
+ .skin-black .sidebar > .sidebar-menu > li:first-of-type {
2760
+ border-top: 1px solid #444;
2761
+ }
2762
+ .skin-black .sidebar > .sidebar-menu > li:first-of-type > a {
2763
+ border-top: 0px solid #333;
2764
+ }
2765
+ .skin-black .sidebar > .sidebar-menu > li > a {
2766
+ margin-right: 1px;
2767
+ }
2768
+ .skin-black .sidebar > .sidebar-menu > li > a:hover,
2769
+ .skin-black .sidebar > .sidebar-menu > li.active > a {
2770
+ color: #f6f6f6;
2771
+ background: #444;
2772
+ }
2773
+ .skin-black .sidebar > .sidebar-menu > li > .treeview-menu {
2774
+ margin: 0 1px;
2775
+ background: #444;
2776
+ }
2777
+ .skin-black .left-side {
2778
+ background: #333;
2779
+ }
2780
+ .skin-black .sidebar a {
2781
+ color: #eee;
2782
+ }
2783
+ .skin-black .sidebar a:hover {
2784
+ text-decoration: none;
2785
+ }
2786
+ .skin-black .treeview-menu > li > a {
2787
+ color: #ccc;
2788
+ }
2789
+ .skin-black .treeview-menu > li.active > a,
2790
+ .skin-black .treeview-menu > li > a:hover {
2791
+ color: #fff;
2792
+ }
2793
+ .skin-black .sidebar-form {
2794
+ -webkit-border-radius: 2px;
2795
+ -moz-border-radius: 2px;
2796
+ border-radius: 2px;
2797
+ border: 0px solid #555;
2798
+ margin: 10px 10px;
2799
+ }
2800
+ .skin-black .sidebar-form input[type="text"],
2801
+ .skin-black .sidebar-form .btn {
2802
+ box-shadow: none;
2803
+ background-color: rgba(255, 255, 255, 0.1);
2804
+ border: 0 solid rgba(255, 255, 255, 0.1);
2805
+ height: 35px;
2806
+ outline: none;
2807
+ }
2808
+ .skin-black .sidebar-form input[type="text"] {
2809
+ color: #666;
2810
+ -webkit-border-top-left-radius: 2px !important;
2811
+ -webkit-border-top-right-radius: 0 !important;
2812
+ -webkit-border-bottom-right-radius: 0 !important;
2813
+ -webkit-border-bottom-left-radius: 2px !important;
2814
+ -moz-border-radius-topleft: 2px !important;
2815
+ -moz-border-radius-topright: 0 !important;
2816
+ -moz-border-radius-bottomright: 0 !important;
2817
+ -moz-border-radius-bottomleft: 2px !important;
2818
+ border-top-left-radius: 2px !important;
2819
+ border-top-right-radius: 0 !important;
2820
+ border-bottom-right-radius: 0 !important;
2821
+ border-bottom-left-radius: 2px !important;
2822
+ }
2823
+ .skin-black .sidebar-form input[type="text"]:focus,
2824
+ .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
2825
+ background-color: #444;
2826
+ border: 0;
2827
+ }
2828
+ .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
2829
+ border-left: 0;
2830
+ }
2831
+ .skin-black .sidebar-form .btn {
2832
+ color: #999;
2833
+ -webkit-border-top-left-radius: 0 !important;
2834
+ -webkit-border-top-right-radius: 2px !important;
2835
+ -webkit-border-bottom-right-radius: 2px !important;
2836
+ -webkit-border-bottom-left-radius: 0 !important;
2837
+ -moz-border-radius-topleft: 0 !important;
2838
+ -moz-border-radius-topright: 2px !important;
2839
+ -moz-border-radius-bottomright: 2px !important;
2840
+ -moz-border-radius-bottomleft: 0 !important;
2841
+ border-top-left-radius: 0 !important;
2842
+ border-top-right-radius: 2px !important;
2843
+ border-bottom-right-radius: 2px !important;
2844
+ border-bottom-left-radius: 0 !important;
2845
+ border-left: 0;
2846
+ }
2847
+ /*!
2848
+ * iCheck v1.0.1, http://git.io/arlzeA
2849
+ * =================================
2850
+ * Powerful jQuery and Zepto plugin for checkboxes and radio buttons customization
2851
+ *
2852
+ * (c) 2013 Damir Sultanov, http://fronteed.com
2853
+ * MIT Licensed
2854
+ */
2855
+ /* iCheck plugin Minimal skin, black
2856
+ ----------------------------------- */
2857
+ .icheckbox_minimal,
2858
+ .iradio_minimal {
2859
+ display: inline-block;
2860
+ *display: inline;
2861
+ vertical-align: middle;
2862
+ margin: 0;
2863
+ padding: 0;
2864
+ width: 18px;
2865
+ height: 18px;
2866
+ background: rgba(255, 255, 255, 0.7) url(iCheck/minimal/minimal.png) no-repeat;
2867
+ border: none;
2868
+ cursor: pointer;
2869
+ }
2870
+ .icheckbox_minimal {
2871
+ background-position: 0 0;
2872
+ }
2873
+ .icheckbox_minimal.hover {
2874
+ background-position: -20px 0;
2875
+ }
2876
+ .icheckbox_minimal.checked {
2877
+ background-position: -40px 0;
2878
+ }
2879
+ .icheckbox_minimal.disabled {
2880
+ background-position: -60px 0;
2881
+ cursor: default;
2882
+ }
2883
+ .icheckbox_minimal.checked.disabled {
2884
+ background-position: -80px 0;
2885
+ }
2886
+ .iradio_minimal {
2887
+ background-position: -100px 0;
2888
+ }
2889
+ .iradio_minimal.hover {
2890
+ background-position: -120px 0;
2891
+ }
2892
+ .iradio_minimal.checked {
2893
+ background-position: -140px 0;
2894
+ }
2895
+ .iradio_minimal.disabled {
2896
+ background-position: -160px 0;
2897
+ cursor: default;
2898
+ }
2899
+ .iradio_minimal.checked.disabled {
2900
+ background-position: -180px 0;
2901
+ }
2902
+ /* Retina support */
2903
+ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
2904
+ .icheckbox_minimal,
2905
+ .iradio_minimal {
2906
+ background-image: url('iCheck/minimal/minimal@2x.png');
2907
+ -webkit-background-size: 200px 20px;
2908
+ background-size: 200px 20px;
2909
+ }
2910
+ }
2911
+ .pace .pace-progress {
2912
+ background: #00c0ef;
2913
+ position: fixed;
2914
+ z-index: 2000;
2915
+ top: 0;
2916
+ left: 0;
2917
+ height: 2px;
2918
+ -webkit-transition: width 1s;
2919
+ -moz-transition: width 1s;
2920
+ -o-transition: width 1s;
2921
+ transition: width 1s;
2922
+ }
2923
+ .pace-inactive {
2924
+ display: none;
2925
+ }
2926
+ /*
2927
+ * Social Buttons for Bootstrap
2928
+ *
2929
+ * Copyright 2013-2014 Panayiotis Lipiridis
2930
+ * Licensed under the MIT License
2931
+ *
2932
+ * https://github.com/lipis/bootstrap-social
2933
+ *
2934
+ * Note: this file has been altered to work correctly with AdminLTE
2935
+ */
2936
+ .btn-social {
2937
+ position: relative;
2938
+ padding-left: 44px !important;
2939
+ text-align: left;
2940
+ white-space: nowrap;
2941
+ overflow: hidden;
2942
+ text-overflow: ellipsis;
2943
+ }
2944
+ .btn-social :first-child {
2945
+ position: absolute;
2946
+ left: 0;
2947
+ top: 0;
2948
+ bottom: 0;
2949
+ width: 32px !important;
2950
+ line-height: 34px !important;
2951
+ font-size: 1.6em!important;
2952
+ text-align: center;
2953
+ border-right: 1px solid rgba(0, 0, 0, 0.2);
2954
+ }
2955
+ .btn-social.btn-lg {
2956
+ padding-left: 60px !important;
2957
+ }
2958
+ .btn-social.btn-lg :first-child {
2959
+ line-height: 45px;
2960
+ width: 45px;
2961
+ font-size: 1.8em;
2962
+ }
2963
+ .btn-social.btn-sm {
2964
+ padding-left: 38px !important;
2965
+ }
2966
+ .btn-social.btn-sm :first-child {
2967
+ line-height: 28px;
2968
+ width: 28px;
2969
+ font-size: 1.4em;
2970
+ }
2971
+ .btn-social.btn-xs {
2972
+ padding-left: 30px !important;
2973
+ }
2974
+ .btn-social.btn-xs :first-child {
2975
+ line-height: 20px;
2976
+ width: 20px;
2977
+ font-size: 1.2em;
2978
+ }
2979
+ .btn-social-icon {
2980
+ position: relative;
2981
+ padding-left: 44px !important;
2982
+ text-align: left;
2983
+ white-space: nowrap;
2984
+ overflow: hidden;
2985
+ text-overflow: ellipsis;
2986
+ height: 34px;
2987
+ width: 34px;
2988
+ padding: 0;
2989
+ }
2990
+ .btn-social-icon :first-child {
2991
+ position: absolute;
2992
+ left: 0;
2993
+ top: 0;
2994
+ bottom: 0;
2995
+ width: 32px !important;
2996
+ line-height: 34px !important;
2997
+ font-size: 1.6em!important;
2998
+ text-align: center;
2999
+ border-right: 1px solid rgba(0, 0, 0, 0.2);
3000
+ }
3001
+ .btn-social-icon.btn-lg {
3002
+ padding-left: 60px !important;
3003
+ }
3004
+ .btn-social-icon.btn-lg :first-child {
3005
+ line-height: 45px;
3006
+ width: 45px;
3007
+ font-size: 1.8em;
3008
+ }
3009
+ .btn-social-icon.btn-sm {
3010
+ padding-left: 38px !important;
3011
+ }
3012
+ .btn-social-icon.btn-sm :first-child {
3013
+ line-height: 28px;
3014
+ width: 28px;
3015
+ font-size: 1.4em;
3016
+ }
3017
+ .btn-social-icon.btn-xs {
3018
+ padding-left: 30px !important;
3019
+ }
3020
+ .btn-social-icon.btn-xs :first-child {
3021
+ line-height: 20px;
3022
+ width: 20px;
3023
+ font-size: 1.2em;
3024
+ }
3025
+ .btn-social-icon :first-child {
3026
+ border: none;
3027
+ text-align: center;
3028
+ width: 100%!important;
3029
+ }
3030
+ .btn-social-icon.btn-lg {
3031
+ height: 45px;
3032
+ width: 45px;
3033
+ padding-left: 0;
3034
+ padding-right: 0;
3035
+ }
3036
+ .btn-social-icon.btn-sm {
3037
+ height: 30px;
3038
+ width: 30px;
3039
+ padding-left: 0;
3040
+ padding-right: 0;
3041
+ }
3042
+ .btn-social-icon.btn-xs {
3043
+ height: 22px;
3044
+ width: 22px;
3045
+ padding-left: 0;
3046
+ padding-right: 0;
3047
+ }
3048
+ .btn-bitbucket {
3049
+ color: #ffffff;
3050
+ background-color: #205081;
3051
+ border-color: rgba(0, 0, 0, 0.2);
3052
+ }
3053
+ .btn-bitbucket:hover,
3054
+ .btn-bitbucket:focus,
3055
+ .btn-bitbucket:active,
3056
+ .btn-bitbucket.active,
3057
+ .open .dropdown-toggle.btn-bitbucket {
3058
+ color: #ffffff;
3059
+ background-color: #183c60;
3060
+ border-color: rgba(0, 0, 0, 0.2);
3061
+ }
3062
+ .btn-bitbucket:active,
3063
+ .btn-bitbucket.active,
3064
+ .open .dropdown-toggle.btn-bitbucket {
3065
+ background-image: none;
3066
+ }
3067
+ .btn-bitbucket.disabled,
3068
+ .btn-bitbucket[disabled],
3069
+ fieldset[disabled] .btn-bitbucket,
3070
+ .btn-bitbucket.disabled:hover,
3071
+ .btn-bitbucket[disabled]:hover,
3072
+ fieldset[disabled] .btn-bitbucket:hover,
3073
+ .btn-bitbucket.disabled:focus,
3074
+ .btn-bitbucket[disabled]:focus,
3075
+ fieldset[disabled] .btn-bitbucket:focus,
3076
+ .btn-bitbucket.disabled:active,
3077
+ .btn-bitbucket[disabled]:active,
3078
+ fieldset[disabled] .btn-bitbucket:active,
3079
+ .btn-bitbucket.disabled.active,
3080
+ .btn-bitbucket[disabled].active,
3081
+ fieldset[disabled] .btn-bitbucket.active {
3082
+ background-color: #205081;
3083
+ border-color: rgba(0, 0, 0, 0.2);
3084
+ }
3085
+ .btn-bitbucket .badge {
3086
+ color: #205081;
3087
+ background-color: #ffffff;
3088
+ }
3089
+ .btn-dropbox {
3090
+ color: #ffffff;
3091
+ background-color: #1087dd;
3092
+ border-color: rgba(0, 0, 0, 0.2);
3093
+ }
3094
+ .btn-dropbox:hover,
3095
+ .btn-dropbox:focus,
3096
+ .btn-dropbox:active,
3097
+ .btn-dropbox.active,
3098
+ .open .dropdown-toggle.btn-dropbox {
3099
+ color: #ffffff;
3100
+ background-color: #0d70b7;
3101
+ border-color: rgba(0, 0, 0, 0.2);
3102
+ }
3103
+ .btn-dropbox:active,
3104
+ .btn-dropbox.active,
3105
+ .open .dropdown-toggle.btn-dropbox {
3106
+ background-image: none;
3107
+ }
3108
+ .btn-dropbox.disabled,
3109
+ .btn-dropbox[disabled],
3110
+ fieldset[disabled] .btn-dropbox,
3111
+ .btn-dropbox.disabled:hover,
3112
+ .btn-dropbox[disabled]:hover,
3113
+ fieldset[disabled] .btn-dropbox:hover,
3114
+ .btn-dropbox.disabled:focus,
3115
+ .btn-dropbox[disabled]:focus,
3116
+ fieldset[disabled] .btn-dropbox:focus,
3117
+ .btn-dropbox.disabled:active,
3118
+ .btn-dropbox[disabled]:active,
3119
+ fieldset[disabled] .btn-dropbox:active,
3120
+ .btn-dropbox.disabled.active,
3121
+ .btn-dropbox[disabled].active,
3122
+ fieldset[disabled] .btn-dropbox.active {
3123
+ background-color: #1087dd;
3124
+ border-color: rgba(0, 0, 0, 0.2);
3125
+ }
3126
+ .btn-dropbox .badge {
3127
+ color: #1087dd;
3128
+ background-color: #ffffff;
3129
+ }
3130
+ .btn-facebook {
3131
+ color: #ffffff;
3132
+ background-color: #3b5998;
3133
+ border-color: rgba(0, 0, 0, 0.2);
3134
+ }
3135
+ .btn-facebook:hover,
3136
+ .btn-facebook:focus,
3137
+ .btn-facebook:active,
3138
+ .btn-facebook.active,
3139
+ .open .dropdown-toggle.btn-facebook {
3140
+ color: #ffffff;
3141
+ background-color: #30487b;
3142
+ border-color: rgba(0, 0, 0, 0.2);
3143
+ }
3144
+ .btn-facebook:active,
3145
+ .btn-facebook.active,
3146
+ .open .dropdown-toggle.btn-facebook {
3147
+ background-image: none;
3148
+ }
3149
+ .btn-facebook.disabled,
3150
+ .btn-facebook[disabled],
3151
+ fieldset[disabled] .btn-facebook,
3152
+ .btn-facebook.disabled:hover,
3153
+ .btn-facebook[disabled]:hover,
3154
+ fieldset[disabled] .btn-facebook:hover,
3155
+ .btn-facebook.disabled:focus,
3156
+ .btn-facebook[disabled]:focus,
3157
+ fieldset[disabled] .btn-facebook:focus,
3158
+ .btn-facebook.disabled:active,
3159
+ .btn-facebook[disabled]:active,
3160
+ fieldset[disabled] .btn-facebook:active,
3161
+ .btn-facebook.disabled.active,
3162
+ .btn-facebook[disabled].active,
3163
+ fieldset[disabled] .btn-facebook.active {
3164
+ background-color: #3b5998;
3165
+ border-color: rgba(0, 0, 0, 0.2);
3166
+ }
3167
+ .btn-facebook .badge {
3168
+ color: #3b5998;
3169
+ background-color: #ffffff;
3170
+ }
3171
+ .btn-flickr {
3172
+ color: #ffffff;
3173
+ background-color: #ff0084;
3174
+ border-color: rgba(0, 0, 0, 0.2);
3175
+ }
3176
+ .btn-flickr:hover,
3177
+ .btn-flickr:focus,
3178
+ .btn-flickr:active,
3179
+ .btn-flickr.active,
3180
+ .open .dropdown-toggle.btn-flickr {
3181
+ color: #ffffff;
3182
+ background-color: #d6006f;
3183
+ border-color: rgba(0, 0, 0, 0.2);
3184
+ }
3185
+ .btn-flickr:active,
3186
+ .btn-flickr.active,
3187
+ .open .dropdown-toggle.btn-flickr {
3188
+ background-image: none;
3189
+ }
3190
+ .btn-flickr.disabled,
3191
+ .btn-flickr[disabled],
3192
+ fieldset[disabled] .btn-flickr,
3193
+ .btn-flickr.disabled:hover,
3194
+ .btn-flickr[disabled]:hover,
3195
+ fieldset[disabled] .btn-flickr:hover,
3196
+ .btn-flickr.disabled:focus,
3197
+ .btn-flickr[disabled]:focus,
3198
+ fieldset[disabled] .btn-flickr:focus,
3199
+ .btn-flickr.disabled:active,
3200
+ .btn-flickr[disabled]:active,
3201
+ fieldset[disabled] .btn-flickr:active,
3202
+ .btn-flickr.disabled.active,
3203
+ .btn-flickr[disabled].active,
3204
+ fieldset[disabled] .btn-flickr.active {
3205
+ background-color: #ff0084;
3206
+ border-color: rgba(0, 0, 0, 0.2);
3207
+ }
3208
+ .btn-flickr .badge {
3209
+ color: #ff0084;
3210
+ background-color: #ffffff;
3211
+ }
3212
+ .btn-foursquare {
3213
+ color: #ffffff;
3214
+ background-color: #0072b1;
3215
+ border-color: rgba(0, 0, 0, 0.2);
3216
+ }
3217
+ .btn-foursquare:hover,
3218
+ .btn-foursquare:focus,
3219
+ .btn-foursquare:active,
3220
+ .btn-foursquare.active,
3221
+ .open .dropdown-toggle.btn-foursquare {
3222
+ color: #ffffff;
3223
+ background-color: #005888;
3224
+ border-color: rgba(0, 0, 0, 0.2);
3225
+ }
3226
+ .btn-foursquare:active,
3227
+ .btn-foursquare.active,
3228
+ .open .dropdown-toggle.btn-foursquare {
3229
+ background-image: none;
3230
+ }
3231
+ .btn-foursquare.disabled,
3232
+ .btn-foursquare[disabled],
3233
+ fieldset[disabled] .btn-foursquare,
3234
+ .btn-foursquare.disabled:hover,
3235
+ .btn-foursquare[disabled]:hover,
3236
+ fieldset[disabled] .btn-foursquare:hover,
3237
+ .btn-foursquare.disabled:focus,
3238
+ .btn-foursquare[disabled]:focus,
3239
+ fieldset[disabled] .btn-foursquare:focus,
3240
+ .btn-foursquare.disabled:active,
3241
+ .btn-foursquare[disabled]:active,
3242
+ fieldset[disabled] .btn-foursquare:active,
3243
+ .btn-foursquare.disabled.active,
3244
+ .btn-foursquare[disabled].active,
3245
+ fieldset[disabled] .btn-foursquare.active {
3246
+ background-color: #0072b1;
3247
+ border-color: rgba(0, 0, 0, 0.2);
3248
+ }
3249
+ .btn-foursquare .badge {
3250
+ color: #0072b1;
3251
+ background-color: #ffffff;
3252
+ }
3253
+ .btn-github {
3254
+ color: #ffffff;
3255
+ background-color: #444444;
3256
+ border-color: rgba(0, 0, 0, 0.2);
3257
+ }
3258
+ .btn-github:hover,
3259
+ .btn-github:focus,
3260
+ .btn-github:active,
3261
+ .btn-github.active,
3262
+ .open .dropdown-toggle.btn-github {
3263
+ color: #ffffff;
3264
+ background-color: #303030;
3265
+ border-color: rgba(0, 0, 0, 0.2);
3266
+ }
3267
+ .btn-github:active,
3268
+ .btn-github.active,
3269
+ .open .dropdown-toggle.btn-github {
3270
+ background-image: none;
3271
+ }
3272
+ .btn-github.disabled,
3273
+ .btn-github[disabled],
3274
+ fieldset[disabled] .btn-github,
3275
+ .btn-github.disabled:hover,
3276
+ .btn-github[disabled]:hover,
3277
+ fieldset[disabled] .btn-github:hover,
3278
+ .btn-github.disabled:focus,
3279
+ .btn-github[disabled]:focus,
3280
+ fieldset[disabled] .btn-github:focus,
3281
+ .btn-github.disabled:active,
3282
+ .btn-github[disabled]:active,
3283
+ fieldset[disabled] .btn-github:active,
3284
+ .btn-github.disabled.active,
3285
+ .btn-github[disabled].active,
3286
+ fieldset[disabled] .btn-github.active {
3287
+ background-color: #444444;
3288
+ border-color: rgba(0, 0, 0, 0.2);
3289
+ }
3290
+ .btn-github .badge {
3291
+ color: #444444;
3292
+ background-color: #ffffff;
3293
+ }
3294
+ .btn-google-plus {
3295
+ color: #ffffff;
3296
+ background-color: #dd4b39;
3297
+ border-color: rgba(0, 0, 0, 0.2);
3298
+ }
3299
+ .btn-google-plus:hover,
3300
+ .btn-google-plus:focus,
3301
+ .btn-google-plus:active,
3302
+ .btn-google-plus.active,
3303
+ .open .dropdown-toggle.btn-google-plus {
3304
+ color: #ffffff;
3305
+ background-color: #ca3523;
3306
+ border-color: rgba(0, 0, 0, 0.2);
3307
+ }
3308
+ .btn-google-plus:active,
3309
+ .btn-google-plus.active,
3310
+ .open .dropdown-toggle.btn-google-plus {
3311
+ background-image: none;
3312
+ }
3313
+ .btn-google-plus.disabled,
3314
+ .btn-google-plus[disabled],
3315
+ fieldset[disabled] .btn-google-plus,
3316
+ .btn-google-plus.disabled:hover,
3317
+ .btn-google-plus[disabled]:hover,
3318
+ fieldset[disabled] .btn-google-plus:hover,
3319
+ .btn-google-plus.disabled:focus,
3320
+ .btn-google-plus[disabled]:focus,
3321
+ fieldset[disabled] .btn-google-plus:focus,
3322
+ .btn-google-plus.disabled:active,
3323
+ .btn-google-plus[disabled]:active,
3324
+ fieldset[disabled] .btn-google-plus:active,
3325
+ .btn-google-plus.disabled.active,
3326
+ .btn-google-plus[disabled].active,
3327
+ fieldset[disabled] .btn-google-plus.active {
3328
+ background-color: #dd4b39;
3329
+ border-color: rgba(0, 0, 0, 0.2);
3330
+ }
3331
+ .btn-google-plus .badge {
3332
+ color: #dd4b39;
3333
+ background-color: #ffffff;
3334
+ }
3335
+ .btn-instagram {
3336
+ color: #ffffff;
3337
+ background-color: #3f729b;
3338
+ border-color: rgba(0, 0, 0, 0.2);
3339
+ }
3340
+ .btn-instagram:hover,
3341
+ .btn-instagram:focus,
3342
+ .btn-instagram:active,
3343
+ .btn-instagram.active,
3344
+ .open .dropdown-toggle.btn-instagram {
3345
+ color: #ffffff;
3346
+ background-color: #335d7e;
3347
+ border-color: rgba(0, 0, 0, 0.2);
3348
+ }
3349
+ .btn-instagram:active,
3350
+ .btn-instagram.active,
3351
+ .open .dropdown-toggle.btn-instagram {
3352
+ background-image: none;
3353
+ }
3354
+ .btn-instagram.disabled,
3355
+ .btn-instagram[disabled],
3356
+ fieldset[disabled] .btn-instagram,
3357
+ .btn-instagram.disabled:hover,
3358
+ .btn-instagram[disabled]:hover,
3359
+ fieldset[disabled] .btn-instagram:hover,
3360
+ .btn-instagram.disabled:focus,
3361
+ .btn-instagram[disabled]:focus,
3362
+ fieldset[disabled] .btn-instagram:focus,
3363
+ .btn-instagram.disabled:active,
3364
+ .btn-instagram[disabled]:active,
3365
+ fieldset[disabled] .btn-instagram:active,
3366
+ .btn-instagram.disabled.active,
3367
+ .btn-instagram[disabled].active,
3368
+ fieldset[disabled] .btn-instagram.active {
3369
+ background-color: #3f729b;
3370
+ border-color: rgba(0, 0, 0, 0.2);
3371
+ }
3372
+ .btn-instagram .badge {
3373
+ color: #3f729b;
3374
+ background-color: #ffffff;
3375
+ }
3376
+ .btn-linkedin {
3377
+ color: #ffffff;
3378
+ background-color: #007bb6;
3379
+ border-color: rgba(0, 0, 0, 0.2);
3380
+ }
3381
+ .btn-linkedin:hover,
3382
+ .btn-linkedin:focus,
3383
+ .btn-linkedin:active,
3384
+ .btn-linkedin.active,
3385
+ .open .dropdown-toggle.btn-linkedin {
3386
+ color: #ffffff;
3387
+ background-color: #005f8d;
3388
+ border-color: rgba(0, 0, 0, 0.2);
3389
+ }
3390
+ .btn-linkedin:active,
3391
+ .btn-linkedin.active,
3392
+ .open .dropdown-toggle.btn-linkedin {
3393
+ background-image: none;
3394
+ }
3395
+ .btn-linkedin.disabled,
3396
+ .btn-linkedin[disabled],
3397
+ fieldset[disabled] .btn-linkedin,
3398
+ .btn-linkedin.disabled:hover,
3399
+ .btn-linkedin[disabled]:hover,
3400
+ fieldset[disabled] .btn-linkedin:hover,
3401
+ .btn-linkedin.disabled:focus,
3402
+ .btn-linkedin[disabled]:focus,
3403
+ fieldset[disabled] .btn-linkedin:focus,
3404
+ .btn-linkedin.disabled:active,
3405
+ .btn-linkedin[disabled]:active,
3406
+ fieldset[disabled] .btn-linkedin:active,
3407
+ .btn-linkedin.disabled.active,
3408
+ .btn-linkedin[disabled].active,
3409
+ fieldset[disabled] .btn-linkedin.active {
3410
+ background-color: #007bb6;
3411
+ border-color: rgba(0, 0, 0, 0.2);
3412
+ }
3413
+ .btn-linkedin .badge {
3414
+ color: #007bb6;
3415
+ background-color: #ffffff;
3416
+ }
3417
+ .btn-tumblr {
3418
+ color: #ffffff;
3419
+ background-color: #2c4762;
3420
+ border-color: rgba(0, 0, 0, 0.2);
3421
+ }
3422
+ .btn-tumblr:hover,
3423
+ .btn-tumblr:focus,
3424
+ .btn-tumblr:active,
3425
+ .btn-tumblr.active,
3426
+ .open .dropdown-toggle.btn-tumblr {
3427
+ color: #ffffff;
3428
+ background-color: #1f3346;
3429
+ border-color: rgba(0, 0, 0, 0.2);
3430
+ }
3431
+ .btn-tumblr:active,
3432
+ .btn-tumblr.active,
3433
+ .open .dropdown-toggle.btn-tumblr {
3434
+ background-image: none;
3435
+ }
3436
+ .btn-tumblr.disabled,
3437
+ .btn-tumblr[disabled],
3438
+ fieldset[disabled] .btn-tumblr,
3439
+ .btn-tumblr.disabled:hover,
3440
+ .btn-tumblr[disabled]:hover,
3441
+ fieldset[disabled] .btn-tumblr:hover,
3442
+ .btn-tumblr.disabled:focus,
3443
+ .btn-tumblr[disabled]:focus,
3444
+ fieldset[disabled] .btn-tumblr:focus,
3445
+ .btn-tumblr.disabled:active,
3446
+ .btn-tumblr[disabled]:active,
3447
+ fieldset[disabled] .btn-tumblr:active,
3448
+ .btn-tumblr.disabled.active,
3449
+ .btn-tumblr[disabled].active,
3450
+ fieldset[disabled] .btn-tumblr.active {
3451
+ background-color: #2c4762;
3452
+ border-color: rgba(0, 0, 0, 0.2);
3453
+ }
3454
+ .btn-tumblr .badge {
3455
+ color: #2c4762;
3456
+ background-color: #ffffff;
3457
+ }
3458
+ .btn-twitter {
3459
+ color: #ffffff;
3460
+ background-color: #55acee;
3461
+ border-color: rgba(0, 0, 0, 0.2);
3462
+ }
3463
+ .btn-twitter:hover,
3464
+ .btn-twitter:focus,
3465
+ .btn-twitter:active,
3466
+ .btn-twitter.active,
3467
+ .open .dropdown-toggle.btn-twitter {
3468
+ color: #ffffff;
3469
+ background-color: #309aea;
3470
+ border-color: rgba(0, 0, 0, 0.2);
3471
+ }
3472
+ .btn-twitter:active,
3473
+ .btn-twitter.active,
3474
+ .open .dropdown-toggle.btn-twitter {
3475
+ background-image: none;
3476
+ }
3477
+ .btn-twitter.disabled,
3478
+ .btn-twitter[disabled],
3479
+ fieldset[disabled] .btn-twitter,
3480
+ .btn-twitter.disabled:hover,
3481
+ .btn-twitter[disabled]:hover,
3482
+ fieldset[disabled] .btn-twitter:hover,
3483
+ .btn-twitter.disabled:focus,
3484
+ .btn-twitter[disabled]:focus,
3485
+ fieldset[disabled] .btn-twitter:focus,
3486
+ .btn-twitter.disabled:active,
3487
+ .btn-twitter[disabled]:active,
3488
+ fieldset[disabled] .btn-twitter:active,
3489
+ .btn-twitter.disabled.active,
3490
+ .btn-twitter[disabled].active,
3491
+ fieldset[disabled] .btn-twitter.active {
3492
+ background-color: #55acee;
3493
+ border-color: rgba(0, 0, 0, 0.2);
3494
+ }
3495
+ .btn-twitter .badge {
3496
+ color: #55acee;
3497
+ background-color: #ffffff;
3498
+ }
3499
+ .btn-vk {
3500
+ color: #ffffff;
3501
+ background-color: #587ea3;
3502
+ border-color: rgba(0, 0, 0, 0.2);
3503
+ }
3504
+ .btn-vk:hover,
3505
+ .btn-vk:focus,
3506
+ .btn-vk:active,
3507
+ .btn-vk.active,
3508
+ .open .dropdown-toggle.btn-vk {
3509
+ color: #ffffff;
3510
+ background-color: #4a6a89;
3511
+ border-color: rgba(0, 0, 0, 0.2);
3512
+ }
3513
+ .btn-vk:active,
3514
+ .btn-vk.active,
3515
+ .open .dropdown-toggle.btn-vk {
3516
+ background-image: none;
3517
+ }
3518
+ .btn-vk.disabled,
3519
+ .btn-vk[disabled],
3520
+ fieldset[disabled] .btn-vk,
3521
+ .btn-vk.disabled:hover,
3522
+ .btn-vk[disabled]:hover,
3523
+ fieldset[disabled] .btn-vk:hover,
3524
+ .btn-vk.disabled:focus,
3525
+ .btn-vk[disabled]:focus,
3526
+ fieldset[disabled] .btn-vk:focus,
3527
+ .btn-vk.disabled:active,
3528
+ .btn-vk[disabled]:active,
3529
+ fieldset[disabled] .btn-vk:active,
3530
+ .btn-vk.disabled.active,
3531
+ .btn-vk[disabled].active,
3532
+ fieldset[disabled] .btn-vk.active {
3533
+ background-color: #587ea3;
3534
+ border-color: rgba(0, 0, 0, 0.2);
3535
+ }
3536
+ .btn-vk .badge {
3537
+ color: #587ea3;
3538
+ background-color: #ffffff;
3539
+ }