venus 0.5.2 → 0.6.2

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.
@@ -0,0 +1,1527 @@
1
+ /**
2
+ * Unicorn Admin Template
3
+ * Diablo9983 -> diablo9983@gmail.com
4
+ **/
5
+ * {
6
+ outline:none !important;
7
+ -moz-outline: none !important;
8
+ }
9
+ /* Main */
10
+ body {
11
+ overflow-x: hidden;
12
+ margin-top: -9px;
13
+ }
14
+ a:hover {
15
+ text-decoration: none;
16
+ }
17
+
18
+ /* Header */
19
+ #header {
20
+ height: 77px;
21
+ position: relative;
22
+ width: 100%;
23
+ /*z-index: -9;*/
24
+ }
25
+
26
+ #header h1 {
27
+ /*
28
+ background: url("img/logo.png") no-repeat scroll 0 0 transparent;
29
+ height: 31px;
30
+ left: 15px;
31
+ line-height: 600px;
32
+ overflow: hidden;
33
+ position: relative;
34
+ top: 24px;
35
+ width: 191px;
36
+ */
37
+ font-size: 22px;
38
+ padding-left: 17px;
39
+ padding-top: 20px;
40
+ }
41
+
42
+ #header h1 a {
43
+ display: block;
44
+ color: white;
45
+ }
46
+
47
+ /* Search input */
48
+ #search {
49
+ position: absolute;
50
+ z-index: 25;
51
+ top: 6px;
52
+ left: 230px;
53
+ }
54
+ #search input[type=text] {
55
+ border-radius: 4px 0 0 4px;
56
+ padding: 4px 10px 5px;
57
+ border: 0;
58
+ box-shadow: 2px 2px 3px rgba(0,0,0,0.7) inset, 0 1px 0 rgba(255,255,255,0.2);
59
+ width: 100px;
60
+ }
61
+
62
+ #search button {
63
+ border: 0;
64
+ margin-top: -11px;
65
+ padding: 5px 10px 4px;
66
+ border-radius: 0 4px 4px 0;
67
+ box-shadow: -2px 2px 3px rgba(0,0,0,0.7) inset, 0 1px 0 rgba(255,255,255,0.2);
68
+ }
69
+ #search button i {
70
+ opacity: 0.5;
71
+ }
72
+ #search button:hover i, #search button:active i {
73
+ opacity: 0.9;
74
+ }
75
+ /* Top user navigation */
76
+ #user-nav {
77
+ position: absolute;
78
+ right: 30px;
79
+ top: 5px;
80
+ z-index: 20;
81
+ margin: 0;
82
+ }
83
+ #user-nav > ul {
84
+ margin: 0;
85
+ padding: 0;
86
+ list-style: none;
87
+ }
88
+
89
+ #user-nav > ul > li {
90
+ float: left;
91
+ list-style-type: none;
92
+ margin: 0;
93
+ position: relative;
94
+ padding: 0;
95
+ }
96
+
97
+ #user-nav > ul > li > a {
98
+ padding: 5px 10px;
99
+ display: block;
100
+ font-size: 10px;
101
+ }
102
+
103
+ #user-nav > ul > li > a:hover, #user-nav > ul > li.open > a {
104
+ color: #ffffff;
105
+ }
106
+ #user-nav > ul > li > a > i, #sidebar li a i {
107
+ vertical-align: top;
108
+ background-image: url('img/glyphicons-halflings-white.png');
109
+ opacity: .5;
110
+ margin-top: 2px;
111
+ }
112
+ #user-nav > ul > li > a:hover > i, #user-nav > ul > li.open > a > i {
113
+ opacity: 1;
114
+ }
115
+
116
+ #user-nav > ul > li > a > .label {
117
+ vertical-align: middle;
118
+ padding: 1px 4px 1px;
119
+ margin: -2px 4px 0;
120
+ display: inline-block;
121
+ }
122
+
123
+
124
+ #user-nav > ul ul > li > a {
125
+ text-align: left;
126
+ text-shadow: 0 1px 0 #ffffff;
127
+ }
128
+ #user-nav > ul ul > li > a:hover {
129
+ text-shadow: 0 1px 0 rgba(0,0,0,0.5);
130
+ }
131
+
132
+
133
+ /* Sidebar Navigation */
134
+ #sidebar {
135
+ display: block;
136
+ float: left;
137
+ position: relative;
138
+ width: 220px;
139
+ z-index: 16;
140
+ }
141
+
142
+ #sidebar > ul {
143
+ list-style: none;
144
+ margin: 10px 0 0;
145
+ padding: 0;
146
+ position: absolute;
147
+ width: 220px;
148
+ }
149
+ #sidebar > ul > li {
150
+ display: block;
151
+ position: relative;
152
+ }
153
+
154
+ #sidebar > ul > li.active {
155
+ box-shadow: 0 2px 4px rgba(0,0,0,0.2) inset;
156
+ }
157
+
158
+ #sidebar > ul > li > a {
159
+ padding: 10px 0 10px 15px;
160
+ display: block;
161
+ color: #AAAAAA;
162
+ }
163
+
164
+ #sidebar > ul > li > a > i {
165
+ margin-right: 10px;
166
+ }
167
+
168
+ #sidebar > ul > li.active > a {
169
+ background: url("img/menu-active.png") no-repeat scroll right center transparent !important;
170
+ }
171
+
172
+ #sidebar > ul > li > a > .label {
173
+ margin: 0 20px 0 0;
174
+ float: right;
175
+ padding: 3px 5px 2px;
176
+ box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset, 0 1px 0 rgba(255,255,255,0.2);
177
+ }
178
+
179
+ #sidebar > ul ul {
180
+ display: none;
181
+ margin: 0;
182
+ padding: 0;
183
+ box-shadow: 0 0 3px rgba(0,0,0,0.5) inset;
184
+ }
185
+ #sidebar > ul li.open ul {
186
+ display: block;
187
+ }
188
+ #sidebar > ul ul li a{
189
+ padding: 10px 0 10px 25px;
190
+ display: block;
191
+ color: #777777;
192
+ }
193
+
194
+ #sidebar > ul ul li:first-child a {
195
+ border-top: 0;
196
+ }
197
+ #sidebar > ul ul li:last-child a {
198
+ border-bottom: 0;
199
+ }
200
+
201
+
202
+
203
+ /* Content */
204
+ #content {
205
+ background: none repeat scroll 0 0 #eeeeee;
206
+ margin-left: 220px;
207
+ margin-right: 0;
208
+ padding-bottom: 25px;
209
+ position: relative;
210
+ min-height: 500px;
211
+ width: auto;
212
+
213
+ border-top-left-radius: 8px;
214
+ }
215
+
216
+ #content-header {
217
+ background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#FFFFFF), to(#EEEEEE));
218
+ background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
219
+ background-image: -moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
220
+ background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
221
+ background-image: -o-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
222
+ background-image: linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
223
+ border-top-left-radius: 8px;
224
+ height: 80px;
225
+ position: abslute;
226
+ width: 100%;
227
+ margin-top: -38px;
228
+ z-index: 20;
229
+ }
230
+
231
+ #content-header h1 {
232
+ color: #555555;
233
+ font-size: 28px;
234
+ font-weight: normal;
235
+ float: left;
236
+ text-shadow: 0 1px 0 #ffffff;
237
+ margin-left: 20px;
238
+ position: absolute;
239
+ }
240
+
241
+ #content-header .btn-group {
242
+ float: right;
243
+ right: 20px;
244
+ position: absolute;
245
+ }
246
+
247
+ #content-header h1, #content-header .btn-group {
248
+ margin-top: 20px;
249
+ }
250
+ #content-header .btn-group .btn {
251
+ padding: 11px 14px 9px;
252
+ }
253
+ #content-header .btn-group .btn .label {
254
+ position: absolute;
255
+ top: -7px;
256
+ }
257
+
258
+ .container-fluid .row-fluid:first-child {
259
+ margin-top: 20px;
260
+ }
261
+ /* Breadcrumb */
262
+ #breadcrumb {
263
+ background-color: #e5e5e5;
264
+ box-shadow: 0 0 1px #ffffff;
265
+ border-top: 1px solid #d6d6d6;
266
+ border-bottom: 1px solid #d6d6d6;
267
+ padding-left: 10px;
268
+ }
269
+ #breadcrumb a {
270
+ padding: 8px 20px 8px 10px;
271
+ display: inline-block;
272
+ background-image: url('img/breadcrumb.png');
273
+ background-position: center right;
274
+ background-repeat: no-repeat;
275
+ font-size: 11px;
276
+ color: #666666;
277
+ }
278
+ #breadcrumb a:hover {
279
+ color: #333333;
280
+ }
281
+ #breadcrumb a:last-child {
282
+ background-image:none;
283
+ }
284
+ #breadcrumb a.current {
285
+ font-weight: bold;
286
+ color: #444444;
287
+ }
288
+ #breadcrumb a i {
289
+ margin-right: 5px;
290
+ opacity: .6;
291
+ }
292
+ #breadcrumb a:hover i {
293
+ margin-right: 5px;
294
+ opacity: .8;
295
+ }
296
+
297
+ /* Style Switcher */
298
+ #style-switcher {
299
+ position: absolute;
300
+ width: 220px;
301
+ height: 30px;
302
+ background-color: #000000;
303
+ z-index: 40;
304
+ right: 0;
305
+ top: 123px;
306
+ border-radius: 5px 0 0 5px;
307
+ margin-right: -190px;
308
+ }
309
+ #style-switcher i {
310
+ display: inline-block;
311
+ margin: -5px 10px 0 10px;
312
+ }
313
+ #style-switcher i:hover {
314
+ cursor: pointer;
315
+ }
316
+ #style-switcher span {
317
+ font-weight: bold;
318
+ color: #ffffff;
319
+ display: inline-block;
320
+ margin: -15px 20px 0 0;
321
+ vertical-align:middle;
322
+ }
323
+ #style-switcher a {
324
+ display: inline-block;
325
+ width: 20px;
326
+ height: 20px;
327
+ margin-top: 4px;
328
+ border-style: solid;
329
+ border-width: 1px;
330
+ border-color: transparent;
331
+ }
332
+ /* Footer */
333
+ #footer {
334
+ text-align: center;
335
+ color: #777777;
336
+ }
337
+ /* Stat boxes and quick actions */
338
+ .stat-boxes, .quick-actions, .quick-actions-horizontal, .stats-plain {
339
+ display: inline-block;
340
+ list-style: none outside none;
341
+ margin: 20px 0 10px;
342
+ text-align: center;
343
+ }
344
+ .stats-plain {
345
+ width: 100%;
346
+ }
347
+ .stat-boxes li, .quick-actions li, .quick-actions-horizontal li {
348
+ background-color: #F6F6F6;
349
+ background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#F9F9F9), to(#EDEDED));
350
+ background-image: -webkit-linear-gradient(top, #F9F9F9 0%, #EDEDED 100%);
351
+ background-image: -moz-linear-gradient(top, #F9F9F9 0%, #EDEDED 100%);
352
+ background-image: -ms-linear-gradient(top, #F9F9F9 0%, #EDEDED 100%);
353
+ background-image: -o-linear-gradient(top, #F9F9F9 0%, #EDEDED 100%);
354
+ background-image: linear-gradient(top, #F9F9F9 0%, #EDEDED 100%);
355
+ border: 1px solid #d5d5d5;
356
+ border-radius: 4px 4px 4px 4px;
357
+ box-shadow: 0 1px 0 0 #FFFFFF inset, 0 1px 0 rgba(255,255,255,0.4);
358
+ display: inline-block;
359
+ line-height: 18px;
360
+ margin: 0 10px 10px;
361
+ padding: 0 10px;
362
+ }
363
+ .quick-actions li {
364
+ min-width: 120px;
365
+ }
366
+ .quick-actions li, .quick-actions-horizontal li {
367
+ padding: 0;
368
+ }
369
+ .stats-plain li {
370
+ padding: 0 30px;
371
+ display: inline-block;
372
+ margin: 0 10px 20px;
373
+ }
374
+ .quick-actions li a {
375
+ padding: 10px 30px;
376
+ }
377
+ .stats-plain li h4 {
378
+ font-size: 40px;
379
+ margin-bottom: 15px;
380
+ }
381
+ .stats-plain li span {
382
+ font-size: 14px;
383
+ color: #555555;
384
+ }
385
+ .quick-actions-horizontal li a span {
386
+ padding: 10px 12px 10px 10px;
387
+ display: inline-block;
388
+ }
389
+ .quick-actions li a, .quick-actions-horizontal li a {
390
+ text-align: center !important;
391
+ display: block;
392
+ color: #666666;
393
+ text-shadow: 0 1px 0 #ffffff;
394
+ }
395
+ .quick-actions li a i[class^="icon-"], .quick-actions li a i[class*=" icon-"] {
396
+ background-repeat: no-repeat;
397
+ background-attachment: scroll;
398
+ background-position: 0 0;
399
+ background-color: transparent;
400
+ width: 32px;
401
+ height: 32px;
402
+ display: block;
403
+ margin: 0 auto 5px;
404
+ }
405
+ .quick-actions-horizontal li a i[class^="icon-"], .quick-actions-horizontal li a i[class*=" icon-"] {
406
+ background-repeat: no-repeat;
407
+ background-attachment: scroll;
408
+ background-position: center;
409
+ background-color: transparent;
410
+ width: 16px;
411
+ height: 16px;
412
+ display: inline-block;
413
+ margin: -2px 0 0 !important;
414
+ border-right: 1px solid #dddddd;
415
+ margin-right: 10px;
416
+ padding: 10px;
417
+ vertical-align: middle;
418
+ }
419
+
420
+ .quick-actions i.icon-book {
421
+ background-image: url('img/icons/32/book.png');
422
+ }
423
+ .quick-actions i.icon-cabinet {
424
+ background-image: url('img/icons/32/cabinet.png');
425
+ }
426
+ .quick-actions i.icon-calendar {
427
+ background-image: url('img/icons/32/calendar.png');
428
+ }
429
+ .quick-actions i.icon-client {
430
+ background-image: url('img/icons/32/client.png');
431
+ }
432
+ .quick-actions i.icon-database {
433
+ background-image: url('img/icons/32/database.png');
434
+ }
435
+ .quick-actions i.icon-download {
436
+ background-image: url('img/icons/32/download.png');
437
+ }
438
+ .quick-actions i.icon-graph {
439
+ background-image: url('img/icons/32/graph.png');
440
+ }
441
+ .quick-actions i.icon-home {
442
+ background-image: url('img/icons/32/home.png');
443
+ }
444
+ .quick-actions i.icon-lock {
445
+ background-image: url('img/icons/32/lock.png');
446
+ }
447
+ .quick-actions i.icon-mail {
448
+ background-image: url('img/icons/32/mail.png');
449
+ }
450
+ .quick-actions i.icon-pdf {
451
+ background-image: url('img/icons/32/pdf.png');
452
+ }
453
+ .quick-actions i.icon-people {
454
+ background-image: url('img/icons/32/people.png');
455
+ }
456
+ .quick-actions i.icon-piechart {
457
+ background-image: url('img/icons/32/piechart.png');
458
+ }
459
+ .quick-actions i.icon-search {
460
+ background-image: url('img/icons/32/search.png');
461
+ }
462
+ .quick-actions i.icon-shopping-bag {
463
+ background-image: url('img/icons/32/shopping-bag.png');
464
+ }
465
+ .quick-actions i.icon-survey {
466
+ background-image: url('img/icons/32/survey.png');
467
+ }
468
+ .quick-actions i.icon-tag {
469
+ background-image: url('img/icons/32/tag.png');
470
+ }
471
+ .quick-actions i.icon-user {
472
+ background-image: url('img/icons/32/user.png');
473
+ }
474
+ .quick-actions i.icon-wallet {
475
+ background-image: url('img/icons/32/wallet.png');
476
+ }
477
+ .quick-actions i.icon-web {
478
+ background-image: url('img/icons/32/web.png');
479
+ }
480
+
481
+ .quick-actions-horizontal i.icon-book {
482
+ background-image: url('img/icons/16/book.png');
483
+ }
484
+ .quick-actions-horizontal i.icon-cabinet {
485
+ background-image: url('img/icons/16/cabinet.png');
486
+ }
487
+ .quick-actions-horizontal i.icon-calendar {
488
+ background-image: url('img/icons/16/calendar.png');
489
+ }
490
+ .quick-actions-horizontal i.icon-client {
491
+ background-image: url('img/icons/16/client.png');
492
+ }
493
+ .quick-actions-horizontal i.icon-database {
494
+ background-image: url('img/icons/16/database.png');
495
+ }
496
+ .quick-actions-horizontal i.icon-download {
497
+ background-image: url('img/icons/16/download.png');
498
+ }
499
+ .quick-actions-horizontal i.icon-graph {
500
+ background-image: url('img/icons/16/graph.png');
501
+ }
502
+ .quick-actions-horizontal i.icon-home {
503
+ background-image: url('img/icons/16/home.png');
504
+ }
505
+ .quick-actions-horizontal i.icon-lock {
506
+ background-image: url('img/icons/16/lock.png');
507
+ }
508
+ .quick-actions-horizontal i.icon-mail {
509
+ background-image: url('img/icons/16/mail.png');
510
+ }
511
+ .quick-actions-horizontal i.icon-pdf {
512
+ background-image: url('img/icons/16/pdf.png');
513
+ }
514
+ .quick-actions-horizontal i.icon-people {
515
+ background-image: url('img/icons/16/people.png');
516
+ }
517
+ .quick-actions-horizontal i.icon-piechart {
518
+ background-image: url('img/icons/16/piechart.png');
519
+ }
520
+ .quick-actions-horizontal i.icon-search {
521
+ background-image: url('img/icons/16/search.png');
522
+ }
523
+ .quick-actions-horizontal i.icon-shopping-bag {
524
+ background-image: url('img/icons/16/shopping-bag.png');
525
+ }
526
+ .quick-actions-horizontal i.icon-survey {
527
+ background-image: url('img/icons/16/survey.png');
528
+ }
529
+ .quick-actions-horizontal i.icon-tag {
530
+ background-image: url('img/icons/16/tag.png');
531
+ }
532
+ .quick-actions-horizontal i.icon-user {
533
+ background-image: url('img/icons/16/user.png');
534
+ }
535
+ .quick-actions-horizontal i.icon-wallet {
536
+ background-image: url('img/icons/16/wallet.png');
537
+ }
538
+ .quick-actions-horizontal i.icon-web {
539
+ background-image: url('img/icons/16/web.png');
540
+ }
541
+
542
+ .stat-boxes li:hover, .quick-actions li:hover, .quick-actions-horizontal li:hover {
543
+ background-color: #fcfcfc;
544
+ background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#FCFCFC), to(#F1F1F1));
545
+ background-image: -webkit-linear-gradient(top, #FCFCFC 0%, #F1F1F1 100%);
546
+ background-image: -moz-linear-gradient(top, #FCFCFC 0%, #F1F1F1 100%);
547
+ background-image: -ms-linear-gradient(top, #FCFCFC 0%, #F1F1F1 100%);
548
+ background-image: -o-linear-gradient(top, #FCFCFC 0%, #F1F1F1 100%);
549
+ background-image: linear-gradient(top, #FCFCFC 0%, #F1F1F1 100%);
550
+ }
551
+ .quick-actions li:active, .quick-actions-horizontal li:active {
552
+ background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#EEEEEE), to(#F4F4F4));
553
+ background-image: -webkit-linear-gradient(top, #EEEEEE 0%, #F4F4F4 100%);
554
+ background-image: -moz-linear-gradient(top, #EEEEEE 0%, #F4F4F4 100%);
555
+ background-image: -ms-linear-gradient(top, #EEEEEE 0%, #F4F4F4 100%);
556
+ background-image: -o-linear-gradient(top, #EEEEEE 0%, #F4F4F4 100%);
557
+ background-image: linear-gradient(top, #EEEEEE 0%, #F4F4F4 100%);
558
+ box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2) inset, 0 1px 0 rgba(255,255,255,0.4);
559
+ }
560
+
561
+
562
+ .stat-boxes .left, .stat-boxes .right {
563
+ text-shadow: 0 1px 0 #ffffff;
564
+ float: left;
565
+ }
566
+ .stat-boxes .left {
567
+ border-right: 1px solid #DCDCDC;
568
+ box-shadow: 1px 0 0 0 #FFFFFF;
569
+ margin-right: 12px;
570
+ padding: 10px 14px 6px 4px;
571
+ font-size: 10px;
572
+ font-weight: bold;
573
+ }
574
+
575
+ .stat-boxes .right {
576
+ font-size: 12px;
577
+ padding: 9px 10px 7px 0;
578
+ text-align: center;
579
+ width: 70px;
580
+ color: #666666;
581
+ }
582
+ .stat-boxes .left span, .stat-boxes .right strong {
583
+ display: block;
584
+ }
585
+ .stat-boxes .right strong {
586
+ font-size: 26px;
587
+ margin-bottom: 3px;
588
+ margin-top: 6px;
589
+ }
590
+ .stat-boxes .peity_bar_good, .stat-boxes .peity_line_good {
591
+ color: #459D1C;
592
+ }
593
+ .stat-boxes .peity_bar_neutral, .stat-boxes .peity_line_neutral {
594
+ color: #757575;
595
+ }
596
+ .stat-boxes .peity_bar_bad, .stat-boxes .peity_line_bad {
597
+ color: #BA1E20;
598
+ }
599
+
600
+ .stats-plain {
601
+
602
+ }
603
+
604
+ /* Charts & graphs **/
605
+ .chart, .pie, .bars {
606
+ height: 300px;
607
+ max-width: 100%;
608
+ }
609
+ #tooltip {
610
+ position: absolute;
611
+ display:none;
612
+ border: none;
613
+ padding: 3px 8px;
614
+ border-radius: 3px;
615
+ font-size: 10px;
616
+ background-color: #222222;
617
+ color: #ffffff;
618
+ z-index: 25;
619
+ }
620
+
621
+ /* Widgets */
622
+ .widget-box {
623
+ background: none repeat scroll 0 0 #F9F9F9;
624
+ border-top: 1px solid #CDCDCD;
625
+ border-left: 1px solid #CDCDCD;
626
+ border-right: 1px solid #CDCDCD;
627
+ clear: both;
628
+ margin-top: 16px;
629
+ margin-bottom: 16px;
630
+ position: relative;
631
+ }
632
+ .widget-box.widget-calendar, .widget-box.widget-chat {
633
+ overflow:hidden !important;
634
+ }
635
+ .accordion .widget-box {
636
+ margin-top: -2px;
637
+ margin-bottom: 0;
638
+ border-radius: 0;
639
+ }
640
+ .widget-box.widget-plain {
641
+ background: transparent;
642
+ border: none;
643
+ margin-top: 0;
644
+ margin-bottom: 0;
645
+ }
646
+
647
+ .widget-title, .modal-header, .table th, div.dataTables_wrapper .ui-widget-header {
648
+ background-color: #efefef;
649
+ background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#fdfdfd), to(#eaeaea));
650
+ background-image: -webkit-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
651
+ background-image: -moz-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
652
+ background-image: -ms-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
653
+ background-image: -o-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
654
+ background-image: -linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
655
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
656
+ border-bottom: 1px solid #CDCDCD;
657
+ height: 36px;
658
+ }
659
+ .widget-title .nav-tabs {
660
+ border-bottom: 0 none;
661
+ }
662
+ .widget-title .nav-tabs li a {
663
+ border-bottom: medium none !important;
664
+ border-left: 1px solid #DDDDDD;
665
+ border-radius: 0 0 0 0;
666
+ border-right: 1px solid #DDDDDD;
667
+ border-top: medium none;
668
+ color: #999999;
669
+ margin: 0;
670
+ outline: medium none;
671
+ padding: 9px 10px 8px;
672
+ font-weight: bold;
673
+ text-shadow: 0 1px 0 #FFFFFF;
674
+ }
675
+ .widget-title .nav-tabs li:first-child a{
676
+ border-left: medium none !important;
677
+ }
678
+ .widget-title .nav-tabs li a:hover {
679
+ background-color: transparent !important;
680
+ border-color: #D6D6D6;
681
+ border-width: 0 1px;
682
+ color: #666666;
683
+ }
684
+ .widget-title .nav-tabs li.active a {
685
+ background-color: #F9F9F9 !important;
686
+ color: #444444;
687
+ }
688
+ .widget-title span.icon {
689
+ border-right: 1px solid #cdcdcd;
690
+ padding: 9px 10px 7px 11px;
691
+ float: left;
692
+ opacity: .7;
693
+ }
694
+ .widget-title h5 {
695
+ color: #666666;
696
+ text-shadow: 0 1px 0 #ffffff;
697
+ float: left;
698
+ font-size: 12px;
699
+ font-weight: bold;
700
+ padding: 12px;
701
+ line-height: 12px;
702
+ margin: 0;
703
+ }
704
+ .widget-title .buttons {
705
+ float: right;
706
+ margin: 8px 10px 0 0;
707
+ }
708
+ .widget-title .label {
709
+ padding: 3px 5px 2px;
710
+ float: right;
711
+ margin: 9px 15px 0 0;
712
+ box-shadow: 0 1px 2px rgba(0,0,0,0.3) inset, 0 1px 0 #ffffff;
713
+ }
714
+ .widget-calendar .widget-title .label {
715
+ margin-right: 190px;
716
+ }
717
+
718
+ .widget-content {
719
+ padding: 12px 15px;
720
+ border-bottom: 1px solid #cdcdcd;
721
+ }
722
+ .widget-box.widget-plain .widget-content {
723
+ padding: 12px 0 0;
724
+ }
725
+ .widget-box.collapsible .collapse.in .widget-content {
726
+ border-bottom: 1px solid #CDCDCD;
727
+ }
728
+ .recent-posts, .recent-comments, .recent-users {
729
+ margin: 0;
730
+ padding: 0;
731
+ }
732
+ .recent-posts li, .recent-comments li, .article-post li, .recent-users li {
733
+ border-bottom: 1px dotted #AEBDC8;
734
+ list-style: none outside none;
735
+ padding: 10px;
736
+ }
737
+ .recent-posts li.viewall, .recent-comments li.viewall, .recent-users li.viewall {
738
+ padding: 0;
739
+ }
740
+ .recent-posts li.viewall a, .recent-comments li.viewall a, .recent-users li.viewall a {
741
+ padding: 5px;
742
+ text-align: center;
743
+ display: block;
744
+ color: #888888;
745
+ }
746
+ .recent-posts li.viewall a:hover, .recent-comments li.viewall a:hover, .recent-users li.viewall a:hover {
747
+ background-color: #eeeeee;
748
+ }
749
+
750
+ .recent-posts li:last-child, .recent-comments li:last-child, .recent-users li:last-child {
751
+ border-bottom: none !important;
752
+ }
753
+
754
+ .user-thumb {
755
+ background: none repeat scroll 0 0 #FFFFFF;
756
+ border: 1px solid #B6BCBF;
757
+ float: left;
758
+ height: 40px;
759
+ margin-right: 10px;
760
+ margin-top: 5px;
761
+ padding: 2px;
762
+ width: 40px;
763
+ }
764
+ .user-info {
765
+ color: #666666;
766
+ font-size: 11px;
767
+ }
768
+
769
+ .site-stats {
770
+ margin: 0;
771
+ padding: 0;
772
+ list-style: none;
773
+ }
774
+ .site-stats li {
775
+ background-color: #F5F5F5;
776
+ border: 1px solid #DDDDDD;
777
+ cursor: pointer;
778
+ margin: 0 0 10px;
779
+ padding: 13px 20px 10px;
780
+ position: relative;
781
+ }
782
+ .site-stats li:hover {
783
+ background-color: #EDEDED;
784
+ }
785
+ .site-stats li.divider {
786
+ padding: 0;
787
+ border-width: 1px 0 0;
788
+ border-color: #DDDDDD;
789
+ border-style: dashed;
790
+ }
791
+ .site-stats li i {
792
+ vertical-align: baseline;
793
+ }
794
+ .site-stats li strong {
795
+ font-weight: bold;
796
+ font-size: 20px;
797
+ margin-left: 5px;
798
+ }
799
+ .site-stats li small {
800
+ margin-left: 5px;
801
+ font-size: 12px;
802
+ color: #888888;
803
+ font-style: italic;
804
+ }
805
+
806
+ .invoice-content {
807
+ padding: 20px;
808
+ }
809
+ .invoice-action {
810
+ margin-bottom: 30px;
811
+ }
812
+ .invoice-head {
813
+ clear: both;
814
+ margin-bottom: 40px;
815
+ overflow: hidden;
816
+ width: auto;
817
+ }
818
+ .invoice-meta {
819
+ font-size: 18px;
820
+ margin-bottom: 40px;
821
+ }
822
+ .invoice-date {
823
+ float: right;
824
+ font-size: 80%;
825
+ }
826
+ .invoice-content h5 {
827
+ color: #333333;
828
+ font-size: 16px;
829
+ font-weight: normal;
830
+ margin-bottom: 10px;
831
+ }
832
+ .invoice-content ul {
833
+ list-style: none;
834
+ margin: 0;
835
+ padding: 0;
836
+ }
837
+ .invoice-to {
838
+ float: left;
839
+ width: 370px;
840
+ }
841
+ .invoice-from {
842
+ float: right;
843
+ width: 300px;
844
+ }
845
+ .invoice-to li, .invoice-from li {
846
+ clear: left;
847
+ }
848
+ .invoice-to li span, .invoice-from li span {
849
+ display: block;
850
+ }
851
+ .invoice-content th.total-label {
852
+ text-align: right;
853
+ }
854
+ .invoice-content th.total-amount {
855
+ text-align: left;
856
+ }
857
+ .amount-word {
858
+ color: #666666;
859
+ margin-bottom: 40px;
860
+ margin-top: 40px;
861
+ }
862
+ .amount-word span {
863
+ color: #5476A6;
864
+ font-weight: bold;
865
+ padding-left: 20px;
866
+ }
867
+ .panel-left {
868
+ margin-right: 250px;
869
+ }
870
+ .panel-right {
871
+ width: 249px;
872
+ background-color: #f2f2f2;
873
+ border-left: 1px solid #dddddd;
874
+ position: absolute;
875
+ right: 0;
876
+ top: 37px;
877
+ height: 2500px;
878
+ }
879
+ .panel-right .panel-title {
880
+ width: 100%;
881
+ background-color: #ececec;
882
+ border-bottom: 1px solid #dddddd;
883
+ }
884
+ .panel-right .panel-title h5 {
885
+ font-size: 12px;
886
+ color: #777777;
887
+ text-shadow: 0 1px 0 #ffffff;
888
+ padding: 6px 10px 5px;
889
+ margin: 0;
890
+ }
891
+ .panel-right .panel-content {
892
+ padding: 10px;
893
+ }
894
+ .chat-content {
895
+ height: 470px;
896
+ padding: 15px;
897
+ }
898
+ .chat-messages {
899
+ background: none repeat scroll 0 0 #FDFDFD;
900
+ border: 1px solid #DDDDDD;
901
+ height: 425px;
902
+ overflow: auto;
903
+ position: relative;
904
+ }
905
+ .chat-message {
906
+ padding: 7px 15px;
907
+ margin: 7px 0 0;
908
+ }
909
+ .chat-message input[type=text] {
910
+ margin-bottom: 0 !important;
911
+ width: 100%;
912
+ }
913
+ .chat-message .input-box {
914
+ display: block;
915
+ margin-right: 90px;
916
+ }
917
+ .chat-message button {
918
+ float: right;
919
+ }
920
+ #chat-messages-inner p {
921
+ padding: 10px;
922
+ margin: 10px 0;
923
+ }
924
+ #chat-messages-inner p img {
925
+ display: inline-block;
926
+ float: left;
927
+ vertical-align: middle;
928
+ width: 28px;
929
+ height: 28px;
930
+ margin-top: 6px;
931
+ }
932
+ #chat-messages-inner .msg-block, #chat-messages-inner p.offline span {
933
+ background: none repeat scroll 0 0 #FFFFFF;
934
+ border: 1px solid #cccccc;
935
+ box-shadow: 1px 1px 0 1px rgba(0, 0, 0, 0.05);
936
+ display: block;
937
+ margin-left: 40px;
938
+ padding: 10px;
939
+ position: relative;
940
+ }
941
+ #chat-messages-inner p.offline span {
942
+ background: none repeat scroll 0 0 #FFF5F5;
943
+ }
944
+ #chat-messages-inner .time {
945
+ color: #999999;
946
+ font-size: 11px;
947
+ font-style: italic;
948
+ }
949
+ #chat-messages-inner .msg {
950
+ display: block;
951
+ margin-top: 10px;
952
+ }
953
+ #chat-messages-inner .msg-block:before {
954
+ border-right: 7px solid rgba(0,0,0,0.1);
955
+ border-top: 7px solid transparent;
956
+ border-bottom: 7px solid transparent;
957
+ content: "";
958
+ display: inline-block;
959
+ left: -7px;
960
+ position: absolute;
961
+ top: 11px;
962
+ }
963
+ #chat-messages-inner .msg-block:after {
964
+ border-right: 6px solid #ffffff;
965
+ border-top: 6px solid transparent;
966
+ border-bottom: 6px solid transparent;
967
+ content: "";
968
+ display: inline-block;
969
+ left: -6px;
970
+ position: absolute;
971
+ top: 12px;
972
+ }
973
+ .chat-users {
974
+ padding: 0 0 30px;
975
+ }
976
+ .chat-users .contact-list {
977
+ line-height: 21px;
978
+ list-style: none outside none;
979
+ margin: 0;
980
+ padding: 0;
981
+ font-size: 10px;
982
+ }
983
+ .chat-users .contact-list li {
984
+ border-color: #dddddd;
985
+ border-style: none none solid;
986
+ border-width: 0 0 1px;
987
+ padding: 1px;
988
+ position: relative;
989
+ }
990
+ .chat-users .contact-list li:hover {
991
+ background-color: #efefef;
992
+ }
993
+ .chat-users .contact-list li a {
994
+ color: #666666;
995
+ display: block;
996
+ padding: 8px 5px;
997
+ }
998
+ .chat-users .contact-list li.online a {
999
+ font-weight: bold;
1000
+ }
1001
+ .chat-users .contact-list li.new {
1002
+ background-color: #eaeaea;
1003
+ }
1004
+ .chat-users .contact-list li.offline {
1005
+ background-color: #EDE0E0;
1006
+ }
1007
+ .chat-users .contact-list li a img {
1008
+ display: inline-block;
1009
+ margin-right: 10px;
1010
+ vertical-align: middle;
1011
+ width: 28px;
1012
+ height: 28px;
1013
+ border-radius: 3px;
1014
+ }
1015
+ .chat-users .contact-list li .msg-count {
1016
+ padding: 3px 5px;
1017
+ position: absolute;
1018
+ right: 10px;
1019
+ top: 12px;
1020
+ }
1021
+ .taskDesc i {
1022
+ margin: 1px 5px 0;
1023
+ }
1024
+ .taskStatus, .taskOptions {
1025
+ text-align: center !important;
1026
+ }
1027
+ .taskStatus .in-progress {
1028
+ color: #64909E;
1029
+ }
1030
+ .taskStatus .pending {
1031
+ color: #AC6363;
1032
+ }
1033
+ .taskStatus .done {
1034
+ color: #75B468;
1035
+ }
1036
+ .activity-list {
1037
+ list-style: none outside none;
1038
+ margin: 0;
1039
+ }
1040
+ .activity-list li {
1041
+ border-bottom: 1px solid #EEEEEE;
1042
+ display: block;
1043
+ }
1044
+ .activity-list li:last-child {
1045
+ border-bottom: medium none;
1046
+ }
1047
+ .activity-list li a {
1048
+ color: #888888;
1049
+ display: block;
1050
+ padding: 7px 10px;
1051
+ }
1052
+ .activity-list li a:hover {
1053
+ background-color: #FBFBFB;
1054
+ }
1055
+ .activity-list li a span {
1056
+ color: #AAAAAA;
1057
+ font-size: 11px;
1058
+ font-style: italic;
1059
+ }
1060
+ .activity-list li a i {
1061
+ margin-right: 10px;
1062
+ opacity: 0.6;
1063
+ vertical-align: middle;
1064
+ }
1065
+ .new-update {
1066
+ border-top: 1px solid #DDDDDD;
1067
+ padding: 10px 12px;
1068
+ }
1069
+ .new-update:first-child {
1070
+ border-top: medium none;
1071
+ }
1072
+ .new-update span {
1073
+ display:block;
1074
+ }
1075
+ .new-update i{
1076
+ float: left;
1077
+ margin-top: 3px;
1078
+ margin-right: 13px;
1079
+ }
1080
+ .new-update .update-date {
1081
+ color: #BBBBBB;
1082
+ float: right;
1083
+ margin: 4px -2px 0 0;
1084
+ text-align: center;
1085
+ width: 30px;
1086
+ }
1087
+ .new-update .update-date .update-day {
1088
+ display: block;
1089
+ font-size: 20px;
1090
+ font-weight: bold;
1091
+ margin-bottom: -4px;
1092
+ }
1093
+ .update-done, .update-alert, .update-notice {
1094
+ display: block;
1095
+ float: left;
1096
+ max-width: 76%;
1097
+ }
1098
+
1099
+ /* Tables */
1100
+
1101
+ span.icon .checker {
1102
+ margin-top: -5px;
1103
+ margin-right: 0;
1104
+ }
1105
+
1106
+ .dataTables_length {
1107
+ color: #878787;
1108
+ margin: 7px 5px 0;
1109
+ position: absolute;
1110
+ right: 2px;
1111
+ top: -2px;
1112
+ }
1113
+ .dataTables_length div {
1114
+ vertical-align: middle;
1115
+ }
1116
+
1117
+ .dataTables_paginate {
1118
+ line-height: 16px;
1119
+ text-align: right;
1120
+ margin-top: 5px;
1121
+ margin-right: 10px;
1122
+ }
1123
+ .dataTables_paginate .ui-button, .pagination.alternate li a {
1124
+ font-size: 12px;
1125
+ padding: 4px 10px !important;
1126
+ border-style: solid;
1127
+ border-width: 1px;
1128
+ border-color: #dddddd #dddddd #cccccc; /* for IE < 9 */
1129
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1130
+ display: inline-block;
1131
+ line-height: 16px;
1132
+ background-color: #f5f5f5;
1133
+ background-image: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6);
1134
+ background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
1135
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
1136
+ background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
1137
+ background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
1138
+ background-image: linear-gradient(top, #ffffff, #e6e6e6);
1139
+ color: #333333;
1140
+ text-shadow: 0 1px 0 #ffffff;
1141
+ }
1142
+ .dataTables_paginate .ui-button:hover, .pagination.alternate li a:hover{
1143
+ background-color: #e8e8e8;
1144
+ background-image: -moz-linear-gradient(center top , #f0f0f0, #dadada);
1145
+ background-image: -ms-linear-gradient(top, #f0f0f0, #dadada);
1146
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f0f0), to(#dadada));
1147
+ background-image: -webkit-linear-gradient(top, #f0f0f0, #dadada);
1148
+ background-image: -o-linear-gradient(top, #f0f0f0, #dadada);
1149
+ background-image: linear-gradient(top, #f0f0f0, #dadada);
1150
+ color: #222222;
1151
+ text-shadow: 0 1px 0 #ffffff;
1152
+ cursor: pointer;
1153
+ }
1154
+
1155
+ .dataTables_paginate .first{
1156
+ border-radius: 4px 0 0 4px;
1157
+ }
1158
+ .dataTables_paginate .last {
1159
+ border-radius: 0 4px 4px 0;
1160
+ }
1161
+ .dataTables_paginate .ui-state-disabled, .fc-state-disabled, .pagination.alternate li.disabled a {
1162
+ color: #AAAAAA !important;
1163
+ }
1164
+ .dataTables_paginate .ui-state-disabled:hover, .fc-state-disabled:hover, .pagination.alternate li.disabled a:hover {
1165
+ background-color: #f5f5f5;
1166
+ background-image: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6);
1167
+ background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
1168
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
1169
+ background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
1170
+ background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
1171
+ background-image: linear-gradient(top, #ffffff, #e6e6e6);
1172
+ cursor: default !important;
1173
+ }
1174
+ .dataTables_paginate span .ui-state-disabled, .pagination.alternate li.active a {
1175
+ background-color: #414141 !important;
1176
+ background-image: -moz-linear-gradient(center top , #555555, #222222) !important;
1177
+ background-image: -ms-linear-gradient(top, #555555, #222222) !important;
1178
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222)) !important;
1179
+ background-image: -webkit-linear-gradient(top, #555555, #222222) !important;
1180
+ background-image: -o-linear-gradient(top, #555555, #222222) !important;
1181
+ background-image: linear-gradient(top, #555555, #222222) !important;
1182
+ color: #ffffff !important;
1183
+ cursor: default !important;
1184
+ }
1185
+ div.dataTables_wrapper .ui-widget-header {
1186
+ border-right: medium none;
1187
+ border-top: 1px solid #D5D5D5;
1188
+ font-weight: normal;
1189
+ margin-top: -1px;
1190
+ }
1191
+ .dataTables_wrapper .ui-toolbar {
1192
+ padding: 5px;
1193
+ }
1194
+ .dataTables_filter {
1195
+ color: #878787;
1196
+ font-size: 11px;
1197
+ left: 0;
1198
+ margin: 4px 8px 2px 10px;
1199
+ position: absolute;
1200
+ text-align: left;
1201
+ }
1202
+ .dataTables_filter input {
1203
+ margin-bottom: 0;
1204
+ }
1205
+
1206
+
1207
+ .table th {
1208
+ height: auto;
1209
+ font-size: 10px;
1210
+ padding: 5px 10px 2px;
1211
+ border-bottom: 0;
1212
+ text-align: center;
1213
+ color: #666666;
1214
+ }
1215
+ .table.with-check tr th:first-child, .table.with-check tr td:first-child {
1216
+ width: 10px;
1217
+ }
1218
+ .table.with-check tr th:first-child i{
1219
+ margin-top: -2px;
1220
+ opacity: 0.6;
1221
+ }
1222
+ .table.with-check tr td:first-child .checker {
1223
+ margin-right: 0;
1224
+ }
1225
+ .table tr.checked td {
1226
+ background-color: #FFFFE3 !important;
1227
+ }
1228
+ /* Misc */
1229
+ .nopadding {
1230
+ padding: 0 !important;
1231
+ }
1232
+ .nopadding .table {
1233
+ margin-bottom: 0;
1234
+ }
1235
+ .nopadding .table-bordered {
1236
+ border: 0;
1237
+ }
1238
+ .thumbnails {
1239
+ margin-left: -2.12766% !important;
1240
+ }
1241
+ .thumbnails [class*="span"] {
1242
+ margin-left: 2.12766% !important;
1243
+ position: relative;
1244
+ }
1245
+ .thumbnails .actions {
1246
+ width: 32px;
1247
+ height: 16px;
1248
+ background-color: #000000;
1249
+ padding: 5px 8px;
1250
+ border-radius: 5px;
1251
+ position: absolute;
1252
+ top: 50%;
1253
+ left: 50%;
1254
+ margin-top: -13px;
1255
+ margin-left: -24px;
1256
+ opacity: 0;
1257
+ -moz-transition: opacity 0.3s ease-in-out;
1258
+ }
1259
+ .thumbnails li:hover .actions {
1260
+ opacity: 1;
1261
+ }
1262
+ .line {
1263
+ background: url("img/line.png") repeat-x scroll 0 0 transparent;
1264
+ display: block;
1265
+ height: 8px;
1266
+ }
1267
+ .modal {
1268
+ z-index: 99999 !important;
1269
+ }
1270
+ .modal-backdrop {
1271
+ z-index: 999 !important;
1272
+ }
1273
+ .modal-header {
1274
+ height: auto;
1275
+ padding: 8px 15px 5px;
1276
+ }
1277
+ .modal-header h3 {
1278
+ font-size: 12px;
1279
+ text-shadow: 0 1px 0 #ffffff;
1280
+ }
1281
+
1282
+ .notify-ui ul {
1283
+ list-style: none;
1284
+ margin: 0;
1285
+ padding: 0;
1286
+ }
1287
+ .notify-ui li {
1288
+ background-image: -moz-linear-gradient(top, #eeeeee,#dddddd);
1289
+ margin-bottom: 5px;
1290
+ padding: 5px 10px;
1291
+ text-align: center;
1292
+ border: 1px solid #dddddd;
1293
+ }
1294
+ .notify-ui li:hover {
1295
+ cursor: pointer;
1296
+ color: #777777;
1297
+ }
1298
+
1299
+ /* Forms */
1300
+ form {
1301
+ margin-bottom: 0;
1302
+ }
1303
+ .form-horizontal .control-group {
1304
+ border-top: 1px solid #ffffff;
1305
+ border-bottom: 1px solid #eeeeee;
1306
+ margin-bottom: 0;
1307
+ }
1308
+ .form-horizontal .control-group:last-child {
1309
+ border-bottom: 0;
1310
+ }
1311
+ .form-horizontal .control-label {
1312
+ padding-top: 15px;
1313
+ width: 180px;
1314
+ }
1315
+ .form-horizontal .controls {
1316
+ margin-left: 200px;
1317
+ padding: 10px 0;
1318
+ }
1319
+ .form-horizontal input[type=text], .form-horizontal input[type=password], .form-horizontal textarea {
1320
+ width: 80%;
1321
+ }
1322
+ .form-horizontal .form-actions {
1323
+ margin-top: 0;
1324
+ margin-bottom: 0;
1325
+ }
1326
+ .help-block, .help-inline {
1327
+ color: #999999;
1328
+ }
1329
+ /* Responsive design */
1330
+ @media (max-width: 480px) {
1331
+ #header h1 {
1332
+ top: auto;
1333
+ left: auto;
1334
+ margin: 3px auto;
1335
+ padding-top: 3px;
1336
+ text-align: center;
1337
+ }
1338
+ #user-nav {
1339
+ position: relative;
1340
+ left: auto;
1341
+ right: auto;
1342
+ width: 100%;
1343
+ margin-top: -43px;
1344
+ margin-bottom: 43px;
1345
+ }
1346
+ .navbar > .nav {
1347
+ float: none;
1348
+ }
1349
+ #user-nav > ul {
1350
+ left: 50%;
1351
+ position: absolute;
1352
+ }
1353
+ #content {
1354
+ margin-left: 0 !important;
1355
+ border-top-left-radius: 0;
1356
+ }
1357
+ #content-header {
1358
+ margin-top: 0;
1359
+ height: 140px;
1360
+ text-align: center;
1361
+ }
1362
+ #content-header h1, #content-header .btn-group {
1363
+ float: none;
1364
+ }
1365
+ #content-header h1 {
1366
+ display: block;
1367
+ text-align: center;
1368
+ margin-left: auto;
1369
+ margin-top: 0;
1370
+ padding-top: 15px;
1371
+ width: 100%;
1372
+ }
1373
+ #content-header .btn-group {
1374
+ margin-top: 70px;
1375
+ margin-bottom: 0;
1376
+ margin-right: 0;
1377
+ left: 30%;
1378
+ }
1379
+ #sidebar {
1380
+ float: none;
1381
+ width: 100% !important;
1382
+ }
1383
+ #sidebar > a {
1384
+ padding: 7px 20px 7px 15px;
1385
+ box-shadow: 0 1px 0 #666666;
1386
+ margin-bottom: 1px;
1387
+ display: block !important;
1388
+ text-transform: uppercase;
1389
+ color: #eeeeee;
1390
+ font-size: 10px;
1391
+ }
1392
+ #sidebar > a > i {
1393
+ margin-right: 10px;
1394
+ background-image: url('img/glyphicons-halflings-white.png');
1395
+ }
1396
+ #sidebar > ul {
1397
+ display: none;
1398
+ margin: -2px 0 0 !important;
1399
+ width: 100% !important;
1400
+ box-shadow: 0 6px 6px rgba(0,0,0,0.4);
1401
+ }
1402
+ #sidebar > ul > li.active > a {
1403
+ background: none !important;
1404
+ }
1405
+ #sidebar > ul > li > a > span {
1406
+ display: inline !important;
1407
+ }
1408
+ .widget-title .buttons > .btn {
1409
+ width: 11px;
1410
+ white-space: nowrap;
1411
+ overflow: hidden;
1412
+ }
1413
+ .form-horizontal .control-label {
1414
+ padding-left: 30px;
1415
+ }
1416
+ .form-horizontal .controls {
1417
+ margin-left: 0;
1418
+ padding: 10px 30px;
1419
+ }
1420
+ .form-actions {
1421
+ text-align: center;
1422
+ }
1423
+ }
1424
+
1425
+ @media (min-width: 481px) and (max-width: 767px) {
1426
+ #header h1 {
1427
+ top: 3px;
1428
+ padding-top: 0px;
1429
+ }
1430
+ #sidebar, #sidebar > ul {
1431
+ width: 43px;
1432
+ }
1433
+ #sidebar > ul ul {
1434
+ display: none;
1435
+ position: absolute;
1436
+ left:50px;
1437
+ top: 0;
1438
+ min-width: 150px;
1439
+ box-shadow: 0 1px 5px rgba(0,0,0,0.7);
1440
+ border-radius: 5px;
1441
+ list-style: none;
1442
+ }
1443
+ #sidebar > ul ul li a {
1444
+ white-space: nowrap;
1445
+ padding: 10px 25px;
1446
+ }
1447
+ #sidebar > ul ul:before {
1448
+ border-top: 7px solid transparent;
1449
+ border-bottom: 7px solid transparent;
1450
+ content: "";
1451
+ display: inline-block;
1452
+ left: -6px;
1453
+ position: absolute;
1454
+ top: 11px;
1455
+ }
1456
+ #sidebar > ul ul:after {
1457
+ border-top: 6px solid transparent;
1458
+ border-bottom: 6px solid transparent;
1459
+ content: "";
1460
+ display: inline-block;
1461
+ left: -5px;
1462
+ position: absolute;
1463
+ top: 12px;
1464
+ }
1465
+ #sidebar > a {
1466
+ display: none !important;
1467
+ }
1468
+ #sidebar > ul > li.open.submenu > a {
1469
+ border-bottom: none !important;
1470
+ }
1471
+ #sidebar > ul > li > a > span {
1472
+ display: none;
1473
+ }
1474
+ #content {
1475
+ margin-left: 43px;
1476
+ }
1477
+ }
1478
+ @media (max-width: 600px) {
1479
+ .widget-title .buttons {
1480
+ float: left;
1481
+ }
1482
+ .panel-left {
1483
+ margin-right: 0;
1484
+ }
1485
+ .panel-right {
1486
+ border-top: 1px solid #DDDDDD;
1487
+ border-left: none;
1488
+ position: relative;
1489
+ top: auto;
1490
+ right: auto;
1491
+ height: auto;
1492
+ width: auto;
1493
+ }
1494
+
1495
+ }
1496
+ @media (max-width: 767px) {
1497
+ body {
1498
+ padding: 0 !important;
1499
+ }
1500
+ .container-fluid {
1501
+ padding-left: 20px;
1502
+ padding-right: 20px;
1503
+ }
1504
+ #search { display: none; }
1505
+ #user-nav > ul > li > a > span.text {
1506
+ display: none;
1507
+ }
1508
+ }
1509
+ @media (min-width: 768px) and (max-width: 979px) {
1510
+ [class*="span"], .row-fluid [class*="span"] {
1511
+ display: block;
1512
+ float: none;
1513
+ margin-left: 0;
1514
+ width: auto;
1515
+ }
1516
+ }
1517
+ @media (max-width: 979px) {
1518
+ div.dataTables_wrapper .ui-widget-header {
1519
+ height: 68px;
1520
+ }
1521
+ .dataTables_filter {
1522
+ position: relative;
1523
+ }
1524
+ .dataTables_filter, .dataTables_paginate {
1525
+ text-align: center;
1526
+ }
1527
+ }