spree_backend 2.0.13 → 2.1.0

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