admin_lte-rails 2.2.0.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (57) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +10 -0
  3. data/.rspec +2 -0
  4. data/.travis.yml +4 -0
  5. data/CODE_OF_CONDUCT.md +13 -0
  6. data/Gemfile +7 -0
  7. data/LICENSE.txt +21 -0
  8. data/README.md +65 -0
  9. data/Rakefile +86 -0
  10. data/admin_lte.gemspec +45 -0
  11. data/app/assets/javascripts/admin_lte/admin_lte.js +11 -0
  12. data/app/assets/javascripts/admin_lte/app.js +743 -0
  13. data/app/assets/stylesheets/admin_lte/admin_lte_font.scss +1 -0
  14. data/app/assets/stylesheets/admin_lte/ltr/.scss +1 -0
  15. data/app/assets/stylesheets/admin_lte/ltr/AdminLTE.scss +4211 -0
  16. data/app/assets/stylesheets/admin_lte/ltr/_bootstrap.scss +2 -0
  17. data/app/assets/stylesheets/admin_lte/ltr/admin_lte.css +16 -0
  18. data/app/assets/stylesheets/admin_lte/ltr/skins/_all-skins.scss +1787 -0
  19. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-black-light.scss +175 -0
  20. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-black.scss +153 -0
  21. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-blue-light.scss +166 -0
  22. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-blue.scss +141 -0
  23. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-green-light.scss +155 -0
  24. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-green.scss +133 -0
  25. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-purple-light.scss +155 -0
  26. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-purple.scss +133 -0
  27. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-red-light.scss +155 -0
  28. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-red.scss +133 -0
  29. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-yellow-light.scss +155 -0
  30. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-yellow.scss +133 -0
  31. data/app/assets/stylesheets/admin_lte/rtl/.scss +2 -0
  32. data/app/assets/stylesheets/admin_lte/rtl/AdminLTE.scss +4212 -0
  33. data/app/assets/stylesheets/admin_lte/rtl/_bootstrap.scss +4 -0
  34. data/app/assets/stylesheets/admin_lte/rtl/admin_lte.css +16 -0
  35. data/app/assets/stylesheets/admin_lte/rtl/skins/_all-skins.scss +1788 -0
  36. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-black-light.scss +176 -0
  37. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-black.scss +154 -0
  38. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-blue-light.scss +167 -0
  39. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-blue.scss +142 -0
  40. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-green-light.scss +156 -0
  41. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-green.scss +134 -0
  42. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-purple-light.scss +156 -0
  43. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-purple.scss +134 -0
  44. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-red-light.scss +156 -0
  45. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-red.scss +134 -0
  46. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-yellow-light.scss +156 -0
  47. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-yellow.scss +134 -0
  48. data/bin/console +14 -0
  49. data/bin/setup +7 -0
  50. data/lib/admin_lte-rails.rb +57 -0
  51. data/lib/admin_lte-rails/version.rb +3 -0
  52. data/lib/ltr/_bootstrap.scss +2 -0
  53. data/lib/ltr/admin_lte.css +16 -0
  54. data/lib/rtl/_bootstrap.scss +4 -0
  55. data/lib/rtl/admin_lte.css +16 -0
  56. data/lib/to_rtl.js +6 -0
  57. metadata +380 -0
@@ -0,0 +1 @@
1
+ @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);
@@ -0,0 +1 @@
1
+ @import 'admin-lte/AdminLTE.scss';
@@ -0,0 +1,4211 @@
1
+ /*!
2
+ * AdminLTE v2.1.2
3
+ * Author: Almsaeed Studio
4
+ * Website: Almsaeed Studio <http://almsaeedstudio.com>
5
+ * License: Open source - MIT
6
+ * Please visit http://opensource.org/licenses/MIT for more information
7
+ !*/
8
+ /*
9
+ * Core: General Layout Style
10
+ * -------------------------
11
+ */
12
+ html,
13
+ body {
14
+ min-height: 100%;
15
+ }
16
+ .layout-boxed html,
17
+ .layout-boxed body {
18
+ height: 100%;
19
+ }
20
+ body {
21
+ -webkit-font-smoothing: antialiased;
22
+ -moz-osx-font-smoothing: grayscale;
23
+ font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
24
+ font-weight: 400;
25
+ overflow-x: hidden;
26
+ overflow-y: auto;
27
+ }
28
+ /* Layout */
29
+ .wrapper {
30
+ min-height: 100%;
31
+ position: relative;
32
+ overflow: hidden!important;
33
+ }
34
+ .wrapper:before,
35
+ .wrapper:after {
36
+ content: " ";
37
+ display: table;
38
+ }
39
+ .wrapper:after {
40
+ clear: both;
41
+ }
42
+ .layout-boxed .wrapper {
43
+ max-width: 1250px;
44
+ margin: 0 auto;
45
+ min-height: 100%;
46
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
47
+ position: relative;
48
+ }
49
+ .layout-boxed {
50
+ background: image-url("admin-lte/dist/img/boxed-bg.jpg") repeat fixed;
51
+ }
52
+ /*
53
+ * Content Wrapper - contains the main content
54
+ * ```.right-side has been deprecated as of v2.0.0 in favor of .content-wrapper ```
55
+ */
56
+ .content-wrapper,
57
+ .right-side,
58
+ .main-footer {
59
+ -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
60
+ -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
61
+ -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
62
+ transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
63
+ margin-left: 230px;
64
+ z-index: 820;
65
+ }
66
+ .layout-top-nav .content-wrapper,
67
+ .layout-top-nav .right-side,
68
+ .layout-top-nav .main-footer {
69
+ margin-left: 0;
70
+ }
71
+ @media (max-width: 767px) {
72
+ .content-wrapper,
73
+ .right-side,
74
+ .main-footer {
75
+ margin-left: 0;
76
+ }
77
+ }
78
+ @media (min-width: 768px) {
79
+ .sidebar-collapse .content-wrapper,
80
+ .sidebar-collapse .right-side,
81
+ .sidebar-collapse .main-footer {
82
+ margin-left: 0;
83
+ }
84
+ }
85
+ @media (max-width: 767px) {
86
+ .sidebar-open .content-wrapper,
87
+ .sidebar-open .right-side,
88
+ .sidebar-open .main-footer {
89
+ -webkit-transform: translate(230px, 0);
90
+ -ms-transform: translate(230px, 0);
91
+ -o-transform: translate(230px, 0);
92
+ transform: translate(230px, 0);
93
+ }
94
+ }
95
+ .content-wrapper,
96
+ .right-side {
97
+ min-height: 100%;
98
+ background-color: #ecf0f5;
99
+ z-index: 800;
100
+ }
101
+ .main-footer {
102
+ background: #fff;
103
+ padding: 15px;
104
+ color: #444;
105
+ border-top: 1px solid #d2d6de;
106
+ }
107
+ /* Fixed layout */
108
+ .fixed .main-header,
109
+ .fixed .main-sidebar,
110
+ .fixed .left-side {
111
+ position: fixed;
112
+ }
113
+ .fixed .main-header {
114
+ top: 0;
115
+ right: 0;
116
+ left: 0;
117
+ }
118
+ .fixed .content-wrapper,
119
+ .fixed .right-side {
120
+ padding-top: 50px;
121
+ }
122
+ @media (max-width: 767px) {
123
+ .fixed .content-wrapper,
124
+ .fixed .right-side {
125
+ padding-top: 100px;
126
+ }
127
+ }
128
+ .fixed.layout-boxed .wrapper {
129
+ max-width: 100%;
130
+ }
131
+ /* Content */
132
+ .content {
133
+ min-height: 250px;
134
+ padding: 15px;
135
+ margin-right: auto;
136
+ margin-left: auto;
137
+ padding-left: 15px;
138
+ padding-right: 15px;
139
+ }
140
+ /* H1 - H6 font */
141
+ h1,
142
+ h2,
143
+ h3,
144
+ h4,
145
+ h5,
146
+ h6,
147
+ .h1,
148
+ .h2,
149
+ .h3,
150
+ .h4,
151
+ .h5,
152
+ .h6 {
153
+ font-family: 'Source Sans Pro', sans-serif;
154
+ }
155
+ /* General Links */
156
+ a {
157
+ color: #3c8dbc;
158
+ }
159
+ a:hover,
160
+ a:active,
161
+ a:focus {
162
+ outline: none;
163
+ text-decoration: none;
164
+ color: #72afd2;
165
+ }
166
+ /* Page Header */
167
+ .page-header {
168
+ margin: 10px 0 20px 0;
169
+ font-size: 22px;
170
+ }
171
+ .page-header > small {
172
+ color: #666;
173
+ display: block;
174
+ margin-top: 5px;
175
+ }
176
+ /*
177
+ * Component: Main Header
178
+ * ----------------------
179
+ */
180
+ .main-header {
181
+ position: relative;
182
+ max-height: 100px;
183
+ z-index: 1030;
184
+ }
185
+ .main-header > .navbar {
186
+ -webkit-transition: margin-left 0.3s ease-in-out;
187
+ -o-transition: margin-left 0.3s ease-in-out;
188
+ transition: margin-left 0.3s ease-in-out;
189
+ margin-bottom: 0;
190
+ margin-left: 230px;
191
+ border: none;
192
+ min-height: 50px;
193
+ border-radius: 0;
194
+ }
195
+ .layout-top-nav .main-header > .navbar {
196
+ margin-left: 0!important;
197
+ }
198
+ .main-header #navbar-search-input {
199
+ background: rgba(255, 255, 255, 0.2);
200
+ border-color: transparent;
201
+ }
202
+ .main-header #navbar-search-input:focus,
203
+ .main-header #navbar-search-input:active {
204
+ border-color: rgba(0, 0, 0, 0.1) !important;
205
+ background: rgba(255, 255, 255, 0.9);
206
+ }
207
+ .main-header #navbar-search-input::-moz-placeholder {
208
+ color: #ccc;
209
+ opacity: 1;
210
+ }
211
+ .main-header #navbar-search-input:-ms-input-placeholder {
212
+ color: #ccc;
213
+ }
214
+ .main-header #navbar-search-input::-webkit-input-placeholder {
215
+ color: #ccc;
216
+ }
217
+ .main-header .navbar-custom-menu,
218
+ .main-header .navbar-right {
219
+ float: right;
220
+ }
221
+ @media (max-width: 991px) {
222
+ .main-header .navbar-custom-menu a,
223
+ .main-header .navbar-right a {
224
+ color: inherit;
225
+ background: transparent;
226
+ }
227
+ }
228
+ @media (max-width: 767px) {
229
+ .main-header .navbar-right {
230
+ float: none;
231
+ }
232
+ .navbar-collapse .main-header .navbar-right {
233
+ margin: 7.5px -15px;
234
+ }
235
+ .main-header .navbar-right > li {
236
+ color: inherit;
237
+ border: 0;
238
+ }
239
+ }
240
+ .main-header .sidebar-toggle {
241
+ float: left;
242
+ background-color: transparent;
243
+ background-image: none;
244
+ padding: 15px 15px;
245
+ font-family: fontAwesome;
246
+ }
247
+ .main-header .sidebar-toggle:before {
248
+ content: "\f0c9";
249
+ }
250
+ .main-header .sidebar-toggle:hover {
251
+ color: #fff;
252
+ }
253
+ .main-header .sidebar-toggle:focus,
254
+ .main-header .sidebar-toggle:active {
255
+ background: transparent;
256
+ }
257
+ .main-header .sidebar-toggle .icon-bar {
258
+ display: none;
259
+ }
260
+ .main-header .navbar .nav > li.user > a > .fa,
261
+ .main-header .navbar .nav > li.user > a > .glyphicon,
262
+ .main-header .navbar .nav > li.user > a > .ion {
263
+ margin-right: 5px;
264
+ }
265
+ .main-header .navbar .nav > li > a > .label {
266
+ position: absolute;
267
+ top: 9px;
268
+ right: 7px;
269
+ text-align: center;
270
+ font-size: 9px;
271
+ padding: 2px 3px;
272
+ line-height: .9;
273
+ }
274
+ .main-header .logo {
275
+ -webkit-transition: width 0.3s ease-in-out;
276
+ -o-transition: width 0.3s ease-in-out;
277
+ transition: width 0.3s ease-in-out;
278
+ display: block;
279
+ float: left;
280
+ height: 50px;
281
+ font-size: 20px;
282
+ line-height: 50px;
283
+ text-align: center;
284
+ width: 230px;
285
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
286
+ padding: 0 15px;
287
+ font-weight: 300;
288
+ overflow: hidden;
289
+ }
290
+ .main-header .logo .logo-lg {
291
+ display: block;
292
+ }
293
+ .main-header .logo .logo-mini {
294
+ display: none;
295
+ }
296
+ .main-header .navbar-brand {
297
+ color: #fff;
298
+ }
299
+ .content-header {
300
+ position: relative;
301
+ padding: 15px 15px 0 15px;
302
+ }
303
+ .content-header > h1 {
304
+ margin: 0;
305
+ font-size: 24px;
306
+ }
307
+ .content-header > h1 > small {
308
+ font-size: 15px;
309
+ display: inline-block;
310
+ padding-left: 4px;
311
+ font-weight: 300;
312
+ }
313
+ .content-header > .breadcrumb {
314
+ float: right;
315
+ background: transparent;
316
+ margin-top: 0px;
317
+ margin-bottom: 0;
318
+ font-size: 12px;
319
+ padding: 7px 5px;
320
+ position: absolute;
321
+ top: 15px;
322
+ right: 10px;
323
+ border-radius: 2px;
324
+ }
325
+ .content-header > .breadcrumb > li > a {
326
+ color: #444;
327
+ text-decoration: none;
328
+ display: inline-block;
329
+ }
330
+ .content-header > .breadcrumb > li > a > .fa,
331
+ .content-header > .breadcrumb > li > a > .glyphicon,
332
+ .content-header > .breadcrumb > li > a > .ion {
333
+ margin-right: 5px;
334
+ }
335
+ .content-header > .breadcrumb > li + li:before {
336
+ content: '>\00a0';
337
+ }
338
+ @media (max-width: 991px) {
339
+ .content-header > .breadcrumb {
340
+ position: relative;
341
+ margin-top: 5px;
342
+ top: 0;
343
+ right: 0;
344
+ float: none;
345
+ background: #d2d6de;
346
+ padding-left: 10px;
347
+ }
348
+ .content-header > .breadcrumb li:before {
349
+ color: #97a0b3;
350
+ }
351
+ }
352
+ .navbar-toggle {
353
+ color: #fff;
354
+ border: 0;
355
+ margin: 0;
356
+ padding: 15px 15px;
357
+ }
358
+ @media (max-width: 991px) {
359
+ .navbar-custom-menu .navbar-nav > li {
360
+ float: left;
361
+ }
362
+ .navbar-custom-menu .navbar-nav {
363
+ margin: 0;
364
+ float: left;
365
+ }
366
+ .navbar-custom-menu .navbar-nav > li > a {
367
+ padding-top: 15px;
368
+ padding-bottom: 15px;
369
+ line-height: 20px;
370
+ }
371
+ }
372
+ @media (max-width: 767px) {
373
+ .main-header {
374
+ position: relative;
375
+ }
376
+ .main-header .logo,
377
+ .main-header .navbar {
378
+ width: 100%;
379
+ float: none;
380
+ position: relative!important;
381
+ }
382
+ .main-header .navbar {
383
+ margin: 0;
384
+ }
385
+ .main-header .navbar-custom-menu {
386
+ float: right;
387
+ }
388
+ .main-sidebar,
389
+ .left-side {
390
+ padding-top: 100px!important;
391
+ }
392
+ }
393
+ @media (max-width: 991px) {
394
+ .navbar-collapse.pull-left {
395
+ float: none!important;
396
+ }
397
+ .navbar-collapse.pull-left + .navbar-custom-menu {
398
+ display: block;
399
+ position: absolute;
400
+ top: 0;
401
+ right: 40px;
402
+ }
403
+ }
404
+ /*
405
+ * Component: Sidebar
406
+ * ------------------
407
+ */
408
+ .main-sidebar,
409
+ .left-side {
410
+ position: absolute;
411
+ top: 0;
412
+ left: 0;
413
+ padding-top: 50px;
414
+ min-height: 100%;
415
+ width: 230px;
416
+ z-index: 810;
417
+ -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
418
+ -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
419
+ -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;
420
+ transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
421
+ }
422
+ @media (max-width: 767px) {
423
+ .main-sidebar,
424
+ .left-side {
425
+ -webkit-transform: translate(-230px, 0);
426
+ -ms-transform: translate(-230px, 0);
427
+ -o-transform: translate(-230px, 0);
428
+ transform: translate(-230px, 0);
429
+ }
430
+ }
431
+ @media (min-width: 768px) {
432
+ .sidebar-collapse .main-sidebar,
433
+ .sidebar-collapse .left-side {
434
+ -webkit-transform: translate(-230px, 0);
435
+ -ms-transform: translate(-230px, 0);
436
+ -o-transform: translate(-230px, 0);
437
+ transform: translate(-230px, 0);
438
+ }
439
+ }
440
+ @media (max-width: 767px) {
441
+ .sidebar-open .main-sidebar,
442
+ .sidebar-open .left-side {
443
+ -webkit-transform: translate(0, 0);
444
+ -ms-transform: translate(0, 0);
445
+ -o-transform: translate(0, 0);
446
+ transform: translate(0, 0);
447
+ }
448
+ }
449
+ .sidebar {
450
+ padding-bottom: 10px;
451
+ }
452
+ .sidebar-form input:focus {
453
+ border-color: transparent!important;
454
+ }
455
+ .user-panel {
456
+ position: relative;
457
+ width: 100%;
458
+ padding: 10px;
459
+ overflow: hidden;
460
+ }
461
+ .user-panel:before,
462
+ .user-panel:after {
463
+ content: " ";
464
+ display: table;
465
+ }
466
+ .user-panel:after {
467
+ clear: both;
468
+ }
469
+ .user-panel > .image > img {
470
+ width: 100%;
471
+ max-width: 45px;
472
+ height: auto;
473
+ }
474
+ .user-panel > .info {
475
+ padding: 5px 5px 5px 15px;
476
+ line-height: 1;
477
+ position: absolute;
478
+ left: 55px;
479
+ }
480
+ .user-panel > .info > p {
481
+ font-weight: 600;
482
+ margin-bottom: 9px;
483
+ }
484
+ .user-panel > .info > a {
485
+ text-decoration: none;
486
+ padding-right: 5px;
487
+ margin-top: 3px;
488
+ font-size: 11px;
489
+ }
490
+ .user-panel > .info > a > .fa,
491
+ .user-panel > .info > a > .ion,
492
+ .user-panel > .info > a > .glyphicon {
493
+ margin-right: 3px;
494
+ }
495
+ .sidebar-menu {
496
+ list-style: none;
497
+ margin: 0;
498
+ padding: 0;
499
+ }
500
+ .sidebar-menu > li {
501
+ position: relative;
502
+ margin: 0;
503
+ padding: 0;
504
+ }
505
+ .sidebar-menu > li > a {
506
+ padding: 12px 5px 12px 15px;
507
+ display: block;
508
+ }
509
+ .sidebar-menu > li > a > .fa,
510
+ .sidebar-menu > li > a > .glyphicon,
511
+ .sidebar-menu > li > a > .ion {
512
+ width: 20px;
513
+ }
514
+ .sidebar-menu > li .label,
515
+ .sidebar-menu > li .badge {
516
+ margin-top: 3px;
517
+ margin-right: 5px;
518
+ }
519
+ .sidebar-menu li.header {
520
+ padding: 10px 25px 10px 15px;
521
+ font-size: 12px;
522
+ }
523
+ .sidebar-menu li > a > .fa-angle-left {
524
+ width: auto;
525
+ height: auto;
526
+ padding: 0;
527
+ margin-right: 10px;
528
+ margin-top: 3px;
529
+ }
530
+ .sidebar-menu li.active > a > .fa-angle-left {
531
+ -webkit-transform: rotate(-90deg);
532
+ -ms-transform: rotate(-90deg);
533
+ -o-transform: rotate(-90deg);
534
+ transform: rotate(-90deg);
535
+ }
536
+ .sidebar-menu li.active > .treeview-menu {
537
+ display: block;
538
+ }
539
+ .sidebar-menu .treeview-menu {
540
+ display: none;
541
+ list-style: none;
542
+ padding: 0;
543
+ margin: 0;
544
+ padding-left: 5px;
545
+ }
546
+ .sidebar-menu .treeview-menu .treeview-menu {
547
+ padding-left: 20px;
548
+ }
549
+ .sidebar-menu .treeview-menu > li {
550
+ margin: 0;
551
+ }
552
+ .sidebar-menu .treeview-menu > li > a {
553
+ padding: 5px 5px 5px 15px;
554
+ display: block;
555
+ font-size: 14px;
556
+ }
557
+ .sidebar-menu .treeview-menu > li > a > .fa,
558
+ .sidebar-menu .treeview-menu > li > a > .glyphicon,
559
+ .sidebar-menu .treeview-menu > li > a > .ion {
560
+ width: 20px;
561
+ }
562
+ .sidebar-menu .treeview-menu > li > a > .fa-angle-left,
563
+ .sidebar-menu .treeview-menu > li > a > .fa-angle-down {
564
+ width: auto;
565
+ }
566
+ /*
567
+ * Component: Sidebar Mini
568
+ */
569
+ @media (min-width: 768px) {
570
+ .sidebar-mini.sidebar-collapse .content-wrapper,
571
+ .sidebar-mini.sidebar-collapse .right-side,
572
+ .sidebar-mini.sidebar-collapse .main-footer {
573
+ margin-left: 50px!important;
574
+ z-index: 840;
575
+ }
576
+ .sidebar-mini.sidebar-collapse .main-sidebar {
577
+ -webkit-transform: translate(0, 0);
578
+ -ms-transform: translate(0, 0);
579
+ -o-transform: translate(0, 0);
580
+ transform: translate(0, 0);
581
+ width: 50px!important;
582
+ z-index: 850;
583
+ }
584
+ .sidebar-mini.sidebar-collapse .sidebar-menu > li {
585
+ position: relative;
586
+ }
587
+ .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
588
+ margin-right: 0;
589
+ }
590
+ .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
591
+ border-top-right-radius: 4px;
592
+ }
593
+ .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span {
594
+ border-bottom-right-radius: 4px;
595
+ }
596
+ .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
597
+ padding-top: 5px;
598
+ padding-bottom: 5px;
599
+ border-bottom-right-radius: 4px;
600
+ }
601
+ .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
602
+ .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
603
+ display: block!important;
604
+ position: absolute;
605
+ width: 180px;
606
+ left: 50px;
607
+ }
608
+ .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span {
609
+ top: 0;
610
+ margin-left: -3px;
611
+ padding: 12px 5px 12px 20px;
612
+ background-color: inherit;
613
+ }
614
+ .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
615
+ top: 44px;
616
+ margin-left: 0;
617
+ }
618
+ .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info,
619
+ .sidebar-mini.sidebar-collapse .sidebar-form,
620
+ .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span,
621
+ .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu,
622
+ .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right,
623
+ .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
624
+ display: none!important;
625
+ -webkit-transform: translateZ(0);
626
+ }
627
+ .sidebar-mini.sidebar-collapse .main-header .logo {
628
+ width: 50px;
629
+ }
630
+ .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
631
+ display: block;
632
+ margin-left: -15px;
633
+ margin-right: -15px;
634
+ font-size: 18px;
635
+ }
636
+ .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg {
637
+ display: none;
638
+ }
639
+ .sidebar-mini.sidebar-collapse .main-header .navbar {
640
+ margin-left: 50px;
641
+ }
642
+ }
643
+ .sidebar-menu,
644
+ .main-sidebar .user-panel,
645
+ .sidebar-menu > li.header {
646
+ white-space: nowrap!important;
647
+ overflow: hidden;
648
+ }
649
+ .sidebar-menu:hover {
650
+ overflow: visible;
651
+ }
652
+ .sidebar-form,
653
+ .sidebar-menu > li.header {
654
+ overflow: hidden;
655
+ text-overflow: clip;
656
+ }
657
+ .sidebar-menu li > a {
658
+ position: relative;
659
+ }
660
+ .sidebar-menu li > a > .pull-right {
661
+ position: absolute;
662
+ top: 50%;
663
+ right: 10px;
664
+ margin-top: -7px;
665
+ }
666
+ /*
667
+ * Component: Control sidebar. By default, this is the right sidebar.
668
+ */
669
+ .control-sidebar-bg {
670
+ position: fixed;
671
+ z-index: 1000;
672
+ bottom: 0;
673
+ }
674
+ .control-sidebar-bg,
675
+ .control-sidebar {
676
+ top: 0;
677
+ right: -230px;
678
+ width: 230px;
679
+ -webkit-transition: right 0.3s ease-in-out;
680
+ -o-transition: right 0.3s ease-in-out;
681
+ transition: right 0.3s ease-in-out;
682
+ }
683
+ .control-sidebar {
684
+ position: absolute;
685
+ padding-top: 50px;
686
+ z-index: 1010;
687
+ }
688
+ @media (max-width: 768px) {
689
+ .control-sidebar {
690
+ padding-top: 100px;
691
+ }
692
+ }
693
+ .control-sidebar > .tab-content {
694
+ padding: 10px 15px;
695
+ }
696
+ .control-sidebar.control-sidebar-open,
697
+ .control-sidebar.control-sidebar-open + .control-sidebar-bg {
698
+ right: 0;
699
+ }
700
+ .control-sidebar-open .control-sidebar-bg,
701
+ .control-sidebar-open .control-sidebar {
702
+ right: 0;
703
+ }
704
+ @media (min-width: 768px) {
705
+ .control-sidebar-open .content-wrapper,
706
+ .control-sidebar-open .right-side,
707
+ .control-sidebar-open .main-footer {
708
+ margin-right: 230px;
709
+ }
710
+ }
711
+ .control-sidebar-tabs > li:first-of-type > a {
712
+ margin-left: 1px;
713
+ }
714
+ .control-sidebar-tabs > li:first-of-type > a,
715
+ .control-sidebar-tabs > li:first-of-type > a:hover {
716
+ border-left-width: 0!important;
717
+ }
718
+ .control-sidebar-tabs > li > a {
719
+ border-radius: 0 !important;
720
+ }
721
+ .control-sidebar-tabs > li > a,
722
+ .control-sidebar-tabs > li > a:hover {
723
+ border-top: none;
724
+ border-right: none;
725
+ border-left: 1px solid transparent!important;
726
+ border-bottom: 1px solid transparent!important;
727
+ }
728
+ .control-sidebar-tabs > li > a .icon {
729
+ font-size: 16px;
730
+ }
731
+ .control-sidebar-tabs > li.active > a,
732
+ .control-sidebar-tabs > li.active > a:hover,
733
+ .control-sidebar-tabs > li.active > a:focus,
734
+ .control-sidebar-tabs > li.active > a:active {
735
+ border-top: none!important;
736
+ border-right: none!important;
737
+ border-bottom: none!important;
738
+ }
739
+ @media (max-width: 768px) {
740
+ .control-sidebar-tabs {
741
+ display: table;
742
+ }
743
+ .control-sidebar-tabs > li {
744
+ display: table-cell !important;
745
+ }
746
+ }
747
+ .control-sidebar-heading {
748
+ font-weight: 400;
749
+ font-size: 16px;
750
+ padding: 10px 0;
751
+ margin-bottom: 10px;
752
+ }
753
+ .control-sidebar-subheading {
754
+ display: block;
755
+ font-weight: 400;
756
+ font-size: 14px;
757
+ }
758
+ .control-sidebar-menu {
759
+ list-style: none;
760
+ padding: 0;
761
+ margin: 0 -15px;
762
+ }
763
+ .control-sidebar-menu > li > a {
764
+ display: block;
765
+ padding: 10px 15px;
766
+ }
767
+ .control-sidebar-menu > li > a:before,
768
+ .control-sidebar-menu > li > a:after {
769
+ content: " ";
770
+ display: table;
771
+ }
772
+ .control-sidebar-menu > li > a:after {
773
+ clear: both;
774
+ }
775
+ .control-sidebar-menu > li > a > .control-sidebar-subheading {
776
+ margin-top: 0;
777
+ }
778
+ .control-sidebar-menu .menu-icon {
779
+ float: left;
780
+ width: 35px;
781
+ height: 35px;
782
+ border-radius: 50%;
783
+ text-align: center;
784
+ line-height: 35px;
785
+ }
786
+ .control-sidebar-menu .menu-info {
787
+ margin-left: 45px;
788
+ margin-top: 3px;
789
+ }
790
+ .control-sidebar-menu .menu-info > .control-sidebar-subheading {
791
+ margin: 0;
792
+ }
793
+ .control-sidebar-menu .menu-info > p {
794
+ margin: 0;
795
+ font-size: 11px;
796
+ }
797
+ .control-sidebar-menu .progress {
798
+ margin: 0;
799
+ }
800
+ .control-sidebar-dark {
801
+ color: #b8c7ce;
802
+ }
803
+ .control-sidebar-dark,
804
+ .control-sidebar-dark + .control-sidebar-bg {
805
+ background: #222d32;
806
+ }
807
+ .control-sidebar-dark .control-sidebar-tabs {
808
+ border-bottom: #1c2529;
809
+ }
810
+ .control-sidebar-dark .control-sidebar-tabs > li > a {
811
+ background: #181f23;
812
+ color: #b8c7ce;
813
+ }
814
+ .control-sidebar-dark .control-sidebar-tabs > li > a,
815
+ .control-sidebar-dark .control-sidebar-tabs > li > a:hover {
816
+ border-left-color: #141a1d !important;
817
+ border-bottom-color: #141a1d !important;
818
+ }
819
+ .control-sidebar-dark .control-sidebar-tabs > li > a:hover,
820
+ .control-sidebar-dark .control-sidebar-tabs > li > a:focus,
821
+ .control-sidebar-dark .control-sidebar-tabs > li > a:active {
822
+ background: #1c2529;
823
+ }
824
+ .control-sidebar-dark .control-sidebar-tabs > li.active > a,
825
+ .control-sidebar-dark .control-sidebar-tabs > li.active > a:hover,
826
+ .control-sidebar-dark .control-sidebar-tabs > li.active > a:focus,
827
+ .control-sidebar-dark .control-sidebar-tabs > li.active > a:active {
828
+ background: #222d32;
829
+ color: #fff;
830
+ }
831
+ .control-sidebar-dark .control-sidebar-heading,
832
+ .control-sidebar-dark .control-sidebar-subheading {
833
+ color: #fff;
834
+ }
835
+ .control-sidebar-dark .control-sidebar-menu > li > a:hover {
836
+ background: #1e282c;
837
+ }
838
+ .control-sidebar-dark .control-sidebar-menu > li > a .menu-info > p {
839
+ color: #b8c7ce;
840
+ }
841
+ .control-sidebar-light {
842
+ color: #5e5e5e;
843
+ }
844
+ .control-sidebar-light,
845
+ .control-sidebar-light + .control-sidebar-bg {
846
+ background: #f9fafc;
847
+ border-left: 1px solid #d2d6de;
848
+ }
849
+ .control-sidebar-light .control-sidebar-tabs {
850
+ border-bottom: #d2d6de;
851
+ }
852
+ .control-sidebar-light .control-sidebar-tabs > li > a {
853
+ background: #e8ecf4;
854
+ color: #444444;
855
+ }
856
+ .control-sidebar-light .control-sidebar-tabs > li > a,
857
+ .control-sidebar-light .control-sidebar-tabs > li > a:hover {
858
+ border-left-color: #d2d6de !important;
859
+ border-bottom-color: #d2d6de !important;
860
+ }
861
+ .control-sidebar-light .control-sidebar-tabs > li > a:hover,
862
+ .control-sidebar-light .control-sidebar-tabs > li > a:focus,
863
+ .control-sidebar-light .control-sidebar-tabs > li > a:active {
864
+ background: #eff1f7;
865
+ }
866
+ .control-sidebar-light .control-sidebar-tabs > li.active > a,
867
+ .control-sidebar-light .control-sidebar-tabs > li.active > a:hover,
868
+ .control-sidebar-light .control-sidebar-tabs > li.active > a:focus,
869
+ .control-sidebar-light .control-sidebar-tabs > li.active > a:active {
870
+ background: #f9fafc;
871
+ color: #111;
872
+ }
873
+ .control-sidebar-light .control-sidebar-heading,
874
+ .control-sidebar-light .control-sidebar-subheading {
875
+ color: #111;
876
+ }
877
+ .control-sidebar-light .control-sidebar-menu {
878
+ margin-left: -14px;
879
+ }
880
+ .control-sidebar-light .control-sidebar-menu > li > a:hover {
881
+ background: #f4f4f5;
882
+ }
883
+ .control-sidebar-light .control-sidebar-menu > li > a .menu-info > p {
884
+ color: #5e5e5e;
885
+ }
886
+ /*
887
+ * Component: Dropdown menus
888
+ * -------------------------
889
+ */
890
+ /*Dropdowns in general*/
891
+ .dropdown-menu {
892
+ box-shadow: none;
893
+ border-color: #eee;
894
+ }
895
+ .dropdown-menu > li > a {
896
+ color: #777;
897
+ }
898
+ .dropdown-menu > li > a > .glyphicon,
899
+ .dropdown-menu > li > a > .fa,
900
+ .dropdown-menu > li > a > .ion {
901
+ margin-right: 10px;
902
+ }
903
+ .dropdown-menu > li > a:hover {
904
+ background-color: #e1e3e9;
905
+ color: #333;
906
+ }
907
+ .dropdown-menu > .divider {
908
+ background-color: #eee;
909
+ }
910
+ .navbar-nav .dropdown-menu {
911
+ -webkit-box-shadow: none !important;
912
+ box-shadow: none !important;
913
+ }
914
+ .navbar-nav > .notifications-menu,
915
+ .navbar-nav > .messages-menu,
916
+ .navbar-nav > .tasks-menu {
917
+ position: relative;
918
+ }
919
+ .navbar-nav > .notifications-menu > .dropdown-menu,
920
+ .navbar-nav > .messages-menu > .dropdown-menu,
921
+ .navbar-nav > .tasks-menu > .dropdown-menu {
922
+ width: 280px;
923
+ padding: 0 0 0 0!important;
924
+ margin: 0!important;
925
+ top: 100%;
926
+ }
927
+ .navbar-nav > .notifications-menu > .dropdown-menu > li,
928
+ .navbar-nav > .messages-menu > .dropdown-menu > li,
929
+ .navbar-nav > .tasks-menu > .dropdown-menu > li {
930
+ position: relative;
931
+ }
932
+ .navbar-nav > .notifications-menu > .dropdown-menu > li.header,
933
+ .navbar-nav > .messages-menu > .dropdown-menu > li.header,
934
+ .navbar-nav > .tasks-menu > .dropdown-menu > li.header {
935
+ border-top-left-radius: 4px;
936
+ border-top-right-radius: 4px;
937
+ border-bottom-right-radius: 0;
938
+ border-bottom-left-radius: 0;
939
+ background-color: #ffffff;
940
+ padding: 7px 10px;
941
+ border-bottom: 1px solid #f4f4f4;
942
+ color: #444444;
943
+ font-size: 14px;
944
+ }
945
+ .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
946
+ .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
947
+ .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
948
+ border-top-left-radius: 0px;
949
+ border-top-right-radius: 0px;
950
+ border-bottom-right-radius: 4px;
951
+ border-bottom-left-radius: 4px;
952
+ font-size: 12px;
953
+ background-color: #fff;
954
+ padding: 7px 10px;
955
+ border-bottom: 1px solid #eeeeee;
956
+ color: #444!important;
957
+ text-align: center;
958
+ }
959
+ @media (max-width: 991px) {
960
+ .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
961
+ .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
962
+ .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
963
+ background: #fff!important;
964
+ color: #444!important;
965
+ }
966
+ }
967
+ .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover,
968
+ .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover,
969
+ .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover {
970
+ text-decoration: none;
971
+ font-weight: normal;
972
+ }
973
+ .navbar-nav > .notifications-menu > .dropdown-menu > li .menu,
974
+ .navbar-nav > .messages-menu > .dropdown-menu > li .menu,
975
+ .navbar-nav > .tasks-menu > .dropdown-menu > li .menu {
976
+ max-height: 200px;
977
+ margin: 0;
978
+ padding: 0;
979
+ list-style: none;
980
+ overflow-x: hidden;
981
+ }
982
+ .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a,
983
+ .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a,
984
+ .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
985
+ display: block;
986
+ white-space: nowrap;
987
+ /* Prevent text from breaking */
988
+ border-bottom: 1px solid #f4f4f4;
989
+ }
990
+ .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,
991
+ .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover,
992
+ .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
993
+ background: #f4f4f4;
994
+ text-decoration: none;
995
+ }
996
+ .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
997
+ color: #444444;
998
+ overflow: hidden;
999
+ text-overflow: ellipsis;
1000
+ white-space: nowrap;
1001
+ padding: 10px;
1002
+ }
1003
+ .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon,
1004
+ .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa,
1005
+ .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion {
1006
+ width: 20px;
1007
+ }
1008
+ .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a {
1009
+ margin: 0px;
1010
+ padding: 10px 10px;
1011
+ }
1012
+ .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {
1013
+ margin: auto 10px auto auto;
1014
+ width: 40px;
1015
+ height: 40px;
1016
+ }
1017
+ .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {
1018
+ padding: 0;
1019
+ margin: 0 0 0 45px;
1020
+ color: #444444;
1021
+ font-size: 15px;
1022
+ position: relative;
1023
+ }
1024
+ .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small {
1025
+ color: #999999;
1026
+ font-size: 10px;
1027
+ position: absolute;
1028
+ top: 0px;
1029
+ right: 0px;
1030
+ }
1031
+ .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {
1032
+ margin: 0 0 0 45px;
1033
+ font-size: 12px;
1034
+ color: #888888;
1035
+ }
1036
+ .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before,
1037
+ .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
1038
+ content: " ";
1039
+ display: table;
1040
+ }
1041
+ .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
1042
+ clear: both;
1043
+ }
1044
+ .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
1045
+ padding: 10px;
1046
+ }
1047
+ .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 {
1048
+ font-size: 14px;
1049
+ padding: 0;
1050
+ margin: 0 0 10px 0;
1051
+ color: #666666;
1052
+ }
1053
+ .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress {
1054
+ padding: 0;
1055
+ margin: 0;
1056
+ }
1057
+ .navbar-nav > .user-menu > .dropdown-menu {
1058
+ border-top-right-radius: 0;
1059
+ border-top-left-radius: 0;
1060
+ padding: 1px 0 0 0;
1061
+ border-top-width: 0;
1062
+ width: 280px;
1063
+ }
1064
+ .navbar-nav > .user-menu > .dropdown-menu,
1065
+ .navbar-nav > .user-menu > .dropdown-menu > .user-body {
1066
+ border-bottom-right-radius: 4px;
1067
+ border-bottom-left-radius: 4px;
1068
+ }
1069
+ .navbar-nav > .user-menu > .dropdown-menu > li.user-header {
1070
+ height: 175px;
1071
+ padding: 10px;
1072
+ text-align: center;
1073
+ }
1074
+ .navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
1075
+ z-index: 5;
1076
+ height: 90px;
1077
+ width: 90px;
1078
+ border: 3px solid;
1079
+ border-color: transparent;
1080
+ border-color: rgba(255, 255, 255, 0.2);
1081
+ }
1082
+ .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
1083
+ z-index: 5;
1084
+ color: #fff;
1085
+ color: rgba(255, 255, 255, 0.8);
1086
+ font-size: 17px;
1087
+ margin-top: 10px;
1088
+ }
1089
+ .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
1090
+ display: block;
1091
+ font-size: 12px;
1092
+ }
1093
+ .navbar-nav > .user-menu > .dropdown-menu > .user-body {
1094
+ padding: 15px;
1095
+ border-bottom: 1px solid #f4f4f4;
1096
+ border-top: 1px solid #dddddd;
1097
+ }
1098
+ .navbar-nav > .user-menu > .dropdown-menu > .user-body:before,
1099
+ .navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
1100
+ content: " ";
1101
+ display: table;
1102
+ }
1103
+ .navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
1104
+ clear: both;
1105
+ }
1106
+ .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
1107
+ color: #444 !important;
1108
+ }
1109
+ @media (max-width: 991px) {
1110
+ .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
1111
+ background: #fff !important;
1112
+ color: #444 !important;
1113
+ }
1114
+ }
1115
+ .navbar-nav > .user-menu > .dropdown-menu > .user-footer {
1116
+ background-color: #f9f9f9;
1117
+ padding: 10px;
1118
+ }
1119
+ .navbar-nav > .user-menu > .dropdown-menu > .user-footer:before,
1120
+ .navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
1121
+ content: " ";
1122
+ display: table;
1123
+ }
1124
+ .navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
1125
+ clear: both;
1126
+ }
1127
+ .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
1128
+ color: #666666;
1129
+ }
1130
+ .navbar-nav > .user-menu .user-image {
1131
+ float: left;
1132
+ width: 25px;
1133
+ height: 25px;
1134
+ border-radius: 50%;
1135
+ margin-right: 10px;
1136
+ margin-top: -2px;
1137
+ }
1138
+ @media (max-width: 767px) {
1139
+ .navbar-nav > .user-menu .user-image {
1140
+ float: none;
1141
+ margin-right: 0;
1142
+ margin-top: -8px;
1143
+ line-height: 10px;
1144
+ }
1145
+ }
1146
+ /* Add fade animation to dropdown menus by appending
1147
+ the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/
1148
+ .open:not(.dropup) > .animated-dropdown-menu {
1149
+ backface-visibility: visible !important;
1150
+ -webkit-animation: flipInX 0.7s both;
1151
+ -o-animation: flipInX 0.7s both;
1152
+ animation: flipInX 0.7s both;
1153
+ }
1154
+ @keyframes flipInX {
1155
+ 0% {
1156
+ transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1157
+ transition-timing-function: ease-in;
1158
+ opacity: 0;
1159
+ }
1160
+ 40% {
1161
+ transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1162
+ transition-timing-function: ease-in;
1163
+ }
1164
+ 60% {
1165
+ transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1166
+ opacity: 1;
1167
+ }
1168
+ 80% {
1169
+ transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1170
+ }
1171
+ 100% {
1172
+ transform: perspective(400px);
1173
+ }
1174
+ }
1175
+ @-webkit-keyframes flipInX {
1176
+ 0% {
1177
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1178
+ -webkit-transition-timing-function: ease-in;
1179
+ opacity: 0;
1180
+ }
1181
+ 40% {
1182
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1183
+ -webkit-transition-timing-function: ease-in;
1184
+ }
1185
+ 60% {
1186
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1187
+ opacity: 1;
1188
+ }
1189
+ 80% {
1190
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1191
+ }
1192
+ 100% {
1193
+ -webkit-transform: perspective(400px);
1194
+ }
1195
+ }
1196
+ /* Fix dropdown menu in navbars */
1197
+ .navbar-custom-menu > .navbar-nav > li {
1198
+ position: relative;
1199
+ }
1200
+ .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
1201
+ position: absolute;
1202
+ right: 0;
1203
+ left: auto;
1204
+ }
1205
+ @media (max-width: 991px) {
1206
+ .navbar-custom-menu > .navbar-nav {
1207
+ float: right;
1208
+ }
1209
+ .navbar-custom-menu > .navbar-nav > li {
1210
+ position: static;
1211
+ }
1212
+ .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
1213
+ position: absolute;
1214
+ right: 5%;
1215
+ left: auto;
1216
+ border: 1px solid #ddd;
1217
+ background: #fff;
1218
+ }
1219
+ }
1220
+ /*
1221
+ * Component: Form
1222
+ * ---------------
1223
+ */
1224
+ .form-control {
1225
+ border-radius: 0px !important;
1226
+ box-shadow: none;
1227
+ border-color: #d2d6de;
1228
+ }
1229
+ .form-control:focus {
1230
+ border-color: #3c8dbc !important;
1231
+ box-shadow: none;
1232
+ }
1233
+ .form-control::-moz-placeholder {
1234
+ color: #bbb;
1235
+ opacity: 1;
1236
+ }
1237
+ .form-control:-ms-input-placeholder {
1238
+ color: #bbb;
1239
+ }
1240
+ .form-control::-webkit-input-placeholder {
1241
+ color: #bbb;
1242
+ }
1243
+ .form-control:not(select) {
1244
+ -webkit-appearance: none;
1245
+ -moz-appearance: none;
1246
+ appearance: none;
1247
+ }
1248
+ .form-group.has-success label {
1249
+ color: #00a65a;
1250
+ }
1251
+ .form-group.has-success .form-control {
1252
+ border-color: #00a65a !important;
1253
+ box-shadow: none;
1254
+ }
1255
+ .form-group.has-warning label {
1256
+ color: #f39c12;
1257
+ }
1258
+ .form-group.has-warning .form-control {
1259
+ border-color: #f39c12 !important;
1260
+ box-shadow: none;
1261
+ }
1262
+ .form-group.has-error label {
1263
+ color: #dd4b39;
1264
+ }
1265
+ .form-group.has-error .form-control {
1266
+ border-color: #dd4b39 !important;
1267
+ box-shadow: none;
1268
+ }
1269
+ /* Input group */
1270
+ .input-group .input-group-addon {
1271
+ border-radius: 0px;
1272
+ border-color: #d2d6de;
1273
+ background-color: #fff;
1274
+ }
1275
+ /* button groups */
1276
+ .btn-group-vertical .btn.btn-flat:first-of-type,
1277
+ .btn-group-vertical .btn.btn-flat:last-of-type {
1278
+ border-radius: 0;
1279
+ }
1280
+ .icheck > label {
1281
+ padding-left: 0;
1282
+ }
1283
+ /*
1284
+ * Component: Progress Bar
1285
+ * -----------------------
1286
+ */
1287
+ .progress,
1288
+ .progress > .progress-bar {
1289
+ -webkit-box-shadow: none;
1290
+ box-shadow: none;
1291
+ }
1292
+ .progress,
1293
+ .progress > .progress-bar,
1294
+ .progress .progress-bar,
1295
+ .progress > .progress-bar .progress-bar {
1296
+ border-radius: 1px;
1297
+ }
1298
+ /* size variation */
1299
+ .progress.sm,
1300
+ .progress-sm {
1301
+ height: 10px;
1302
+ }
1303
+ .progress.sm,
1304
+ .progress-sm,
1305
+ .progress.sm .progress-bar,
1306
+ .progress-sm .progress-bar {
1307
+ border-radius: 1px;
1308
+ }
1309
+ .progress.xs,
1310
+ .progress-xs {
1311
+ height: 7px;
1312
+ }
1313
+ .progress.xs,
1314
+ .progress-xs,
1315
+ .progress.xs .progress-bar,
1316
+ .progress-xs .progress-bar {
1317
+ border-radius: 1px;
1318
+ }
1319
+ .progress.xxs,
1320
+ .progress-xxs {
1321
+ height: 3px;
1322
+ }
1323
+ .progress.xxs,
1324
+ .progress-xxs,
1325
+ .progress.xxs .progress-bar,
1326
+ .progress-xxs .progress-bar {
1327
+ border-radius: 1px;
1328
+ }
1329
+ /* Vertical bars */
1330
+ .progress.vertical {
1331
+ position: relative;
1332
+ width: 30px;
1333
+ height: 200px;
1334
+ display: inline-block;
1335
+ margin-right: 10px;
1336
+ }
1337
+ .progress.vertical > .progress-bar {
1338
+ width: 100%!important;
1339
+ position: absolute;
1340
+ bottom: 0;
1341
+ }
1342
+ .progress.vertical.sm,
1343
+ .progress.vertical.progress-sm {
1344
+ width: 20px;
1345
+ }
1346
+ .progress.vertical.xs,
1347
+ .progress.vertical.progress-xs {
1348
+ width: 10px;
1349
+ }
1350
+ .progress.vertical.xxs,
1351
+ .progress.vertical.progress-xxs {
1352
+ width: 3px;
1353
+ }
1354
+ .progress-group .progress-text {
1355
+ font-weight: 600;
1356
+ }
1357
+ .progress-group .progress-number {
1358
+ float: right;
1359
+ }
1360
+ /* Remove margins from progress bars when put in a table */
1361
+ .table tr > td .progress {
1362
+ margin: 0;
1363
+ }
1364
+ .progress-bar-light-blue,
1365
+ .progress-bar-primary {
1366
+ background-color: #3c8dbc;
1367
+ }
1368
+ .progress-striped .progress-bar-light-blue,
1369
+ .progress-striped .progress-bar-primary {
1370
+ 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);
1371
+ background-image: -o-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);
1372
+ 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);
1373
+ }
1374
+ .progress-bar-green,
1375
+ .progress-bar-success {
1376
+ background-color: #00a65a;
1377
+ }
1378
+ .progress-striped .progress-bar-green,
1379
+ .progress-striped .progress-bar-success {
1380
+ 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);
1381
+ background-image: -o-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);
1382
+ 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);
1383
+ }
1384
+ .progress-bar-aqua,
1385
+ .progress-bar-info {
1386
+ background-color: #00c0ef;
1387
+ }
1388
+ .progress-striped .progress-bar-aqua,
1389
+ .progress-striped .progress-bar-info {
1390
+ 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);
1391
+ background-image: -o-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);
1392
+ 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);
1393
+ }
1394
+ .progress-bar-yellow,
1395
+ .progress-bar-warning {
1396
+ background-color: #f39c12;
1397
+ }
1398
+ .progress-striped .progress-bar-yellow,
1399
+ .progress-striped .progress-bar-warning {
1400
+ 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);
1401
+ background-image: -o-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);
1402
+ 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);
1403
+ }
1404
+ .progress-bar-red,
1405
+ .progress-bar-danger {
1406
+ background-color: #dd4b39;
1407
+ }
1408
+ .progress-striped .progress-bar-red,
1409
+ .progress-striped .progress-bar-danger {
1410
+ 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);
1411
+ background-image: -o-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);
1412
+ 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);
1413
+ }
1414
+ /*
1415
+ * Component: Small Box
1416
+ * --------------------
1417
+ */
1418
+ .small-box {
1419
+ border-radius: 2px;
1420
+ position: relative;
1421
+ display: block;
1422
+ margin-bottom: 20px;
1423
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
1424
+ }
1425
+ .small-box > .inner {
1426
+ padding: 10px;
1427
+ }
1428
+ .small-box > .small-box-footer {
1429
+ position: relative;
1430
+ text-align: center;
1431
+ padding: 3px 0;
1432
+ color: #fff;
1433
+ color: rgba(255, 255, 255, 0.8);
1434
+ display: block;
1435
+ z-index: 10;
1436
+ background: rgba(0, 0, 0, 0.1);
1437
+ text-decoration: none;
1438
+ }
1439
+ .small-box > .small-box-footer:hover {
1440
+ color: #fff;
1441
+ background: rgba(0, 0, 0, 0.15);
1442
+ }
1443
+ .small-box h3 {
1444
+ font-size: 38px;
1445
+ font-weight: bold;
1446
+ margin: 0 0 10px 0;
1447
+ white-space: nowrap;
1448
+ padding: 0;
1449
+ }
1450
+ .small-box p {
1451
+ font-size: 15px;
1452
+ }
1453
+ .small-box p > small {
1454
+ display: block;
1455
+ color: #f9f9f9;
1456
+ font-size: 13px;
1457
+ margin-top: 5px;
1458
+ }
1459
+ .small-box h3,
1460
+ .small-box p {
1461
+ z-index: 5px;
1462
+ }
1463
+ .small-box .icon {
1464
+ -webkit-transition: all 0.3s linear;
1465
+ -o-transition: all 0.3s linear;
1466
+ transition: all 0.3s linear;
1467
+ position: absolute;
1468
+ top: -10px;
1469
+ right: 10px;
1470
+ z-index: 0;
1471
+ font-size: 90px;
1472
+ color: rgba(0, 0, 0, 0.15);
1473
+ }
1474
+ .small-box:hover {
1475
+ text-decoration: none;
1476
+ color: #f9f9f9;
1477
+ }
1478
+ .small-box:hover .icon {
1479
+ font-size: 95px;
1480
+ }
1481
+ @media (max-width: 767px) {
1482
+ .small-box {
1483
+ text-align: center;
1484
+ }
1485
+ .small-box .icon {
1486
+ display: none;
1487
+ }
1488
+ .small-box p {
1489
+ font-size: 12px;
1490
+ }
1491
+ }
1492
+ /*
1493
+ * Component: Box
1494
+ * --------------
1495
+ */
1496
+ .box {
1497
+ position: relative;
1498
+ border-radius: 3px;
1499
+ background: #ffffff;
1500
+ border-top: 3px solid #d2d6de;
1501
+ margin-bottom: 20px;
1502
+ width: 100%;
1503
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
1504
+ }
1505
+ .box.box-primary {
1506
+ border-top-color: #3c8dbc;
1507
+ }
1508
+ .box.box-info {
1509
+ border-top-color: #00c0ef;
1510
+ }
1511
+ .box.box-danger {
1512
+ border-top-color: #dd4b39;
1513
+ }
1514
+ .box.box-warning {
1515
+ border-top-color: #f39c12;
1516
+ }
1517
+ .box.box-success {
1518
+ border-top-color: #00a65a;
1519
+ }
1520
+ .box.box-default {
1521
+ border-top-color: #d2d6de;
1522
+ }
1523
+ .box.collapsed-box .box-body,
1524
+ .box.collapsed-box .box-footer {
1525
+ display: none;
1526
+ }
1527
+ .box .nav-stacked > li {
1528
+ border-bottom: 1px solid #f4f4f4;
1529
+ margin: 0;
1530
+ }
1531
+ .box .nav-stacked > li:last-of-type {
1532
+ border-bottom: none;
1533
+ }
1534
+ .box.height-control .box-body {
1535
+ max-height: 300px;
1536
+ overflow: auto;
1537
+ }
1538
+ .box .border-right {
1539
+ border-right: 1px solid #f4f4f4;
1540
+ }
1541
+ .box .border-left {
1542
+ border-left: 1px solid #f4f4f4;
1543
+ }
1544
+ .box.box-solid {
1545
+ border-top: 0px;
1546
+ }
1547
+ .box.box-solid > .box-header .btn.btn-default {
1548
+ background: transparent;
1549
+ }
1550
+ .box.box-solid > .box-header .btn:hover,
1551
+ .box.box-solid > .box-header a:hover {
1552
+ background: rgba(0, 0, 0, 0.1) !important;
1553
+ }
1554
+ .box.box-solid.box-default {
1555
+ border: 1px solid #d2d6de;
1556
+ }
1557
+ .box.box-solid.box-default > .box-header {
1558
+ color: #444444;
1559
+ background: #d2d6de;
1560
+ background-color: #d2d6de;
1561
+ }
1562
+ .box.box-solid.box-default > .box-header a,
1563
+ .box.box-solid.box-default > .box-header .btn {
1564
+ color: #444444;
1565
+ }
1566
+ .box.box-solid.box-primary {
1567
+ border: 1px solid #3c8dbc;
1568
+ }
1569
+ .box.box-solid.box-primary > .box-header {
1570
+ color: #ffffff;
1571
+ background: #3c8dbc;
1572
+ background-color: #3c8dbc;
1573
+ }
1574
+ .box.box-solid.box-primary > .box-header a,
1575
+ .box.box-solid.box-primary > .box-header .btn {
1576
+ color: #ffffff;
1577
+ }
1578
+ .box.box-solid.box-info {
1579
+ border: 1px solid #00c0ef;
1580
+ }
1581
+ .box.box-solid.box-info > .box-header {
1582
+ color: #ffffff;
1583
+ background: #00c0ef;
1584
+ background-color: #00c0ef;
1585
+ }
1586
+ .box.box-solid.box-info > .box-header a,
1587
+ .box.box-solid.box-info > .box-header .btn {
1588
+ color: #ffffff;
1589
+ }
1590
+ .box.box-solid.box-danger {
1591
+ border: 1px solid #dd4b39;
1592
+ }
1593
+ .box.box-solid.box-danger > .box-header {
1594
+ color: #ffffff;
1595
+ background: #dd4b39;
1596
+ background-color: #dd4b39;
1597
+ }
1598
+ .box.box-solid.box-danger > .box-header a,
1599
+ .box.box-solid.box-danger > .box-header .btn {
1600
+ color: #ffffff;
1601
+ }
1602
+ .box.box-solid.box-warning {
1603
+ border: 1px solid #f39c12;
1604
+ }
1605
+ .box.box-solid.box-warning > .box-header {
1606
+ color: #ffffff;
1607
+ background: #f39c12;
1608
+ background-color: #f39c12;
1609
+ }
1610
+ .box.box-solid.box-warning > .box-header a,
1611
+ .box.box-solid.box-warning > .box-header .btn {
1612
+ color: #ffffff;
1613
+ }
1614
+ .box.box-solid.box-success {
1615
+ border: 1px solid #00a65a;
1616
+ }
1617
+ .box.box-solid.box-success > .box-header {
1618
+ color: #ffffff;
1619
+ background: #00a65a;
1620
+ background-color: #00a65a;
1621
+ }
1622
+ .box.box-solid.box-success > .box-header a,
1623
+ .box.box-solid.box-success > .box-header .btn {
1624
+ color: #ffffff;
1625
+ }
1626
+ .box.box-solid > .box-header > .box-tools .btn {
1627
+ border: 0;
1628
+ box-shadow: none;
1629
+ }
1630
+ .box.box-solid[class*='bg'] > .box-header {
1631
+ color: #fff;
1632
+ }
1633
+ .box .box-group > .box {
1634
+ margin-bottom: 5px;
1635
+ }
1636
+ .box .knob-label {
1637
+ text-align: center;
1638
+ color: #333;
1639
+ font-weight: 100;
1640
+ font-size: 12px;
1641
+ margin-bottom: 0.3em;
1642
+ }
1643
+ .box > .overlay,
1644
+ .overlay-wrapper > .overlay,
1645
+ .box > .loading-img,
1646
+ .overlay-wrapper > .loading-img {
1647
+ position: absolute;
1648
+ top: 0;
1649
+ left: 0;
1650
+ width: 100%;
1651
+ height: 100%;
1652
+ }
1653
+ .box .overlay,
1654
+ .overlay-wrapper .overlay {
1655
+ z-index: 50;
1656
+ background: rgba(255, 255, 255, 0.7);
1657
+ border-radius: 3px;
1658
+ }
1659
+ .box .overlay > .fa,
1660
+ .overlay-wrapper .overlay > .fa {
1661
+ position: absolute;
1662
+ top: 50%;
1663
+ left: 50%;
1664
+ margin-left: -15px;
1665
+ margin-top: -15px;
1666
+ color: #000;
1667
+ font-size: 30px;
1668
+ }
1669
+ .box .overlay.dark,
1670
+ .overlay-wrapper .overlay.dark {
1671
+ background: rgba(0, 0, 0, 0.5);
1672
+ }
1673
+ .box-header:before,
1674
+ .box-body:before,
1675
+ .box-footer:before,
1676
+ .box-header:after,
1677
+ .box-body:after,
1678
+ .box-footer:after {
1679
+ content: " ";
1680
+ display: table;
1681
+ }
1682
+ .box-header:after,
1683
+ .box-body:after,
1684
+ .box-footer:after {
1685
+ clear: both;
1686
+ }
1687
+ .box-header {
1688
+ color: #444;
1689
+ display: block;
1690
+ padding: 10px;
1691
+ position: relative;
1692
+ }
1693
+ .box-header.with-border {
1694
+ border-bottom: 1px solid #f4f4f4;
1695
+ }
1696
+ .collapsed-box .box-header.with-border {
1697
+ border-bottom: none;
1698
+ }
1699
+ .box-header > .fa,
1700
+ .box-header > .glyphicon,
1701
+ .box-header > .ion,
1702
+ .box-header .box-title {
1703
+ display: inline-block;
1704
+ font-size: 18px;
1705
+ margin: 0;
1706
+ line-height: 1;
1707
+ }
1708
+ .box-header > .fa,
1709
+ .box-header > .glyphicon,
1710
+ .box-header > .ion {
1711
+ margin-right: 5px;
1712
+ }
1713
+ .box-header > .box-tools {
1714
+ position: absolute;
1715
+ right: 10px;
1716
+ top: 5px;
1717
+ }
1718
+ .box-header > .box-tools [data-toggle="tooltip"] {
1719
+ position: relative;
1720
+ }
1721
+ .box-header > .box-tools.pull-right .dropdown-menu {
1722
+ right: 0;
1723
+ left: auto;
1724
+ }
1725
+ .btn-box-tool {
1726
+ padding: 5px;
1727
+ font-size: 12px;
1728
+ background: transparent;
1729
+ box-shadow: none!important;
1730
+ color: #97a0b3;
1731
+ }
1732
+ .open .btn-box-tool,
1733
+ .btn-box-tool:hover {
1734
+ color: #606c84;
1735
+ }
1736
+ .btn-box-tool:active {
1737
+ outline: none!important;
1738
+ }
1739
+ .box-body {
1740
+ border-top-left-radius: 0;
1741
+ border-top-right-radius: 0;
1742
+ border-bottom-right-radius: 3px;
1743
+ border-bottom-left-radius: 3px;
1744
+ padding: 10px;
1745
+ }
1746
+ .no-header .box-body {
1747
+ border-top-right-radius: 3px;
1748
+ border-top-left-radius: 3px;
1749
+ }
1750
+ .box-body > .table {
1751
+ margin-bottom: 0;
1752
+ }
1753
+ .box-body .fc {
1754
+ margin-top: 5px;
1755
+ }
1756
+ .box-body .full-width-chart {
1757
+ margin: -19px;
1758
+ }
1759
+ .box-body.no-padding .full-width-chart {
1760
+ margin: -9px;
1761
+ }
1762
+ .box-body .box-pane {
1763
+ border-top-left-radius: 0;
1764
+ border-top-right-radius: 0;
1765
+ border-bottom-right-radius: 0;
1766
+ border-bottom-left-radius: 3px;
1767
+ }
1768
+ .box-body .box-pane-right {
1769
+ border-top-left-radius: 0;
1770
+ border-top-right-radius: 0;
1771
+ border-bottom-right-radius: 3px;
1772
+ border-bottom-left-radius: 0;
1773
+ }
1774
+ .box-footer {
1775
+ border-top-left-radius: 0;
1776
+ border-top-right-radius: 0;
1777
+ border-bottom-right-radius: 3px;
1778
+ border-bottom-left-radius: 3px;
1779
+ border-top: 1px solid #f4f4f4;
1780
+ padding: 10px;
1781
+ background-color: #ffffff;
1782
+ }
1783
+ .chart-legend {
1784
+ margin: 10px 0;
1785
+ }
1786
+ @media (max-width: 991px) {
1787
+ .chart-legend > li {
1788
+ float: left;
1789
+ margin-right: 10px;
1790
+ }
1791
+ }
1792
+ /* Widget: TODO LIST */
1793
+ .todo-list {
1794
+ margin: 0;
1795
+ padding: 0px 0px;
1796
+ list-style: none;
1797
+ overflow: auto;
1798
+ }
1799
+ .todo-list > li {
1800
+ border-radius: 2px;
1801
+ padding: 10px;
1802
+ background: #f4f4f4;
1803
+ margin-bottom: 2px;
1804
+ border-left: 2px solid #e6e7e8;
1805
+ color: #444;
1806
+ }
1807
+ .todo-list > li:last-of-type {
1808
+ margin-bottom: 0;
1809
+ }
1810
+ .todo-list > li.danger {
1811
+ border-left-color: #dd4b39;
1812
+ }
1813
+ .todo-list > li.warning {
1814
+ border-left-color: #f39c12;
1815
+ }
1816
+ .todo-list > li.info {
1817
+ border-left-color: #00c0ef;
1818
+ }
1819
+ .todo-list > li.success {
1820
+ border-left-color: #00a65a;
1821
+ }
1822
+ .todo-list > li.primary {
1823
+ border-left-color: #3c8dbc;
1824
+ }
1825
+ .todo-list > li > input[type='checkbox'] {
1826
+ margin: 0 10px 0 5px;
1827
+ }
1828
+ .todo-list > li .text {
1829
+ display: inline-block;
1830
+ margin-left: 5px;
1831
+ font-weight: 600;
1832
+ }
1833
+ .todo-list > li .label {
1834
+ margin-left: 10px;
1835
+ font-size: 9px;
1836
+ }
1837
+ .todo-list > li .tools {
1838
+ display: none;
1839
+ float: right;
1840
+ color: #dd4b39;
1841
+ }
1842
+ .todo-list > li .tools > .fa,
1843
+ .todo-list > li .tools > .glyphicon,
1844
+ .todo-list > li .tools > .ion {
1845
+ margin-right: 5px;
1846
+ cursor: pointer;
1847
+ }
1848
+ .todo-list > li:hover .tools {
1849
+ display: inline-block;
1850
+ }
1851
+ .todo-list > li.done {
1852
+ color: #999;
1853
+ }
1854
+ .todo-list > li.done .text {
1855
+ text-decoration: line-through;
1856
+ font-weight: 500;
1857
+ }
1858
+ .todo-list > li.done .label {
1859
+ background: #d2d6de !important;
1860
+ }
1861
+ .todo-list .handle {
1862
+ display: inline-block;
1863
+ cursor: move;
1864
+ margin: 0 5px;
1865
+ }
1866
+ /* Chat widget (DEPRECATED - this will be removed in the next major release. Use Direct Chat instead)*/
1867
+ .chat {
1868
+ padding: 5px 20px 5px 10px;
1869
+ }
1870
+ .chat .item {
1871
+ margin-bottom: 10px;
1872
+ }
1873
+ .chat .item:before,
1874
+ .chat .item:after {
1875
+ content: " ";
1876
+ display: table;
1877
+ }
1878
+ .chat .item:after {
1879
+ clear: both;
1880
+ }
1881
+ .chat .item > img {
1882
+ width: 40px;
1883
+ height: 40px;
1884
+ border: 2px solid transparent;
1885
+ border-radius: 50% !important;
1886
+ }
1887
+ .chat .item > img.online {
1888
+ border: 2px solid #00a65a;
1889
+ }
1890
+ .chat .item > img.offline {
1891
+ border: 2px solid #dd4b39;
1892
+ }
1893
+ .chat .item > .message {
1894
+ margin-left: 55px;
1895
+ margin-top: -40px;
1896
+ }
1897
+ .chat .item > .message > .name {
1898
+ display: block;
1899
+ font-weight: 600;
1900
+ }
1901
+ .chat .item > .attachment {
1902
+ border-radius: 3px;
1903
+ background: #f4f4f4;
1904
+ margin-left: 65px;
1905
+ margin-right: 15px;
1906
+ padding: 10px;
1907
+ }
1908
+ .chat .item > .attachment > h4 {
1909
+ margin: 0 0 5px 0;
1910
+ font-weight: 600;
1911
+ font-size: 14px;
1912
+ }
1913
+ .chat .item > .attachment > p,
1914
+ .chat .item > .attachment > .filename {
1915
+ font-weight: 600;
1916
+ font-size: 13px;
1917
+ font-style: italic;
1918
+ margin: 0;
1919
+ }
1920
+ .chat .item > .attachment:before,
1921
+ .chat .item > .attachment:after {
1922
+ content: " ";
1923
+ display: table;
1924
+ }
1925
+ .chat .item > .attachment:after {
1926
+ clear: both;
1927
+ }
1928
+ .box-input {
1929
+ max-width: 200px;
1930
+ }
1931
+ .modal .panel-body {
1932
+ color: #444;
1933
+ }
1934
+ /*
1935
+ * Component: Info Box
1936
+ * -------------------
1937
+ */
1938
+ .info-box {
1939
+ display: block;
1940
+ min-height: 90px;
1941
+ background: #fff;
1942
+ width: 100%;
1943
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
1944
+ border-radius: 2px;
1945
+ margin-bottom: 15px;
1946
+ }
1947
+ .info-box small {
1948
+ font-size: 14px;
1949
+ }
1950
+ .info-box .progress {
1951
+ background: rgba(0, 0, 0, 0.2);
1952
+ margin: 5px -10px 5px -10px;
1953
+ height: 2px;
1954
+ }
1955
+ .info-box .progress,
1956
+ .info-box .progress .progress-bar {
1957
+ border-radius: 0;
1958
+ }
1959
+ .info-box .progress .progress-bar {
1960
+ background: #fff;
1961
+ }
1962
+ .info-box-icon {
1963
+ border-top-left-radius: 2px;
1964
+ border-top-right-radius: 0;
1965
+ border-bottom-right-radius: 0;
1966
+ border-bottom-left-radius: 2px;
1967
+ display: block;
1968
+ float: left;
1969
+ height: 90px;
1970
+ width: 90px;
1971
+ text-align: center;
1972
+ font-size: 45px;
1973
+ line-height: 90px;
1974
+ background: rgba(0, 0, 0, 0.2);
1975
+ }
1976
+ .info-box-icon > img {
1977
+ max-width: 100%;
1978
+ }
1979
+ .info-box-content {
1980
+ padding: 5px 10px;
1981
+ margin-left: 90px;
1982
+ }
1983
+ .info-box-number {
1984
+ display: block;
1985
+ font-weight: bold;
1986
+ font-size: 18px;
1987
+ }
1988
+ .progress-description,
1989
+ .info-box-text {
1990
+ display: block;
1991
+ font-size: 14px;
1992
+ white-space: nowrap;
1993
+ overflow: hidden;
1994
+ text-overflow: ellipsis;
1995
+ }
1996
+ .info-box-text {
1997
+ text-transform: uppercase;
1998
+ }
1999
+ .info-box-more {
2000
+ display: block;
2001
+ }
2002
+ .progress-description {
2003
+ margin: 0;
2004
+ }
2005
+ /*
2006
+ * Component: Timeline
2007
+ * -------------------
2008
+ */
2009
+ .timeline {
2010
+ position: relative;
2011
+ margin: 0 0 30px 0;
2012
+ padding: 0;
2013
+ list-style: none;
2014
+ }
2015
+ .timeline:before {
2016
+ content: '';
2017
+ position: absolute;
2018
+ top: 0px;
2019
+ bottom: 0;
2020
+ width: 4px;
2021
+ background: #ddd;
2022
+ left: 31px;
2023
+ margin: 0;
2024
+ border-radius: 2px;
2025
+ }
2026
+ .timeline > li {
2027
+ position: relative;
2028
+ margin-right: 10px;
2029
+ margin-bottom: 15px;
2030
+ }
2031
+ .timeline > li:before,
2032
+ .timeline > li:after {
2033
+ content: " ";
2034
+ display: table;
2035
+ }
2036
+ .timeline > li:after {
2037
+ clear: both;
2038
+ }
2039
+ .timeline > li > .timeline-item {
2040
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
2041
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
2042
+ border-radius: 3px;
2043
+ margin-top: 0px;
2044
+ background: #fff;
2045
+ color: #444;
2046
+ margin-left: 60px;
2047
+ margin-right: 15px;
2048
+ padding: 0;
2049
+ position: relative;
2050
+ }
2051
+ .timeline > li > .timeline-item > .time {
2052
+ color: #999;
2053
+ float: right;
2054
+ padding: 10px;
2055
+ font-size: 12px;
2056
+ }
2057
+ .timeline > li > .timeline-item > .timeline-header {
2058
+ margin: 0;
2059
+ color: #555;
2060
+ border-bottom: 1px solid #f4f4f4;
2061
+ padding: 10px;
2062
+ font-size: 16px;
2063
+ line-height: 1.1;
2064
+ }
2065
+ .timeline > li > .timeline-item > .timeline-header > a {
2066
+ font-weight: 600;
2067
+ }
2068
+ .timeline > li > .timeline-item > .timeline-body,
2069
+ .timeline > li > .timeline-item > .timeline-footer {
2070
+ padding: 10px;
2071
+ }
2072
+ .timeline > li.time-label > span {
2073
+ font-weight: 600;
2074
+ padding: 5px;
2075
+ display: inline-block;
2076
+ background-color: #fff;
2077
+ border-radius: 4px;
2078
+ }
2079
+ .timeline > li > .fa,
2080
+ .timeline > li > .glyphicon,
2081
+ .timeline > li > .ion {
2082
+ width: 30px;
2083
+ height: 30px;
2084
+ font-size: 15px;
2085
+ line-height: 30px;
2086
+ position: absolute;
2087
+ color: #666;
2088
+ background: #d2d6de;
2089
+ border-radius: 50%;
2090
+ text-align: center;
2091
+ left: 18px;
2092
+ top: 0;
2093
+ }
2094
+ /*
2095
+ * Component: Button
2096
+ * -----------------
2097
+ */
2098
+ .btn {
2099
+ border-radius: 3px;
2100
+ -webkit-box-shadow: none;
2101
+ box-shadow: none;
2102
+ border: 1px solid transparent;
2103
+ }
2104
+ .btn.uppercase {
2105
+ text-transform: uppercase;
2106
+ }
2107
+ .btn.btn-flat {
2108
+ border-radius: 0;
2109
+ -webkit-box-shadow: none;
2110
+ -moz-box-shadow: none;
2111
+ box-shadow: none;
2112
+ border-width: 1px;
2113
+ }
2114
+ .btn:active {
2115
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2116
+ -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2117
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2118
+ }
2119
+ .btn:focus {
2120
+ outline: none;
2121
+ }
2122
+ .btn.btn-file {
2123
+ position: relative;
2124
+ overflow: hidden;
2125
+ }
2126
+ .btn.btn-file > input[type='file'] {
2127
+ position: absolute;
2128
+ top: 0;
2129
+ right: 0;
2130
+ min-width: 100%;
2131
+ min-height: 100%;
2132
+ font-size: 100px;
2133
+ text-align: right;
2134
+ opacity: 0;
2135
+ filter: alpha(opacity=0);
2136
+ outline: none;
2137
+ background: white;
2138
+ cursor: inherit;
2139
+ display: block;
2140
+ }
2141
+ .btn-default {
2142
+ background-color: #f4f4f4;
2143
+ color: #444;
2144
+ border-color: #ddd;
2145
+ }
2146
+ .btn-default:hover,
2147
+ .btn-default:active,
2148
+ .btn-default.hover {
2149
+ background-color: #e7e7e7 !important;
2150
+ }
2151
+ .btn-primary {
2152
+ background-color: #3c8dbc;
2153
+ border-color: #367fa9;
2154
+ }
2155
+ .btn-primary:hover,
2156
+ .btn-primary:active,
2157
+ .btn-primary.hover {
2158
+ background-color: #367fa9;
2159
+ }
2160
+ .btn-success {
2161
+ background-color: #00a65a;
2162
+ border-color: #008d4c;
2163
+ }
2164
+ .btn-success:hover,
2165
+ .btn-success:active,
2166
+ .btn-success.hover {
2167
+ background-color: #008d4c;
2168
+ }
2169
+ .btn-info {
2170
+ background-color: #00c0ef;
2171
+ border-color: #00acd6;
2172
+ }
2173
+ .btn-info:hover,
2174
+ .btn-info:active,
2175
+ .btn-info.hover {
2176
+ background-color: #00acd6;
2177
+ }
2178
+ .btn-danger {
2179
+ background-color: #dd4b39;
2180
+ border-color: #d73925;
2181
+ }
2182
+ .btn-danger:hover,
2183
+ .btn-danger:active,
2184
+ .btn-danger.hover {
2185
+ background-color: #d73925;
2186
+ }
2187
+ .btn-warning {
2188
+ background-color: #f39c12;
2189
+ border-color: #e08e0b;
2190
+ }
2191
+ .btn-warning:hover,
2192
+ .btn-warning:active,
2193
+ .btn-warning.hover {
2194
+ background-color: #e08e0b;
2195
+ }
2196
+ .btn-outline {
2197
+ border: 1px solid #fff;
2198
+ background: transparent;
2199
+ color: #fff;
2200
+ }
2201
+ .btn-outline:hover,
2202
+ .btn-outline:focus,
2203
+ .btn-outline:active {
2204
+ color: rgba(255, 255, 255, 0.7);
2205
+ border-color: rgba(255, 255, 255, 0.7);
2206
+ }
2207
+ .btn-link {
2208
+ -webkit-box-shadow: none;
2209
+ box-shadow: none;
2210
+ }
2211
+ .btn[class*='bg-']:hover {
2212
+ -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
2213
+ box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
2214
+ }
2215
+ .btn-app {
2216
+ border-radius: 3px;
2217
+ position: relative;
2218
+ padding: 15px 5px;
2219
+ margin: 0 0 10px 10px;
2220
+ min-width: 80px;
2221
+ height: 60px;
2222
+ text-align: center;
2223
+ color: #666;
2224
+ border: 1px solid #ddd;
2225
+ background-color: #f4f4f4;
2226
+ font-size: 12px;
2227
+ }
2228
+ .btn-app > .fa,
2229
+ .btn-app > .glyphicon,
2230
+ .btn-app > .ion {
2231
+ font-size: 20px;
2232
+ display: block;
2233
+ }
2234
+ .btn-app:hover {
2235
+ background: #f4f4f4;
2236
+ color: #444;
2237
+ border-color: #aaa;
2238
+ }
2239
+ .btn-app:active,
2240
+ .btn-app:focus {
2241
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2242
+ -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2243
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2244
+ }
2245
+ .btn-app > .badge {
2246
+ position: absolute;
2247
+ top: -3px;
2248
+ right: -10px;
2249
+ font-size: 10px;
2250
+ font-weight: 400;
2251
+ }
2252
+ /*
2253
+ * Component: Callout
2254
+ * ------------------
2255
+ */
2256
+ .callout {
2257
+ border-radius: 3px;
2258
+ margin: 0 0 20px 0;
2259
+ padding: 15px 30px 15px 15px;
2260
+ border-left: 5px solid #eee;
2261
+ }
2262
+ .callout a {
2263
+ color: #fff;
2264
+ text-decoration: underline;
2265
+ }
2266
+ .callout a:hover {
2267
+ color: #eee;
2268
+ }
2269
+ .callout h4 {
2270
+ margin-top: 0;
2271
+ font-weight: 600;
2272
+ }
2273
+ .callout p:last-child {
2274
+ margin-bottom: 0;
2275
+ }
2276
+ .callout code,
2277
+ .callout .highlight {
2278
+ background-color: #fff;
2279
+ }
2280
+ .callout.callout-danger {
2281
+ border-color: #c23321;
2282
+ }
2283
+ .callout.callout-warning {
2284
+ border-color: #c87f0a;
2285
+ }
2286
+ .callout.callout-info {
2287
+ border-color: #0097bc;
2288
+ }
2289
+ .callout.callout-success {
2290
+ border-color: #00733e;
2291
+ }
2292
+ /*
2293
+ * Component: alert
2294
+ * ----------------
2295
+ */
2296
+ .alert {
2297
+ border-radius: 3px;
2298
+ }
2299
+ .alert h4 {
2300
+ font-weight: 600;
2301
+ }
2302
+ .alert .icon {
2303
+ margin-right: 10px;
2304
+ }
2305
+ .alert .close {
2306
+ color: #000;
2307
+ opacity: 0.2;
2308
+ filter: alpha(opacity=20);
2309
+ }
2310
+ .alert .close:hover {
2311
+ opacity: 0.5;
2312
+ filter: alpha(opacity=50);
2313
+ }
2314
+ .alert a {
2315
+ color: #fff;
2316
+ text-decoration: underline;
2317
+ }
2318
+ .alert-success {
2319
+ border-color: #008d4c;
2320
+ }
2321
+ .alert-danger,
2322
+ .alert-error {
2323
+ border-color: #d73925;
2324
+ }
2325
+ .alert-warning {
2326
+ border-color: #e08e0b;
2327
+ }
2328
+ .alert-info {
2329
+ border-color: #00acd6;
2330
+ }
2331
+ /*
2332
+ * Component: Nav
2333
+ * --------------
2334
+ */
2335
+ .nav > li > a:hover,
2336
+ .nav > li > a:active,
2337
+ .nav > li > a:focus {
2338
+ color: #444;
2339
+ background: #f7f7f7;
2340
+ }
2341
+ /* NAV PILLS */
2342
+ .nav-pills > li > a {
2343
+ border-radius: 0;
2344
+ border-top: 3px solid transparent;
2345
+ color: #444;
2346
+ }
2347
+ .nav-pills > li > a > .fa,
2348
+ .nav-pills > li > a > .glyphicon,
2349
+ .nav-pills > li > a > .ion {
2350
+ margin-right: 5px;
2351
+ }
2352
+ .nav-pills > li.active > a,
2353
+ .nav-pills > li.active > a:hover,
2354
+ .nav-pills > li.active > a:focus {
2355
+ border-top-color: #3c8dbc;
2356
+ }
2357
+ .nav-pills > li.active > a {
2358
+ font-weight: 600;
2359
+ }
2360
+ /* NAV STACKED */
2361
+ .nav-stacked > li > a {
2362
+ border-radius: 0;
2363
+ border-top: 0;
2364
+ border-left: 3px solid transparent;
2365
+ color: #444;
2366
+ }
2367
+ .nav-stacked > li.active > a,
2368
+ .nav-stacked > li.active > a:hover {
2369
+ border-top: 0;
2370
+ border-left-color: #3c8dbc;
2371
+ }
2372
+ .nav-stacked > li.header {
2373
+ border-bottom: 1px solid #ddd;
2374
+ color: #777;
2375
+ margin-bottom: 10px;
2376
+ padding: 5px 10px;
2377
+ text-transform: uppercase;
2378
+ }
2379
+ /* NAV TABS */
2380
+ .nav-tabs-custom {
2381
+ margin-bottom: 20px;
2382
+ background: #fff;
2383
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
2384
+ border-radius: 3px;
2385
+ }
2386
+ .nav-tabs-custom > .nav-tabs {
2387
+ margin: 0;
2388
+ border-bottom-color: #f4f4f4;
2389
+ border-top-right-radius: 3px;
2390
+ border-top-left-radius: 3px;
2391
+ }
2392
+ .nav-tabs-custom > .nav-tabs > li {
2393
+ border-top: 3px solid transparent;
2394
+ margin-bottom: -2px;
2395
+ margin-right: 5px;
2396
+ }
2397
+ .nav-tabs-custom > .nav-tabs > li > a {
2398
+ color: #444;
2399
+ border-radius: 0 !important;
2400
+ }
2401
+ .nav-tabs-custom > .nav-tabs > li > a,
2402
+ .nav-tabs-custom > .nav-tabs > li > a:hover {
2403
+ background: transparent;
2404
+ margin: 0;
2405
+ }
2406
+ .nav-tabs-custom > .nav-tabs > li > a:hover {
2407
+ color: #999;
2408
+ }
2409
+ .nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,
2410
+ .nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,
2411
+ .nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
2412
+ border-color: transparent;
2413
+ }
2414
+ .nav-tabs-custom > .nav-tabs > li.active {
2415
+ border-top-color: #3c8dbc;
2416
+ }
2417
+ .nav-tabs-custom > .nav-tabs > li.active > a,
2418
+ .nav-tabs-custom > .nav-tabs > li.active:hover > a {
2419
+ background-color: #fff;
2420
+ color: #444;
2421
+ }
2422
+ .nav-tabs-custom > .nav-tabs > li.active > a {
2423
+ border-top-color: transparent;
2424
+ border-left-color: #f4f4f4;
2425
+ border-right-color: #f4f4f4;
2426
+ }
2427
+ .nav-tabs-custom > .nav-tabs > li:first-of-type {
2428
+ margin-left: 0;
2429
+ }
2430
+ .nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
2431
+ border-left-color: transparent;
2432
+ }
2433
+ .nav-tabs-custom > .nav-tabs.pull-right {
2434
+ float: none!important;
2435
+ }
2436
+ .nav-tabs-custom > .nav-tabs.pull-right > li {
2437
+ float: right;
2438
+ }
2439
+ .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
2440
+ margin-right: 0;
2441
+ }
2442
+ .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type > a {
2443
+ border-left-width: 1px;
2444
+ }
2445
+ .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
2446
+ border-left-color: #f4f4f4;
2447
+ border-right-color: transparent;
2448
+ }
2449
+ .nav-tabs-custom > .nav-tabs > li.header {
2450
+ line-height: 35px;
2451
+ padding: 0 10px;
2452
+ font-size: 20px;
2453
+ color: #444;
2454
+ }
2455
+ .nav-tabs-custom > .nav-tabs > li.header > .fa,
2456
+ .nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
2457
+ .nav-tabs-custom > .nav-tabs > li.header > .ion {
2458
+ margin-right: 5px;
2459
+ }
2460
+ .nav-tabs-custom > .tab-content {
2461
+ background: #fff;
2462
+ padding: 10px;
2463
+ border-bottom-right-radius: 3px;
2464
+ border-bottom-left-radius: 3px;
2465
+ }
2466
+ .nav-tabs-custom .dropdown.open > a:active,
2467
+ .nav-tabs-custom .dropdown.open > a:focus {
2468
+ background: transparent;
2469
+ color: #999;
2470
+ }
2471
+ /* PAGINATION */
2472
+ .pagination > li > a {
2473
+ background: #fafafa;
2474
+ color: #666;
2475
+ border-radius: 0 !important;
2476
+ }
2477
+ /*
2478
+ * Component: Products List
2479
+ * ------------------------
2480
+ */
2481
+ .products-list {
2482
+ list-style: none;
2483
+ margin: 0;
2484
+ padding: 0;
2485
+ }
2486
+ .products-list > .item {
2487
+ border-radius: 3px;
2488
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
2489
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
2490
+ padding: 10px 0;
2491
+ background: #fff;
2492
+ }
2493
+ .products-list > .item:before,
2494
+ .products-list > .item:after {
2495
+ content: " ";
2496
+ display: table;
2497
+ }
2498
+ .products-list > .item:after {
2499
+ clear: both;
2500
+ }
2501
+ .products-list .product-img {
2502
+ float: left;
2503
+ }
2504
+ .products-list .product-img img {
2505
+ width: 50px;
2506
+ height: 50px;
2507
+ }
2508
+ .products-list .product-info {
2509
+ margin-left: 60px;
2510
+ }
2511
+ .products-list .product-title {
2512
+ font-weight: 600;
2513
+ }
2514
+ .products-list .product-description {
2515
+ display: block;
2516
+ color: #999;
2517
+ overflow: hidden;
2518
+ white-space: nowrap;
2519
+ text-overflow: ellipsis;
2520
+ }
2521
+ .product-list-in-box > .item {
2522
+ -webkit-box-shadow: none;
2523
+ box-shadow: none;
2524
+ border-radius: 0;
2525
+ border-bottom: 1px solid #f4f4f4;
2526
+ }
2527
+ .product-list-in-box > .item:last-of-type {
2528
+ border-bottom-width: 0;
2529
+ }
2530
+ /*
2531
+ * Component: Table
2532
+ * ----------------
2533
+ */
2534
+ .table > thead > tr > th,
2535
+ .table > tbody > tr > th,
2536
+ .table > tfoot > tr > th,
2537
+ .table > thead > tr > td,
2538
+ .table > tbody > tr > td,
2539
+ .table > tfoot > tr > td {
2540
+ border-top: 1px solid #f4f4f4;
2541
+ }
2542
+ .table > thead > tr > th {
2543
+ border-bottom: 2px solid #f4f4f4;
2544
+ }
2545
+ .table tr td .progress {
2546
+ margin-top: 5px;
2547
+ }
2548
+ .table-bordered {
2549
+ border: 1px solid #f4f4f4;
2550
+ }
2551
+ .table-bordered > thead > tr > th,
2552
+ .table-bordered > tbody > tr > th,
2553
+ .table-bordered > tfoot > tr > th,
2554
+ .table-bordered > thead > tr > td,
2555
+ .table-bordered > tbody > tr > td,
2556
+ .table-bordered > tfoot > tr > td {
2557
+ border: 1px solid #f4f4f4;
2558
+ }
2559
+ .table-bordered > thead > tr > th,
2560
+ .table-bordered > thead > tr > td {
2561
+ border-bottom-width: 2px;
2562
+ }
2563
+ .table.no-border,
2564
+ .table.no-border td,
2565
+ .table.no-border th {
2566
+ border: 0;
2567
+ }
2568
+ /* .text-center in tables */
2569
+ table.text-center,
2570
+ table.text-center td,
2571
+ table.text-center th {
2572
+ text-align: center;
2573
+ }
2574
+ .table.align th {
2575
+ text-align: left;
2576
+ }
2577
+ .table.align td {
2578
+ text-align: right;
2579
+ }
2580
+ /*
2581
+ * Component: Label
2582
+ * ----------------
2583
+ */
2584
+ .label-default {
2585
+ background-color: #d2d6de;
2586
+ color: #444;
2587
+ }
2588
+ /*
2589
+ * Component: Direct Chat
2590
+ * ----------------------
2591
+ */
2592
+ .direct-chat .box-body {
2593
+ border-bottom-right-radius: 0;
2594
+ border-bottom-left-radius: 0;
2595
+ position: relative;
2596
+ overflow-x: hidden;
2597
+ padding: 0;
2598
+ }
2599
+ .direct-chat.chat-pane-open .direct-chat-contacts {
2600
+ -webkit-transform: translate(0, 0);
2601
+ -ms-transform: translate(0, 0);
2602
+ -o-transform: translate(0, 0);
2603
+ transform: translate(0, 0);
2604
+ }
2605
+ .direct-chat-messages {
2606
+ -webkit-transform: translate(0, 0);
2607
+ -ms-transform: translate(0, 0);
2608
+ -o-transform: translate(0, 0);
2609
+ transform: translate(0, 0);
2610
+ padding: 10px;
2611
+ height: 250px;
2612
+ overflow: auto;
2613
+ }
2614
+ .direct-chat-msg,
2615
+ .direct-chat-text {
2616
+ display: block;
2617
+ }
2618
+ .direct-chat-msg {
2619
+ margin-bottom: 10px;
2620
+ }
2621
+ .direct-chat-msg:before,
2622
+ .direct-chat-msg:after {
2623
+ content: " ";
2624
+ display: table;
2625
+ }
2626
+ .direct-chat-msg:after {
2627
+ clear: both;
2628
+ }
2629
+ .direct-chat-messages,
2630
+ .direct-chat-contacts {
2631
+ -webkit-transition: -webkit-transform 0.5s ease-in-out;
2632
+ -moz-transition: -moz-transform 0.5s ease-in-out;
2633
+ -o-transition: -o-transform 0.5s ease-in-out;
2634
+ transition: transform 0.5s ease-in-out;
2635
+ }
2636
+ .direct-chat-text {
2637
+ border-radius: 5px;
2638
+ position: relative;
2639
+ padding: 5px 10px;
2640
+ background: #d2d6de;
2641
+ border: 1px solid #d2d6de;
2642
+ margin: 5px 0 0 50px;
2643
+ color: #444444;
2644
+ }
2645
+ .direct-chat-text:after,
2646
+ .direct-chat-text:before {
2647
+ position: absolute;
2648
+ right: 100%;
2649
+ top: 15px;
2650
+ border: solid transparent;
2651
+ border-right-color: #d2d6de;
2652
+ content: ' ';
2653
+ height: 0;
2654
+ width: 0;
2655
+ pointer-events: none;
2656
+ }
2657
+ .direct-chat-text:after {
2658
+ border-width: 5px;
2659
+ margin-top: -5px;
2660
+ }
2661
+ .direct-chat-text:before {
2662
+ border-width: 6px;
2663
+ margin-top: -6px;
2664
+ }
2665
+ .right .direct-chat-text {
2666
+ margin-right: 50px;
2667
+ margin-left: 0;
2668
+ }
2669
+ .right .direct-chat-text:after,
2670
+ .right .direct-chat-text:before {
2671
+ right: auto;
2672
+ left: 100%;
2673
+ border-right-color: transparent;
2674
+ border-left-color: #d2d6de;
2675
+ }
2676
+ .direct-chat-img {
2677
+ border-radius: 50%;
2678
+ float: left;
2679
+ width: 40px;
2680
+ height: 40px;
2681
+ }
2682
+ .right .direct-chat-img {
2683
+ float: right;
2684
+ }
2685
+ .direct-chat-info {
2686
+ display: block;
2687
+ margin-bottom: 2px;
2688
+ font-size: 12px;
2689
+ }
2690
+ .direct-chat-name {
2691
+ font-weight: 600;
2692
+ }
2693
+ .direct-chat-timestamp {
2694
+ color: #999;
2695
+ }
2696
+ .direct-chat-contacts-open .direct-chat-contacts {
2697
+ -webkit-transform: translate(0, 0);
2698
+ -ms-transform: translate(0, 0);
2699
+ -o-transform: translate(0, 0);
2700
+ transform: translate(0, 0);
2701
+ }
2702
+ .direct-chat-contacts {
2703
+ -webkit-transform: translate(101%, 0);
2704
+ -ms-transform: translate(101%, 0);
2705
+ -o-transform: translate(101%, 0);
2706
+ transform: translate(101%, 0);
2707
+ position: absolute;
2708
+ top: 0;
2709
+ bottom: 0;
2710
+ height: 250px;
2711
+ width: 100%;
2712
+ background: #222d32;
2713
+ color: #fff;
2714
+ overflow: auto;
2715
+ }
2716
+ .contacts-list > li {
2717
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
2718
+ padding: 10px;
2719
+ margin: 0;
2720
+ }
2721
+ .contacts-list > li:before,
2722
+ .contacts-list > li:after {
2723
+ content: " ";
2724
+ display: table;
2725
+ }
2726
+ .contacts-list > li:after {
2727
+ clear: both;
2728
+ }
2729
+ .contacts-list > li:last-of-type {
2730
+ border-bottom: none;
2731
+ }
2732
+ .contacts-list-img {
2733
+ border-radius: 50%;
2734
+ width: 40px;
2735
+ float: left;
2736
+ }
2737
+ .contacts-list-info {
2738
+ margin-left: 45px;
2739
+ color: #fff;
2740
+ }
2741
+ .contacts-list-name,
2742
+ .contacts-list-status {
2743
+ display: block;
2744
+ }
2745
+ .contacts-list-name {
2746
+ font-weight: 600;
2747
+ }
2748
+ .contacts-list-status {
2749
+ font-size: 12px;
2750
+ }
2751
+ .contacts-list-date {
2752
+ color: #aaa;
2753
+ font-weight: normal;
2754
+ }
2755
+ .contacts-list-msg {
2756
+ color: #999;
2757
+ }
2758
+ .direct-chat-danger .right > .direct-chat-text {
2759
+ background: #dd4b39;
2760
+ border-color: #dd4b39;
2761
+ color: #ffffff;
2762
+ }
2763
+ .direct-chat-danger .right > .direct-chat-text:after,
2764
+ .direct-chat-danger .right > .direct-chat-text:before {
2765
+ border-left-color: #dd4b39;
2766
+ }
2767
+ .direct-chat-primary .right > .direct-chat-text {
2768
+ background: #3c8dbc;
2769
+ border-color: #3c8dbc;
2770
+ color: #ffffff;
2771
+ }
2772
+ .direct-chat-primary .right > .direct-chat-text:after,
2773
+ .direct-chat-primary .right > .direct-chat-text:before {
2774
+ border-left-color: #3c8dbc;
2775
+ }
2776
+ .direct-chat-warning .right > .direct-chat-text {
2777
+ background: #f39c12;
2778
+ border-color: #f39c12;
2779
+ color: #ffffff;
2780
+ }
2781
+ .direct-chat-warning .right > .direct-chat-text:after,
2782
+ .direct-chat-warning .right > .direct-chat-text:before {
2783
+ border-left-color: #f39c12;
2784
+ }
2785
+ .direct-chat-info .right > .direct-chat-text {
2786
+ background: #00c0ef;
2787
+ border-color: #00c0ef;
2788
+ color: #ffffff;
2789
+ }
2790
+ .direct-chat-info .right > .direct-chat-text:after,
2791
+ .direct-chat-info .right > .direct-chat-text:before {
2792
+ border-left-color: #00c0ef;
2793
+ }
2794
+ .direct-chat-success .right > .direct-chat-text {
2795
+ background: #00a65a;
2796
+ border-color: #00a65a;
2797
+ color: #ffffff;
2798
+ }
2799
+ .direct-chat-success .right > .direct-chat-text:after,
2800
+ .direct-chat-success .right > .direct-chat-text:before {
2801
+ border-left-color: #00a65a;
2802
+ }
2803
+ /*
2804
+ * Component: Users List
2805
+ * ---------------------
2806
+ */
2807
+ .users-list > li {
2808
+ width: 25%;
2809
+ float: left;
2810
+ padding: 10px;
2811
+ text-align: center;
2812
+ }
2813
+ .users-list > li img {
2814
+ border-radius: 50%;
2815
+ max-width: 100%;
2816
+ height: auto;
2817
+ }
2818
+ .users-list > li > a:hover,
2819
+ .users-list > li > a:hover .users-list-name {
2820
+ color: #999;
2821
+ }
2822
+ .users-list-name,
2823
+ .users-list-date {
2824
+ display: block;
2825
+ }
2826
+ .users-list-name {
2827
+ font-weight: 600;
2828
+ color: #444;
2829
+ overflow: hidden;
2830
+ white-space: nowrap;
2831
+ text-overflow: ellipsis;
2832
+ }
2833
+ .users-list-date {
2834
+ color: #999;
2835
+ font-size: 12px;
2836
+ }
2837
+ /*
2838
+ * Component: Carousel
2839
+ * -------------------
2840
+ */
2841
+ .carousel-control {
2842
+ background-image: none!important;
2843
+ }
2844
+ .carousel-control > .fa {
2845
+ font-size: 40px;
2846
+ position: absolute;
2847
+ top: 50%;
2848
+ z-index: 5;
2849
+ display: inline-block;
2850
+ margin-top: -20px;
2851
+ }
2852
+ /*
2853
+ * Component: modal
2854
+ * ----------------
2855
+ */
2856
+ .modal {
2857
+ background: rgba(0, 0, 0, 0.3);
2858
+ }
2859
+ .modal-content {
2860
+ border-radius: 0;
2861
+ -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125) !important;
2862
+ box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125) !important;
2863
+ border: 0;
2864
+ }
2865
+ @media (min-width: 768px) {
2866
+ .modal-content {
2867
+ -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125) !important;
2868
+ box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125) !important;
2869
+ }
2870
+ }
2871
+ .modal-header {
2872
+ border-bottom-color: #f4f4f4;
2873
+ }
2874
+ .modal-footer {
2875
+ border-top-color: #f4f4f4;
2876
+ }
2877
+ .modal-primary .modal-header,
2878
+ .modal-primary .modal-footer {
2879
+ border-color: #307095;
2880
+ }
2881
+ .modal-warning .modal-header,
2882
+ .modal-warning .modal-footer {
2883
+ border-color: #c87f0a;
2884
+ }
2885
+ .modal-info .modal-header,
2886
+ .modal-info .modal-footer {
2887
+ border-color: #0097bc;
2888
+ }
2889
+ .modal-success .modal-header,
2890
+ .modal-success .modal-footer {
2891
+ border-color: #00733e;
2892
+ }
2893
+ .modal-danger .modal-header,
2894
+ .modal-danger .modal-footer {
2895
+ border-color: #c23321;
2896
+ }
2897
+ /*
2898
+ * Page: Mailbox
2899
+ * -------------
2900
+ */
2901
+ .mailbox-messages > .table {
2902
+ margin: 0;
2903
+ }
2904
+ .mailbox-controls {
2905
+ padding: 5px;
2906
+ }
2907
+ .mailbox-controls.with-border {
2908
+ border-bottom: 1px solid #f4f4f4;
2909
+ }
2910
+ .mailbox-read-info {
2911
+ border-bottom: 1px solid #f4f4f4;
2912
+ padding: 10px;
2913
+ }
2914
+ .mailbox-read-info h3 {
2915
+ font-size: 20px;
2916
+ margin: 0;
2917
+ }
2918
+ .mailbox-read-info h5 {
2919
+ margin: 0;
2920
+ padding: 5px 0 0 0;
2921
+ }
2922
+ .mailbox-read-time {
2923
+ color: #999;
2924
+ font-size: 13px;
2925
+ }
2926
+ .mailbox-read-message {
2927
+ padding: 10px;
2928
+ }
2929
+ .mailbox-attachments li {
2930
+ float: left;
2931
+ width: 200px;
2932
+ border: 1px solid #eee;
2933
+ margin-bottom: 10px;
2934
+ margin-right: 10px;
2935
+ }
2936
+ .mailbox-attachment-name {
2937
+ font-weight: bold;
2938
+ color: #666;
2939
+ }
2940
+ .mailbox-attachment-icon,
2941
+ .mailbox-attachment-info,
2942
+ .mailbox-attachment-size {
2943
+ display: block;
2944
+ }
2945
+ .mailbox-attachment-info {
2946
+ padding: 10px;
2947
+ background: #f4f4f4;
2948
+ }
2949
+ .mailbox-attachment-size {
2950
+ color: #999;
2951
+ font-size: 12px;
2952
+ }
2953
+ .mailbox-attachment-icon {
2954
+ text-align: center;
2955
+ font-size: 65px;
2956
+ color: #666;
2957
+ padding: 20px 10px;
2958
+ }
2959
+ .mailbox-attachment-icon.has-img {
2960
+ padding: 0;
2961
+ }
2962
+ .mailbox-attachment-icon.has-img > img {
2963
+ max-width: 100%;
2964
+ height: auto;
2965
+ }
2966
+ /*
2967
+ * Page: Lock Screen
2968
+ * -----------------
2969
+ */
2970
+ /* ADD THIS CLASS TO THE <BODY> TAG */
2971
+ .lockscreen {
2972
+ background: #d2d6de;
2973
+ }
2974
+ .lockscreen-logo {
2975
+ font-size: 35px;
2976
+ text-align: center;
2977
+ margin-bottom: 25px;
2978
+ font-weight: 300;
2979
+ }
2980
+ .lockscreen-logo a {
2981
+ color: #444;
2982
+ }
2983
+ .lockscreen-wrapper {
2984
+ max-width: 400px;
2985
+ margin: 0 auto;
2986
+ margin-top: 10%;
2987
+ }
2988
+ /* User name [optional] */
2989
+ .lockscreen .lockscreen-name {
2990
+ text-align: center;
2991
+ font-weight: 600;
2992
+ }
2993
+ /* Will contain the image and the sign in form */
2994
+ .lockscreen-item {
2995
+ border-radius: 4px;
2996
+ padding: 0;
2997
+ background: #fff;
2998
+ position: relative;
2999
+ margin: 10px auto 30px auto;
3000
+ width: 290px;
3001
+ }
3002
+ /* User image */
3003
+ .lockscreen-image {
3004
+ border-radius: 50%;
3005
+ position: absolute;
3006
+ left: -10px;
3007
+ top: -25px;
3008
+ background: #fff;
3009
+ padding: 5px;
3010
+ z-index: 10;
3011
+ }
3012
+ .lockscreen-image > img {
3013
+ border-radius: 50%;
3014
+ width: 70px;
3015
+ height: 70px;
3016
+ }
3017
+ /* Contains the password input and the login button */
3018
+ .lockscreen-credentials {
3019
+ margin-left: 70px;
3020
+ }
3021
+ .lockscreen-credentials .form-control {
3022
+ border: 0 !important;
3023
+ }
3024
+ .lockscreen-credentials .btn {
3025
+ background-color: #fff;
3026
+ border: 0;
3027
+ padding: 0 10px;
3028
+ }
3029
+ .lockscreen-footer {
3030
+ margin-top: 10px;
3031
+ }
3032
+ /*
3033
+ * Page: Login & Register
3034
+ * ----------------------
3035
+ */
3036
+ .login-logo,
3037
+ .register-logo {
3038
+ font-size: 35px;
3039
+ text-align: center;
3040
+ margin-bottom: 25px;
3041
+ font-weight: 300;
3042
+ }
3043
+ .login-logo a,
3044
+ .register-logo a {
3045
+ color: #444;
3046
+ }
3047
+ .login-page,
3048
+ .register-page {
3049
+ background: #d2d6de;
3050
+ }
3051
+ .login-box,
3052
+ .register-box {
3053
+ width: 360px;
3054
+ margin: 7% auto;
3055
+ }
3056
+ @media (max-width: 768px) {
3057
+ .login-box,
3058
+ .register-box {
3059
+ width: 90%;
3060
+ margin-top: 20px;
3061
+ }
3062
+ }
3063
+ .login-box-body,
3064
+ .register-box-body {
3065
+ background: #fff;
3066
+ padding: 20px;
3067
+ color: #444;
3068
+ border-top: 0;
3069
+ color: #666;
3070
+ }
3071
+ .login-box-body .form-control-feedback,
3072
+ .register-box-body .form-control-feedback {
3073
+ color: #777;
3074
+ }
3075
+ .login-box-msg,
3076
+ .register-box-msg {
3077
+ margin: 0;
3078
+ text-align: center;
3079
+ padding: 0 20px 20px 20px;
3080
+ }
3081
+ .social-auth-links {
3082
+ margin: 10px 0;
3083
+ }
3084
+ /*
3085
+ * Page: 400 and 500 error pages
3086
+ * ------------------------------
3087
+ */
3088
+ .error-page {
3089
+ width: 600px;
3090
+ margin: 20px auto 0 auto;
3091
+ }
3092
+ @media (max-width: 991px) {
3093
+ .error-page {
3094
+ width: 100%;
3095
+ }
3096
+ }
3097
+ .error-page > .headline {
3098
+ float: left;
3099
+ font-size: 100px;
3100
+ font-weight: 300;
3101
+ }
3102
+ @media (max-width: 991px) {
3103
+ .error-page > .headline {
3104
+ float: none;
3105
+ text-align: center;
3106
+ }
3107
+ }
3108
+ .error-page > .error-content {
3109
+ margin-left: 190px;
3110
+ display: block;
3111
+ }
3112
+ @media (max-width: 991px) {
3113
+ .error-page > .error-content {
3114
+ margin-left: 0;
3115
+ }
3116
+ }
3117
+ .error-page > .error-content > h3 {
3118
+ font-weight: 300;
3119
+ font-size: 25px;
3120
+ }
3121
+ @media (max-width: 991px) {
3122
+ .error-page > .error-content > h3 {
3123
+ text-align: center;
3124
+ }
3125
+ }
3126
+ /*
3127
+ * Page: Invoice
3128
+ * -------------
3129
+ */
3130
+ .invoice {
3131
+ position: relative;
3132
+ background: #fff;
3133
+ border: 1px solid #f4f4f4;
3134
+ padding: 20px;
3135
+ margin: 10px 25px;
3136
+ }
3137
+ .invoice-title {
3138
+ margin-top: 0;
3139
+ }
3140
+ /*
3141
+ * Plugin: Social Buttons
3142
+ * ----------------------
3143
+ */
3144
+ .btn-social {
3145
+ position: relative;
3146
+ padding-left: 44px !important;
3147
+ text-align: left;
3148
+ white-space: nowrap;
3149
+ overflow: hidden;
3150
+ text-overflow: ellipsis;
3151
+ }
3152
+ .btn-social :first-child {
3153
+ position: absolute;
3154
+ left: 0;
3155
+ top: 0;
3156
+ bottom: 0;
3157
+ width: 32px !important;
3158
+ line-height: 34px !important;
3159
+ font-size: 1.6em!important;
3160
+ text-align: center;
3161
+ border-right: 1px solid rgba(0, 0, 0, 0.2);
3162
+ }
3163
+ .btn-social.btn-lg {
3164
+ padding-left: 61px !important;
3165
+ }
3166
+ .btn-social.btn-lg :first-child {
3167
+ line-height: 45px;
3168
+ width: 45px;
3169
+ font-size: 1.8em;
3170
+ }
3171
+ .btn-social.btn-sm {
3172
+ padding-left: 38px !important;
3173
+ }
3174
+ .btn-social.btn-sm :first-child {
3175
+ line-height: 28px;
3176
+ width: 28px;
3177
+ font-size: 1.4em;
3178
+ }
3179
+ .btn-social.btn-xs {
3180
+ padding-left: 30px !important;
3181
+ }
3182
+ .btn-social.btn-xs :first-child {
3183
+ line-height: 20px;
3184
+ width: 20px;
3185
+ font-size: 1.2em;
3186
+ }
3187
+ .btn-social-icon {
3188
+ position: relative;
3189
+ padding-left: 44px !important;
3190
+ text-align: left;
3191
+ white-space: nowrap;
3192
+ overflow: hidden;
3193
+ text-overflow: ellipsis;
3194
+ height: 34px;
3195
+ width: 34px;
3196
+ padding: 0;
3197
+ }
3198
+ .btn-social-icon :first-child {
3199
+ position: absolute;
3200
+ left: 0;
3201
+ top: 0;
3202
+ bottom: 0;
3203
+ width: 32px !important;
3204
+ line-height: 34px !important;
3205
+ font-size: 1.6em!important;
3206
+ text-align: center;
3207
+ border-right: 1px solid rgba(0, 0, 0, 0.2);
3208
+ }
3209
+ .btn-social-icon.btn-lg {
3210
+ padding-left: 61px !important;
3211
+ }
3212
+ .btn-social-icon.btn-lg :first-child {
3213
+ line-height: 45px;
3214
+ width: 45px;
3215
+ font-size: 1.8em;
3216
+ }
3217
+ .btn-social-icon.btn-sm {
3218
+ padding-left: 38px !important;
3219
+ }
3220
+ .btn-social-icon.btn-sm :first-child {
3221
+ line-height: 28px;
3222
+ width: 28px;
3223
+ font-size: 1.4em;
3224
+ }
3225
+ .btn-social-icon.btn-xs {
3226
+ padding-left: 30px !important;
3227
+ }
3228
+ .btn-social-icon.btn-xs :first-child {
3229
+ line-height: 20px;
3230
+ width: 20px;
3231
+ font-size: 1.2em;
3232
+ }
3233
+ .btn-social-icon :first-child {
3234
+ border: none;
3235
+ text-align: center;
3236
+ width: 100%!important;
3237
+ }
3238
+ .btn-social-icon.btn-lg {
3239
+ height: 45px;
3240
+ width: 45px;
3241
+ padding-left: 0;
3242
+ padding-right: 0;
3243
+ }
3244
+ .btn-social-icon.btn-sm {
3245
+ height: 30px;
3246
+ width: 30px;
3247
+ padding-left: 0;
3248
+ padding-right: 0;
3249
+ }
3250
+ .btn-social-icon.btn-xs {
3251
+ height: 22px;
3252
+ width: 22px;
3253
+ padding-left: 0;
3254
+ padding-right: 0;
3255
+ }
3256
+ .btn-bitbucket {
3257
+ color: #ffffff;
3258
+ background-color: #205081;
3259
+ border-color: rgba(0, 0, 0, 0.2);
3260
+ }
3261
+ .btn-bitbucket:hover,
3262
+ .btn-bitbucket:focus,
3263
+ .btn-bitbucket.focus,
3264
+ .btn-bitbucket:active,
3265
+ .btn-bitbucket.active,
3266
+ .open > .dropdown-toggle.btn-bitbucket {
3267
+ color: #ffffff;
3268
+ background-color: #163758;
3269
+ border-color: rgba(0, 0, 0, 0.2);
3270
+ }
3271
+ .btn-bitbucket:active,
3272
+ .btn-bitbucket.active,
3273
+ .open > .dropdown-toggle.btn-bitbucket {
3274
+ background-image: none;
3275
+ }
3276
+ .btn-bitbucket .badge {
3277
+ color: #205081;
3278
+ background-color: #ffffff;
3279
+ }
3280
+ .btn-dropbox {
3281
+ color: #ffffff;
3282
+ background-color: #1087dd;
3283
+ border-color: rgba(0, 0, 0, 0.2);
3284
+ }
3285
+ .btn-dropbox:hover,
3286
+ .btn-dropbox:focus,
3287
+ .btn-dropbox.focus,
3288
+ .btn-dropbox:active,
3289
+ .btn-dropbox.active,
3290
+ .open > .dropdown-toggle.btn-dropbox {
3291
+ color: #ffffff;
3292
+ background-color: #0d6aad;
3293
+ border-color: rgba(0, 0, 0, 0.2);
3294
+ }
3295
+ .btn-dropbox:active,
3296
+ .btn-dropbox.active,
3297
+ .open > .dropdown-toggle.btn-dropbox {
3298
+ background-image: none;
3299
+ }
3300
+ .btn-dropbox .badge {
3301
+ color: #1087dd;
3302
+ background-color: #ffffff;
3303
+ }
3304
+ .btn-facebook {
3305
+ color: #ffffff;
3306
+ background-color: #3b5998;
3307
+ border-color: rgba(0, 0, 0, 0.2);
3308
+ }
3309
+ .btn-facebook:hover,
3310
+ .btn-facebook:focus,
3311
+ .btn-facebook.focus,
3312
+ .btn-facebook:active,
3313
+ .btn-facebook.active,
3314
+ .open > .dropdown-toggle.btn-facebook {
3315
+ color: #ffffff;
3316
+ background-color: #2d4373;
3317
+ border-color: rgba(0, 0, 0, 0.2);
3318
+ }
3319
+ .btn-facebook:active,
3320
+ .btn-facebook.active,
3321
+ .open > .dropdown-toggle.btn-facebook {
3322
+ background-image: none;
3323
+ }
3324
+ .btn-facebook .badge {
3325
+ color: #3b5998;
3326
+ background-color: #ffffff;
3327
+ }
3328
+ .btn-flickr {
3329
+ color: #ffffff;
3330
+ background-color: #ff0084;
3331
+ border-color: rgba(0, 0, 0, 0.2);
3332
+ }
3333
+ .btn-flickr:hover,
3334
+ .btn-flickr:focus,
3335
+ .btn-flickr.focus,
3336
+ .btn-flickr:active,
3337
+ .btn-flickr.active,
3338
+ .open > .dropdown-toggle.btn-flickr {
3339
+ color: #ffffff;
3340
+ background-color: #cc006a;
3341
+ border-color: rgba(0, 0, 0, 0.2);
3342
+ }
3343
+ .btn-flickr:active,
3344
+ .btn-flickr.active,
3345
+ .open > .dropdown-toggle.btn-flickr {
3346
+ background-image: none;
3347
+ }
3348
+ .btn-flickr .badge {
3349
+ color: #ff0084;
3350
+ background-color: #ffffff;
3351
+ }
3352
+ .btn-foursquare {
3353
+ color: #ffffff;
3354
+ background-color: #0072b1;
3355
+ border-color: rgba(0, 0, 0, 0.2);
3356
+ }
3357
+ .btn-foursquare:hover,
3358
+ .btn-foursquare:focus,
3359
+ .btn-foursquare.focus,
3360
+ .btn-foursquare:active,
3361
+ .btn-foursquare.active,
3362
+ .open > .dropdown-toggle.btn-foursquare {
3363
+ color: #ffffff;
3364
+ background-color: #00517e;
3365
+ border-color: rgba(0, 0, 0, 0.2);
3366
+ }
3367
+ .btn-foursquare:active,
3368
+ .btn-foursquare.active,
3369
+ .open > .dropdown-toggle.btn-foursquare {
3370
+ background-image: none;
3371
+ }
3372
+ .btn-foursquare .badge {
3373
+ color: #0072b1;
3374
+ background-color: #ffffff;
3375
+ }
3376
+ .btn-github {
3377
+ color: #ffffff;
3378
+ background-color: #444444;
3379
+ border-color: rgba(0, 0, 0, 0.2);
3380
+ }
3381
+ .btn-github:hover,
3382
+ .btn-github:focus,
3383
+ .btn-github.focus,
3384
+ .btn-github:active,
3385
+ .btn-github.active,
3386
+ .open > .dropdown-toggle.btn-github {
3387
+ color: #ffffff;
3388
+ background-color: #2b2b2b;
3389
+ border-color: rgba(0, 0, 0, 0.2);
3390
+ }
3391
+ .btn-github:active,
3392
+ .btn-github.active,
3393
+ .open > .dropdown-toggle.btn-github {
3394
+ background-image: none;
3395
+ }
3396
+ .btn-github .badge {
3397
+ color: #444444;
3398
+ background-color: #ffffff;
3399
+ }
3400
+ .btn-google-plus {
3401
+ color: #ffffff;
3402
+ background-color: #dd4b39;
3403
+ border-color: rgba(0, 0, 0, 0.2);
3404
+ }
3405
+ .btn-google-plus:hover,
3406
+ .btn-google-plus:focus,
3407
+ .btn-google-plus.focus,
3408
+ .btn-google-plus:active,
3409
+ .btn-google-plus.active,
3410
+ .open > .dropdown-toggle.btn-google-plus {
3411
+ color: #ffffff;
3412
+ background-color: #c23321;
3413
+ border-color: rgba(0, 0, 0, 0.2);
3414
+ }
3415
+ .btn-google-plus:active,
3416
+ .btn-google-plus.active,
3417
+ .open > .dropdown-toggle.btn-google-plus {
3418
+ background-image: none;
3419
+ }
3420
+ .btn-google-plus .badge {
3421
+ color: #dd4b39;
3422
+ background-color: #ffffff;
3423
+ }
3424
+ .btn-instagram {
3425
+ color: #ffffff;
3426
+ background-color: #3f729b;
3427
+ border-color: rgba(0, 0, 0, 0.2);
3428
+ }
3429
+ .btn-instagram:hover,
3430
+ .btn-instagram:focus,
3431
+ .btn-instagram.focus,
3432
+ .btn-instagram:active,
3433
+ .btn-instagram.active,
3434
+ .open > .dropdown-toggle.btn-instagram {
3435
+ color: #ffffff;
3436
+ background-color: #305777;
3437
+ border-color: rgba(0, 0, 0, 0.2);
3438
+ }
3439
+ .btn-instagram:active,
3440
+ .btn-instagram.active,
3441
+ .open > .dropdown-toggle.btn-instagram {
3442
+ background-image: none;
3443
+ }
3444
+ .btn-instagram .badge {
3445
+ color: #3f729b;
3446
+ background-color: #ffffff;
3447
+ }
3448
+ .btn-linkedin {
3449
+ color: #ffffff;
3450
+ background-color: #007bb6;
3451
+ border-color: rgba(0, 0, 0, 0.2);
3452
+ }
3453
+ .btn-linkedin:hover,
3454
+ .btn-linkedin:focus,
3455
+ .btn-linkedin.focus,
3456
+ .btn-linkedin:active,
3457
+ .btn-linkedin.active,
3458
+ .open > .dropdown-toggle.btn-linkedin {
3459
+ color: #ffffff;
3460
+ background-color: #005983;
3461
+ border-color: rgba(0, 0, 0, 0.2);
3462
+ }
3463
+ .btn-linkedin:active,
3464
+ .btn-linkedin.active,
3465
+ .open > .dropdown-toggle.btn-linkedin {
3466
+ background-image: none;
3467
+ }
3468
+ .btn-linkedin .badge {
3469
+ color: #007bb6;
3470
+ background-color: #ffffff;
3471
+ }
3472
+ .btn-tumblr {
3473
+ color: #ffffff;
3474
+ background-color: #2c4762;
3475
+ border-color: rgba(0, 0, 0, 0.2);
3476
+ }
3477
+ .btn-tumblr:hover,
3478
+ .btn-tumblr:focus,
3479
+ .btn-tumblr.focus,
3480
+ .btn-tumblr:active,
3481
+ .btn-tumblr.active,
3482
+ .open > .dropdown-toggle.btn-tumblr {
3483
+ color: #ffffff;
3484
+ background-color: #1c2d3f;
3485
+ border-color: rgba(0, 0, 0, 0.2);
3486
+ }
3487
+ .btn-tumblr:active,
3488
+ .btn-tumblr.active,
3489
+ .open > .dropdown-toggle.btn-tumblr {
3490
+ background-image: none;
3491
+ }
3492
+ .btn-tumblr .badge {
3493
+ color: #2c4762;
3494
+ background-color: #ffffff;
3495
+ }
3496
+ .btn-twitter {
3497
+ color: #ffffff;
3498
+ background-color: #55acee;
3499
+ border-color: rgba(0, 0, 0, 0.2);
3500
+ }
3501
+ .btn-twitter:hover,
3502
+ .btn-twitter:focus,
3503
+ .btn-twitter.focus,
3504
+ .btn-twitter:active,
3505
+ .btn-twitter.active,
3506
+ .open > .dropdown-toggle.btn-twitter {
3507
+ color: #ffffff;
3508
+ background-color: #2795e9;
3509
+ border-color: rgba(0, 0, 0, 0.2);
3510
+ }
3511
+ .btn-twitter:active,
3512
+ .btn-twitter.active,
3513
+ .open > .dropdown-toggle.btn-twitter {
3514
+ background-image: none;
3515
+ }
3516
+ .btn-twitter .badge {
3517
+ color: #55acee;
3518
+ background-color: #ffffff;
3519
+ }
3520
+ .btn-vk {
3521
+ color: #ffffff;
3522
+ background-color: #587ea3;
3523
+ border-color: rgba(0, 0, 0, 0.2);
3524
+ }
3525
+ .btn-vk:hover,
3526
+ .btn-vk:focus,
3527
+ .btn-vk.focus,
3528
+ .btn-vk:active,
3529
+ .btn-vk.active,
3530
+ .open > .dropdown-toggle.btn-vk {
3531
+ color: #ffffff;
3532
+ background-color: #466482;
3533
+ border-color: rgba(0, 0, 0, 0.2);
3534
+ }
3535
+ .btn-vk:active,
3536
+ .btn-vk.active,
3537
+ .open > .dropdown-toggle.btn-vk {
3538
+ background-image: none;
3539
+ }
3540
+ .btn-vk .badge {
3541
+ color: #587ea3;
3542
+ background-color: #ffffff;
3543
+ }
3544
+ /*
3545
+ * Plugin: Full Calendar
3546
+ * ---------------------
3547
+ */
3548
+ .fc-button {
3549
+ background: #f4f4f4;
3550
+ background-image: none;
3551
+ color: #444;
3552
+ border-color: #ddd;
3553
+ border-bottom-color: #ddd;
3554
+ }
3555
+ .fc-button:hover,
3556
+ .fc-button:active,
3557
+ .fc-button.hover {
3558
+ background-color: #e9e9e9;
3559
+ }
3560
+ .fc-header-title h2 {
3561
+ font-size: 15px;
3562
+ line-height: 1.6em;
3563
+ color: #666;
3564
+ margin-left: 10px;
3565
+ }
3566
+ .fc-header-right {
3567
+ padding-right: 10px;
3568
+ }
3569
+ .fc-header-left {
3570
+ padding-left: 10px;
3571
+ }
3572
+ .fc-widget-header {
3573
+ background: #fafafa;
3574
+ }
3575
+ .fc-grid {
3576
+ width: 100%;
3577
+ border: 0;
3578
+ }
3579
+ .fc-widget-header:first-of-type,
3580
+ .fc-widget-content:first-of-type {
3581
+ border-left: 0;
3582
+ border-right: 0;
3583
+ }
3584
+ .fc-widget-header:last-of-type,
3585
+ .fc-widget-content:last-of-type {
3586
+ border-right: 0;
3587
+ }
3588
+ .fc-toolbar {
3589
+ padding: 10px;
3590
+ margin: 0;
3591
+ }
3592
+ .fc-day-number {
3593
+ font-size: 20px;
3594
+ font-weight: 300;
3595
+ padding-right: 10px;
3596
+ }
3597
+ .fc-color-picker {
3598
+ list-style: none;
3599
+ margin: 0;
3600
+ padding: 0;
3601
+ }
3602
+ .fc-color-picker > li {
3603
+ float: left;
3604
+ font-size: 30px;
3605
+ margin-right: 5px;
3606
+ line-height: 30px;
3607
+ }
3608
+ .fc-color-picker > li .fa {
3609
+ -webkit-transition: -webkit-transform linear 0.3s;
3610
+ -moz-transition: -moz-transform linear 0.3s;
3611
+ -o-transition: -o-transform linear 0.3s;
3612
+ transition: transform linear 0.3s;
3613
+ }
3614
+ .fc-color-picker > li .fa:hover {
3615
+ -webkit-transform: rotate(30deg);
3616
+ -ms-transform: rotate(30deg);
3617
+ -o-transform: rotate(30deg);
3618
+ transform: rotate(30deg);
3619
+ }
3620
+ #add-new-event {
3621
+ -webkit-transition: all linear 0.3s;
3622
+ -o-transition: all linear 0.3s;
3623
+ transition: all linear 0.3s;
3624
+ }
3625
+ .external-event {
3626
+ padding: 5px 10px;
3627
+ font-weight: bold;
3628
+ margin-bottom: 4px;
3629
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
3630
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
3631
+ border-radius: 3px;
3632
+ cursor: move;
3633
+ }
3634
+ .external-event:hover {
3635
+ box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2);
3636
+ }
3637
+ /*
3638
+ * Plugin: Select2
3639
+ * ---------------
3640
+ */
3641
+ .select2-container--default.select2-container--focus,
3642
+ .select2-selection.select2-container--focus,
3643
+ .select2-container--default:focus,
3644
+ .select2-selection:focus,
3645
+ .select2-container--default:active,
3646
+ .select2-selection:active {
3647
+ outline: none;
3648
+ }
3649
+ .select2-container--default .select2-selection--single,
3650
+ .select2-selection .select2-selection--single {
3651
+ border: 1px solid #d2d6de;
3652
+ border-radius: 0px;
3653
+ padding: 6px 12px;
3654
+ height: 34px;
3655
+ }
3656
+ .select2-container--default.select2-container--open {
3657
+ border-color: #3c8dbc;
3658
+ }
3659
+ .select2-dropdown {
3660
+ border: 1px solid #d2d6de;
3661
+ border-radius: 0px;
3662
+ }
3663
+ .select2-container--default .select2-results__option--highlighted[aria-selected] {
3664
+ background-color: #3c8dbc;
3665
+ color: white;
3666
+ }
3667
+ .select2-results__option {
3668
+ padding: 6px 12px;
3669
+ user-select: none;
3670
+ -webkit-user-select: none;
3671
+ }
3672
+ .select2-container .select2-selection--single .select2-selection__rendered {
3673
+ padding-left: 0;
3674
+ padding-right: 0;
3675
+ height: auto;
3676
+ margin-top: -4px;
3677
+ }
3678
+ .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
3679
+ padding-right: 6px;
3680
+ padding-left: 20px;
3681
+ }
3682
+ .select2-container--default .select2-selection--single .select2-selection__arrow {
3683
+ height: 28px;
3684
+ right: 3px;
3685
+ }
3686
+ .select2-container--default .select2-selection--single .select2-selection__arrow b {
3687
+ margin-top: 0;
3688
+ }
3689
+ .select2-dropdown .select2-search__field,
3690
+ .select2-search--inline .select2-search__field {
3691
+ border: 1px solid #d2d6de;
3692
+ }
3693
+ .select2-dropdown .select2-search__field:focus,
3694
+ .select2-search--inline .select2-search__field:focus {
3695
+ outline: none;
3696
+ border: 1px solid #3c8dbc;
3697
+ }
3698
+ .select2-container--default .select2-results__option[aria-disabled=true] {
3699
+ color: #999;
3700
+ }
3701
+ .select2-container--default .select2-results__option[aria-selected=true] {
3702
+ background-color: #ddd;
3703
+ }
3704
+ .select2-container--default .select2-results__option[aria-selected=true],
3705
+ .select2-container--default .select2-results__option[aria-selected=true]:hover {
3706
+ color: #444;
3707
+ }
3708
+ .select2-container--default .select2-selection--multiple {
3709
+ border: 1px solid #d2d6de;
3710
+ border-radius: 0px;
3711
+ height: 34px;
3712
+ }
3713
+ .select2-container--default .select2-selection--multiple:focus {
3714
+ border-color: #3c8dbc;
3715
+ }
3716
+ .select2-container--default.select2-container--focus .select2-selection--multiple {
3717
+ border-color: #d2d6de;
3718
+ }
3719
+ .select2-container--default .select2-selection--multiple .select2-selection__choice {
3720
+ background-color: #3c8dbc;
3721
+ border-color: #367fa9;
3722
+ padding: 1px 10px;
3723
+ color: #fff;
3724
+ }
3725
+ .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
3726
+ margin-right: 5px;
3727
+ color: rgba(255, 255, 255, 0.7);
3728
+ }
3729
+ .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
3730
+ color: #fff;
3731
+ }
3732
+ /*
3733
+ * General: Miscellaneous
3734
+ * ----------------------
3735
+ */
3736
+ .pad {
3737
+ padding: 10px;
3738
+ }
3739
+ .margin {
3740
+ margin: 10px;
3741
+ }
3742
+ .margin-bottom {
3743
+ margin-bottom: 20px;
3744
+ }
3745
+ .inline {
3746
+ display: inline;
3747
+ width: auto;
3748
+ }
3749
+ .description-block {
3750
+ display: block;
3751
+ margin: 10px 0;
3752
+ text-align: center;
3753
+ }
3754
+ .description-block.margin-bottom {
3755
+ margin-bottom: 25px;
3756
+ }
3757
+ .description-block > .description-header {
3758
+ margin: 0;
3759
+ padding: 0;
3760
+ font-weight: 600;
3761
+ font-size: 16px;
3762
+ }
3763
+ .description-block > .description-text {
3764
+ text-transform: uppercase;
3765
+ }
3766
+ .bg-red,
3767
+ .bg-yellow,
3768
+ .bg-aqua,
3769
+ .bg-blue,
3770
+ .bg-light-blue,
3771
+ .bg-green,
3772
+ .bg-navy,
3773
+ .bg-teal,
3774
+ .bg-olive,
3775
+ .bg-lime,
3776
+ .bg-orange,
3777
+ .bg-fuchsia,
3778
+ .bg-purple,
3779
+ .bg-maroon,
3780
+ .bg-black,
3781
+ .bg-red-active,
3782
+ .bg-yellow-active,
3783
+ .bg-aqua-active,
3784
+ .bg-blue-active,
3785
+ .bg-light-blue-active,
3786
+ .bg-green-active,
3787
+ .bg-navy-active,
3788
+ .bg-teal-active,
3789
+ .bg-olive-active,
3790
+ .bg-lime-active,
3791
+ .bg-orange-active,
3792
+ .bg-fuchsia-active,
3793
+ .bg-purple-active,
3794
+ .bg-maroon-active,
3795
+ .bg-black-active,
3796
+ .callout.callout-danger,
3797
+ .callout.callout-warning,
3798
+ .callout.callout-info,
3799
+ .callout.callout-success,
3800
+ .alert-success,
3801
+ .alert-danger,
3802
+ .alert-error,
3803
+ .alert-warning,
3804
+ .alert-info,
3805
+ .label-danger,
3806
+ .label-info,
3807
+ .label-warning,
3808
+ .label-primary,
3809
+ .label-success,
3810
+ .modal-primary .modal-body,
3811
+ .modal-primary .modal-header,
3812
+ .modal-primary .modal-footer,
3813
+ .modal-warning .modal-body,
3814
+ .modal-warning .modal-header,
3815
+ .modal-warning .modal-footer,
3816
+ .modal-info .modal-body,
3817
+ .modal-info .modal-header,
3818
+ .modal-info .modal-footer,
3819
+ .modal-success .modal-body,
3820
+ .modal-success .modal-header,
3821
+ .modal-success .modal-footer,
3822
+ .modal-danger .modal-body,
3823
+ .modal-danger .modal-header,
3824
+ .modal-danger .modal-footer {
3825
+ color: #fff !important;
3826
+ }
3827
+ .bg-gray {
3828
+ color: #000;
3829
+ background-color: #d2d6de !important;
3830
+ }
3831
+ .bg-black {
3832
+ background-color: #111111 !important;
3833
+ }
3834
+ .bg-red,
3835
+ .callout.callout-danger,
3836
+ .alert-danger,
3837
+ .alert-error,
3838
+ .label-danger,
3839
+ .modal-danger .modal-body {
3840
+ background-color: #dd4b39 !important;
3841
+ }
3842
+ .bg-yellow,
3843
+ .callout.callout-warning,
3844
+ .alert-warning,
3845
+ .label-warning,
3846
+ .modal-warning .modal-body {
3847
+ background-color: #f39c12 !important;
3848
+ }
3849
+ .bg-aqua,
3850
+ .callout.callout-info,
3851
+ .alert-info,
3852
+ .label-info,
3853
+ .modal-info .modal-body {
3854
+ background-color: #00c0ef !important;
3855
+ }
3856
+ .bg-blue {
3857
+ background-color: #0073b7 !important;
3858
+ }
3859
+ .bg-light-blue,
3860
+ .label-primary,
3861
+ .modal-primary .modal-body {
3862
+ background-color: #3c8dbc !important;
3863
+ }
3864
+ .bg-green,
3865
+ .callout.callout-success,
3866
+ .alert-success,
3867
+ .label-success,
3868
+ .modal-success .modal-body {
3869
+ background-color: #00a65a !important;
3870
+ }
3871
+ .bg-navy {
3872
+ background-color: #001f3f !important;
3873
+ }
3874
+ .bg-teal {
3875
+ background-color: #39cccc !important;
3876
+ }
3877
+ .bg-olive {
3878
+ background-color: #3d9970 !important;
3879
+ }
3880
+ .bg-lime {
3881
+ background-color: #01ff70 !important;
3882
+ }
3883
+ .bg-orange {
3884
+ background-color: #ff851b !important;
3885
+ }
3886
+ .bg-fuchsia {
3887
+ background-color: #f012be !important;
3888
+ }
3889
+ .bg-purple {
3890
+ background-color: #605ca8 !important;
3891
+ }
3892
+ .bg-maroon {
3893
+ background-color: #d81b60 !important;
3894
+ }
3895
+ .bg-gray-active {
3896
+ color: #000;
3897
+ background-color: #b5bbc8 !important;
3898
+ }
3899
+ .bg-black-active {
3900
+ background-color: #000000 !important;
3901
+ }
3902
+ .bg-red-active,
3903
+ .modal-danger .modal-header,
3904
+ .modal-danger .modal-footer {
3905
+ background-color: #d33724 !important;
3906
+ }
3907
+ .bg-yellow-active,
3908
+ .modal-warning .modal-header,
3909
+ .modal-warning .modal-footer {
3910
+ background-color: #db8b0b !important;
3911
+ }
3912
+ .bg-aqua-active,
3913
+ .modal-info .modal-header,
3914
+ .modal-info .modal-footer {
3915
+ background-color: #00a7d0 !important;
3916
+ }
3917
+ .bg-blue-active {
3918
+ background-color: #005384 !important;
3919
+ }
3920
+ .bg-light-blue-active,
3921
+ .modal-primary .modal-header,
3922
+ .modal-primary .modal-footer {
3923
+ background-color: #357ca5 !important;
3924
+ }
3925
+ .bg-green-active,
3926
+ .modal-success .modal-header,
3927
+ .modal-success .modal-footer {
3928
+ background-color: #008d4c !important;
3929
+ }
3930
+ .bg-navy-active {
3931
+ background-color: #001a35 !important;
3932
+ }
3933
+ .bg-teal-active {
3934
+ background-color: #30bbbb !important;
3935
+ }
3936
+ .bg-olive-active {
3937
+ background-color: #368763 !important;
3938
+ }
3939
+ .bg-lime-active {
3940
+ background-color: #00e765 !important;
3941
+ }
3942
+ .bg-orange-active {
3943
+ background-color: #ff7701 !important;
3944
+ }
3945
+ .bg-fuchsia-active {
3946
+ background-color: #db0ead !important;
3947
+ }
3948
+ .bg-purple-active {
3949
+ background-color: #555299 !important;
3950
+ }
3951
+ .bg-maroon-active {
3952
+ background-color: #ca195a !important;
3953
+ }
3954
+ [class^="bg-"].disabled {
3955
+ opacity: 0.65;
3956
+ filter: alpha(opacity=65);
3957
+ }
3958
+ .text-red {
3959
+ color: #dd4b39 !important;
3960
+ }
3961
+ .text-yellow {
3962
+ color: #f39c12 !important;
3963
+ }
3964
+ .text-aqua {
3965
+ color: #00c0ef !important;
3966
+ }
3967
+ .text-blue {
3968
+ color: #0073b7 !important;
3969
+ }
3970
+ .text-black {
3971
+ color: #111111 !important;
3972
+ }
3973
+ .text-light-blue {
3974
+ color: #3c8dbc !important;
3975
+ }
3976
+ .text-green {
3977
+ color: #00a65a !important;
3978
+ }
3979
+ .text-gray {
3980
+ color: #d2d6de !important;
3981
+ }
3982
+ .text-navy {
3983
+ color: #001f3f !important;
3984
+ }
3985
+ .text-teal {
3986
+ color: #39cccc !important;
3987
+ }
3988
+ .text-olive {
3989
+ color: #3d9970 !important;
3990
+ }
3991
+ .text-lime {
3992
+ color: #01ff70 !important;
3993
+ }
3994
+ .text-orange {
3995
+ color: #ff851b !important;
3996
+ }
3997
+ .text-fuchsia {
3998
+ color: #f012be !important;
3999
+ }
4000
+ .text-purple {
4001
+ color: #605ca8 !important;
4002
+ }
4003
+ .text-maroon {
4004
+ color: #d81b60 !important;
4005
+ }
4006
+ .hide {
4007
+ display: none !important;
4008
+ }
4009
+ .no-border {
4010
+ border: 0px !important;
4011
+ }
4012
+ .no-padding {
4013
+ padding: 0px !important;
4014
+ }
4015
+ .no-margin {
4016
+ margin: 0px !important;
4017
+ }
4018
+ .no-shadow {
4019
+ box-shadow: none!important;
4020
+ }
4021
+ .list-unstyled,
4022
+ .chart-legend,
4023
+ .contacts-list,
4024
+ .users-list,
4025
+ .mailbox-attachments {
4026
+ list-style: none;
4027
+ margin: 0;
4028
+ padding: 0;
4029
+ }
4030
+ .flat {
4031
+ border-radius: 0 !important;
4032
+ }
4033
+ .text-bold,
4034
+ .text-bold.table td,
4035
+ .text-bold.table th {
4036
+ font-weight: 700;
4037
+ }
4038
+ .jqstooltip {
4039
+ padding: 5px!important;
4040
+ width: auto!important;
4041
+ height: auto!important;
4042
+ }
4043
+ .bg-teal-gradient {
4044
+ background: #39cccc !important;
4045
+ background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;
4046
+ background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important;
4047
+ background: -moz-linear-gradient(center bottom, #39cccc 0%, #7adddd 100%) !important;
4048
+ background: -o-linear-gradient(#7adddd, #39cccc) !important;
4049
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;
4050
+ color: #fff;
4051
+ }
4052
+ .bg-light-blue-gradient {
4053
+ background: #3c8dbc !important;
4054
+ background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important;
4055
+ background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;
4056
+ background: -moz-linear-gradient(center bottom, #3c8dbc 0%, #67a8ce 100%) !important;
4057
+ background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;
4058
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;
4059
+ color: #fff;
4060
+ }
4061
+ .bg-blue-gradient {
4062
+ background: #0073b7 !important;
4063
+ background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important;
4064
+ background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important;
4065
+ background: -moz-linear-gradient(center bottom, #0073b7 0%, #0089db 100%) !important;
4066
+ background: -o-linear-gradient(#0089db, #0073b7) !important;
4067
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;
4068
+ color: #fff;
4069
+ }
4070
+ .bg-aqua-gradient {
4071
+ background: #00c0ef !important;
4072
+ background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;
4073
+ background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;
4074
+ background: -moz-linear-gradient(center bottom, #00c0ef 0%, #14d1ff 100%) !important;
4075
+ background: -o-linear-gradient(#14d1ff, #00c0ef) !important;
4076
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;
4077
+ color: #fff;
4078
+ }
4079
+ .bg-yellow-gradient {
4080
+ background: #f39c12 !important;
4081
+ background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important;
4082
+ background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;
4083
+ background: -moz-linear-gradient(center bottom, #f39c12 0%, #f7bc60 100%) !important;
4084
+ background: -o-linear-gradient(#f7bc60, #f39c12) !important;
4085
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;
4086
+ color: #fff;
4087
+ }
4088
+ .bg-purple-gradient {
4089
+ background: #605ca8 !important;
4090
+ background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #605ca8), color-stop(1, #9491c4)) !important;
4091
+ background: -ms-linear-gradient(bottom, #605ca8, #9491c4) !important;
4092
+ background: -moz-linear-gradient(center bottom, #605ca8 0%, #9491c4 100%) !important;
4093
+ background: -o-linear-gradient(#9491c4, #605ca8) !important;
4094
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important;
4095
+ color: #fff;
4096
+ }
4097
+ .bg-green-gradient {
4098
+ background: #00a65a !important;
4099
+ background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important;
4100
+ background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;
4101
+ background: -moz-linear-gradient(center bottom, #00a65a 0%, #00ca6d 100%) !important;
4102
+ background: -o-linear-gradient(#00ca6d, #00a65a) !important;
4103
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;
4104
+ color: #fff;
4105
+ }
4106
+ .bg-red-gradient {
4107
+ background: #dd4b39 !important;
4108
+ background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dd4b39), color-stop(1, #e47365)) !important;
4109
+ background: -ms-linear-gradient(bottom, #dd4b39, #e47365) !important;
4110
+ background: -moz-linear-gradient(center bottom, #dd4b39 0%, #e47365 100%) !important;
4111
+ background: -o-linear-gradient(#e47365, #dd4b39) !important;
4112
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important;
4113
+ color: #fff;
4114
+ }
4115
+ .bg-black-gradient {
4116
+ background: #111111 !important;
4117
+ background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111111), color-stop(1, #2b2b2b)) !important;
4118
+ background: -ms-linear-gradient(bottom, #111111, #2b2b2b) !important;
4119
+ background: -moz-linear-gradient(center bottom, #111111 0%, #2b2b2b 100%) !important;
4120
+ background: -o-linear-gradient(#2b2b2b, #111111) !important;
4121
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111111', GradientType=0) !important;
4122
+ color: #fff;
4123
+ }
4124
+ .bg-maroon-gradient {
4125
+ background: #d81b60 !important;
4126
+ background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d81b60), color-stop(1, #e73f7c)) !important;
4127
+ background: -ms-linear-gradient(bottom, #d81b60, #e73f7c) !important;
4128
+ background: -moz-linear-gradient(center bottom, #d81b60 0%, #e73f7c 100%) !important;
4129
+ background: -o-linear-gradient(#e73f7c, #d81b60) !important;
4130
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#d81b60', GradientType=0) !important;
4131
+ color: #fff;
4132
+ }
4133
+ .connectedSortable {
4134
+ min-height: 100px;
4135
+ }
4136
+ .ui-helper-hidden-accessible {
4137
+ border: 0;
4138
+ clip: rect(0 0 0 0);
4139
+ height: 1px;
4140
+ margin: -1px;
4141
+ overflow: hidden;
4142
+ padding: 0;
4143
+ position: absolute;
4144
+ width: 1px;
4145
+ }
4146
+ .sort-highlight {
4147
+ background: #f4f4f4;
4148
+ border: 1px dashed #ddd;
4149
+ margin-bottom: 10px;
4150
+ }
4151
+ .full-opacity-hover {
4152
+ opacity: 0.65;
4153
+ filter: alpha(opacity=65);
4154
+ }
4155
+ .full-opacity-hover:hover {
4156
+ opacity: 1;
4157
+ filter: alpha(opacity=100);
4158
+ }
4159
+ .chart {
4160
+ position: relative;
4161
+ overflow: hidden;
4162
+ width: 100%;
4163
+ }
4164
+ .chart svg,
4165
+ .chart canvas {
4166
+ width: 100%!important;
4167
+ }
4168
+ /*
4169
+ * Misc: print
4170
+ * -----------
4171
+ */
4172
+ @media print {
4173
+ .no-print,
4174
+ .main-sidebar,
4175
+ .left-side,
4176
+ .main-header,
4177
+ .content-header {
4178
+ display: none!important;
4179
+ }
4180
+ .content-wrapper,
4181
+ .right-side,
4182
+ .main-footer {
4183
+ margin-left: 0!important;
4184
+ min-height: 0!important;
4185
+ -webkit-transform: translate(0, 0) !important;
4186
+ -ms-transform: translate(0, 0) !important;
4187
+ -o-transform: translate(0, 0) !important;
4188
+ transform: translate(0, 0) !important;
4189
+ }
4190
+ .fixed .content-wrapper,
4191
+ .fixed .right-side {
4192
+ padding-top: 0!important;
4193
+ }
4194
+ .invoice {
4195
+ width: 100%;
4196
+ border: 0;
4197
+ margin: 0;
4198
+ padding: 0;
4199
+ }
4200
+ .invoice-col {
4201
+ float: left;
4202
+ width: 33.3333333%;
4203
+ }
4204
+ .table-responsive {
4205
+ overflow: auto;
4206
+ }
4207
+ .table-responsive > .table tr th,
4208
+ .table-responsive > .table tr td {
4209
+ white-space: normal!important;
4210
+ }
4211
+ }