flat_rails 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (85) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +17 -0
  3. data/Gemfile +4 -0
  4. data/LICENSE.txt +22 -0
  5. data/README.md +29 -0
  6. data/Rakefile +1 -0
  7. data/app/assets/fonts/Flat-UI-Icons.dev.svg +140 -0
  8. data/app/assets/fonts/Flat-UI-Icons.eot +0 -0
  9. data/app/assets/fonts/Flat-UI-Icons.svg +140 -0
  10. data/app/assets/fonts/Flat-UI-Icons.ttf +0 -0
  11. data/app/assets/fonts/Flat-UI-Icons.woff +0 -0
  12. data/app/assets/fonts/icomoon-session.json +1 -0
  13. data/app/assets/images/demo/browser-2x.png +0 -0
  14. data/app/assets/images/demo/html-icon.png +0 -0
  15. data/app/assets/images/demo/logo-mask-2x.png +0 -0
  16. data/app/assets/images/demo/logo-mask.png +0 -0
  17. data/app/assets/images/demo/video.jpg +0 -0
  18. data/app/assets/images/favicon.ico +0 -0
  19. data/app/assets/images/footer/logo.png +0 -0
  20. data/app/assets/images/icons/Book@2x.png +0 -0
  21. data/app/assets/images/icons/Calendar@2x.png +0 -0
  22. data/app/assets/images/icons/Chat@2x.png +0 -0
  23. data/app/assets/images/icons/Clipboard@2x.png +0 -0
  24. data/app/assets/images/icons/Compas@2x.png +0 -0
  25. data/app/assets/images/icons/Gift-Box@2x.png +0 -0
  26. data/app/assets/images/icons/Infinity-Loop@2x.png +0 -0
  27. data/app/assets/images/icons/Mail@2x.png +0 -0
  28. data/app/assets/images/icons/Map@2x.png +0 -0
  29. data/app/assets/images/icons/Pensils@2x.png +0 -0
  30. data/app/assets/images/icons/Pocket@2x.png +0 -0
  31. data/app/assets/images/icons/Retina-Ready@2x.png +0 -0
  32. data/app/assets/images/icons/Toilet-Paper@2x.png +0 -0
  33. data/app/assets/images/icons/Watches@2x.png +0 -0
  34. data/app/assets/images/login/icon.png +0 -0
  35. data/app/assets/images/login/imac-2x.png +0 -0
  36. data/app/assets/images/login/imac.png +0 -0
  37. data/app/assets/images/switch/mask-square.png +0 -0
  38. data/app/assets/images/switch/mask.png +0 -0
  39. data/app/assets/images/tile/ribbon-2x.png +0 -0
  40. data/app/assets/images/tile/ribbon.png +0 -0
  41. data/app/assets/images/todo/done-2x.png +0 -0
  42. data/app/assets/images/todo/done.png +0 -0
  43. data/app/assets/images/todo/search-2x.png +0 -0
  44. data/app/assets/images/todo/search.png +0 -0
  45. data/app/assets/images/todo/todo-2x.png +0 -0
  46. data/app/assets/images/todo/todo.png +0 -0
  47. data/app/assets/images/video/fullscreen-2x.png +0 -0
  48. data/app/assets/images/video/fullscreen.png +0 -0
  49. data/app/assets/images/video/pause-2x.png +0 -0
  50. data/app/assets/images/video/pause.png +0 -0
  51. data/app/assets/images/video/play-2x.png +0 -0
  52. data/app/assets/images/video/play.png +0 -0
  53. data/app/assets/images/video/poster.jpg +0 -0
  54. data/app/assets/images/video/volume-full-2x.png +0 -0
  55. data/app/assets/images/video/volume-full.png +0 -0
  56. data/app/assets/images/video/volume-off-2x.png +0 -0
  57. data/app/assets/images/video/volume-off.png +0 -0
  58. data/app/assets/javascripts/application.js +68 -0
  59. data/app/assets/javascripts/bootstrap-select.js +412 -0
  60. data/app/assets/javascripts/bootstrap-switch.js +251 -0
  61. data/app/assets/javascripts/bootstrap.min.js +7 -0
  62. data/app/assets/javascripts/flatui-checkbox.js +112 -0
  63. data/app/assets/javascripts/flatui-radio.js +141 -0
  64. data/app/assets/javascripts/html5shiv.js +8 -0
  65. data/app/assets/javascripts/icon-font-ie7.js +57 -0
  66. data/app/assets/javascripts/jquery-1.8.3.min.js +2 -0
  67. data/app/assets/javascripts/jquery-ui-1.10.3.custom.min.js +6 -0
  68. data/app/assets/javascripts/jquery.placeholder.js +157 -0
  69. data/app/assets/javascripts/jquery.stacktable.js +54 -0
  70. data/app/assets/javascripts/jquery.tagsinput.js +355 -0
  71. data/app/assets/javascripts/jquery.ui.touch-punch.min.js +11 -0
  72. data/app/assets/stylesheets/bootstrap/css/bootstrap-docs.css +1067 -0
  73. data/app/assets/stylesheets/bootstrap/css/bootstrap-responsive.css +1109 -0
  74. data/app/assets/stylesheets/bootstrap/css/bootstrap.css +6167 -0
  75. data/app/assets/stylesheets/bootstrap/css/prettify.css +30 -0
  76. data/app/assets/stylesheets/bootstrap/img/glyphicons-halflings-white.png +0 -0
  77. data/app/assets/stylesheets/bootstrap/img/glyphicons-halflings.png +0 -0
  78. data/app/assets/stylesheets/bootstrap/js/application.js +156 -0
  79. data/app/assets/stylesheets/bootstrap/js/google-code-prettify/prettify.js +28 -0
  80. data/app/assets/stylesheets/bootstrap/js/holder.js +401 -0
  81. data/app/assets/stylesheets/flat-ui.css +3868 -0
  82. data/flat_rails.gemspec +23 -0
  83. data/lib/flat_rails/version.rb +3 -0
  84. data/lib/flat_rails.rb +5 -0
  85. metadata +156 -0
@@ -0,0 +1,3868 @@
1
+ @import url("https://fonts.googleapis.com/css?family=Lato:400,700,700italic,900,400italic,300");
2
+ @font-face {
3
+ font-family: 'Flat-UI-Icons';
4
+ src: url('assets/fonts/Flat-UI-Icons.eot');
5
+ src: url('assets/fonts/Flat-UI-Icons.eot?#iefix') format('embedded-opentype'), url('assets/fonts/Flat-UI-Icons.woff') format('woff'), url('assets/fonts/Flat-UI-Icons.ttf') format('truetype'), url('assets/fonts/Flat-UI-Icons.svg#Flat-UI-Icons') format('svg');
6
+ font-weight: normal;
7
+ font-style: normal;
8
+ }
9
+ /* Use the following CSS code if you want to use data attributes for inserting your icons */
10
+ [data-icon]:before {
11
+ font-family: 'Flat-UI-Icons';
12
+ content: attr(data-icon);
13
+ speak: none;
14
+ font-weight: normal;
15
+ font-variant: normal;
16
+ text-transform: none;
17
+ -webkit-font-smoothing: antialiased;
18
+ }
19
+ /* Use the following CSS code if you want to have a class per icon */
20
+ /*
21
+ Instead of a list of all class selectors,
22
+ you can use the generic selector below, but it's slower:
23
+ [class*="fui-"] {
24
+ */
25
+ .fui-arrow-right,
26
+ .fui-arrow-left,
27
+ .fui-cmd,
28
+ .fui-check-inverted,
29
+ .fui-heart,
30
+ .fui-location,
31
+ .fui-plus,
32
+ .fui-check,
33
+ .fui-cross,
34
+ .fui-list,
35
+ .fui-new,
36
+ .fui-video,
37
+ .fui-photo,
38
+ .fui-volume,
39
+ .fui-time,
40
+ .fui-eye,
41
+ .fui-chat,
42
+ .fui-search,
43
+ .fui-user,
44
+ .fui-mail,
45
+ .fui-lock,
46
+ .fui-gear,
47
+ .fui-radio-unchecked,
48
+ .fui-radio-checked,
49
+ .fui-checkbox-unchecked,
50
+ .fui-checkbox-checked,
51
+ .fui-calendar-solid,
52
+ .fui-pause,
53
+ .fui-play,
54
+ .fui-check-inverted-2 {
55
+ display: inline-block;
56
+ font-family: 'Flat-UI-Icons';
57
+ speak: none;
58
+ font-style: normal;
59
+ font-weight: normal;
60
+ font-variant: normal;
61
+ text-transform: none;
62
+ -webkit-font-smoothing: antialiased;
63
+ }
64
+ .fui-arrow-right:before {
65
+ content: "\e02c";
66
+ }
67
+ .fui-arrow-left:before {
68
+ content: "\e02d";
69
+ }
70
+ .fui-cmd:before {
71
+ content: "\e02f";
72
+ }
73
+ .fui-check-inverted:before {
74
+ content: "\e006";
75
+ }
76
+ .fui-heart:before {
77
+ content: "\e007";
78
+ }
79
+ .fui-location:before {
80
+ content: "\e008";
81
+ }
82
+ .fui-plus:before {
83
+ content: "\e009";
84
+ }
85
+ .fui-check:before {
86
+ content: "\e00a";
87
+ }
88
+ .fui-cross:before {
89
+ content: "\e00b";
90
+ }
91
+ .fui-list:before {
92
+ content: "\e00c";
93
+ }
94
+ .fui-new:before {
95
+ content: "\e00d";
96
+ }
97
+ .fui-video:before {
98
+ content: "\e00e";
99
+ }
100
+ .fui-photo:before {
101
+ content: "\e00f";
102
+ }
103
+ .fui-volume:before {
104
+ content: "\e010";
105
+ }
106
+ .fui-time:before {
107
+ content: "\e011";
108
+ }
109
+ .fui-eye:before {
110
+ content: "\e012";
111
+ }
112
+ .fui-chat:before {
113
+ content: "\e013";
114
+ }
115
+ .fui-search:before {
116
+ content: "\e01c";
117
+ }
118
+ .fui-user:before {
119
+ content: "\e01d";
120
+ }
121
+ .fui-mail:before {
122
+ content: "\e01e";
123
+ }
124
+ .fui-lock:before {
125
+ content: "\e01f";
126
+ }
127
+ .fui-gear:before {
128
+ content: "\e024";
129
+ }
130
+ .fui-radio-unchecked:before {
131
+ content: "\e02b";
132
+ }
133
+ .fui-radio-checked:before {
134
+ content: "\e032";
135
+ }
136
+ .fui-checkbox-unchecked:before {
137
+ content: "\e033";
138
+ }
139
+ .fui-checkbox-checked:before {
140
+ content: "\e034";
141
+ }
142
+ .fui-calendar-solid:before {
143
+ content: "\e022";
144
+ }
145
+ .fui-pause:before {
146
+ content: "\e03b";
147
+ }
148
+ .fui-play:before {
149
+ content: "\e03c";
150
+ }
151
+ .fui-check-inverted-2:before {
152
+ content: "\e000";
153
+ }
154
+ /* 62px */
155
+ /* 52px */
156
+ /* 40px */
157
+ /* 29px */
158
+ /* 28px */
159
+ /* 24px */
160
+ .inline-block {
161
+ display: inline-block;
162
+ zoom: 1;
163
+ *display: inline;
164
+ }
165
+ .clearfix {
166
+ *zoom: 1;
167
+ }
168
+ .clearfix:before,
169
+ .clearfix:after {
170
+ display: table;
171
+ content: "";
172
+ }
173
+ .clearfix:after {
174
+ clear: both;
175
+ }
176
+ .drop-ie-gradient {
177
+ filter: unquote("progid:DXImageTransform.Microsoft.gradient(enabled = false)");
178
+ }
179
+ .dropdown-arrow-inverse {
180
+ border-bottom-color: #34495e !important;
181
+ border-top-color: #34495e !important;
182
+ }
183
+ .demo-headline {
184
+ padding: 73px 0 110px;
185
+ text-align: center;
186
+ }
187
+ .demo-logo {
188
+ font-size: 90px;
189
+ font-weight: 900;
190
+ letter-spacing: -2px;
191
+ line-height: 100px;
192
+ }
193
+ .demo-logo .logo {
194
+ background: url(assets/images/demo/logo-mask.png) center 0 no-repeat;
195
+ background-size: 256px 186px;
196
+ height: 186px;
197
+ margin: 0 auto 26px;
198
+ overflow: hidden;
199
+ text-indent: -9999em;
200
+ width: 256px;
201
+ }
202
+ .demo-logo small {
203
+ color: rgba(52, 73, 94, 0.30000000000000004);
204
+ display: block;
205
+ font-size: 22px;
206
+ font-weight: 700;
207
+ letter-spacing: -1px;
208
+ padding-top: 5px;
209
+ }
210
+ .demo-row {
211
+ margin-bottom: 20px;
212
+ }
213
+ .demo-panel-title {
214
+ margin-bottom: 20px;
215
+ padding-top: 20px;
216
+ }
217
+ .demo-panel-title small {
218
+ color: #798795;
219
+ font-size: inherit;
220
+ font-weight: 400;
221
+ }
222
+ .demo-navigation {
223
+ margin-bottom: -4px;
224
+ margin-top: -10px;
225
+ }
226
+ .demo-pager {
227
+ margin-top: -10px;
228
+ }
229
+ .demo-tooltips {
230
+ height: 126px;
231
+ }
232
+ .demo-tooltips .tooltip {
233
+ left: -8px !important;
234
+ position: relative !important;
235
+ top: -8px !important;
236
+ }
237
+ .demo-headings {
238
+ margin-bottom: 12px;
239
+ }
240
+ .demo-tiles {
241
+ margin-bottom: 46px;
242
+ }
243
+ .demo-icons {
244
+ font-size: 32px;
245
+ margin-left: -20px;
246
+ padding-left: 20px;
247
+ }
248
+ .demo-icons .demo-content {
249
+ margin: 0 0 0 -35px;
250
+ }
251
+ .demo-icons .demo-content > span {
252
+ display: inline-block;
253
+ margin: 0 0 32px 35px;
254
+ width: 24px;
255
+ font-size: 24px;
256
+ }
257
+ .demo-icons-tooltip {
258
+ bottom: 0;
259
+ color: #c2c8cf;
260
+ font-size: 12px;
261
+ left: 100%;
262
+ margin-left: 0 !important;
263
+ position: absolute;
264
+ width: 80px;
265
+ }
266
+ .demo-illustrations .demo-content {
267
+ margin: 0 0 0 -40px;
268
+ padding-top: 20px;
269
+ *zoom: 1;
270
+ }
271
+ .demo-illustrations .demo-content:before,
272
+ .demo-illustrations .demo-content:after {
273
+ display: table;
274
+ content: "";
275
+ }
276
+ .demo-illustrations .demo-content:after {
277
+ clear: both;
278
+ }
279
+ .demo-illustrations .demo-content > div {
280
+ float: left;
281
+ width: 100px;
282
+ height: 100px;
283
+ margin: 0 0 40px 40px;
284
+ text-align: center;
285
+ }
286
+ .demo-illustrations img {
287
+ display: inline-block;
288
+ max-height: 100px;
289
+ max-width: 100px;
290
+ vertical-align: baseline;
291
+ }
292
+ .demo-samples {
293
+ margin-bottom: 46px;
294
+ }
295
+ .demo-video {
296
+ padding-top: 95px;
297
+ -webkit-border-radius: 6px;
298
+ -moz-border-radius: 6px;
299
+ border-radius: 6px;
300
+ }
301
+ .demo-download-section {
302
+ float: none;
303
+ margin: 0 auto;
304
+ padding: 60px 0 90px 20px;
305
+ text-align: center;
306
+ }
307
+ .demo-download-section [class*='fui-'] {
308
+ margin: 3px 0 -3px;
309
+ }
310
+ .demo-download {
311
+ background-color: #ebedef;
312
+ height: 120px;
313
+ margin: 0 auto 32px;
314
+ padding: 40px 28px 30px 32px;
315
+ text-align: center;
316
+ width: 130px;
317
+ -webkit-border-radius: 50%;
318
+ -moz-border-radius: 50%;
319
+ border-radius: 50%;
320
+ }
321
+ .demo-download img {
322
+ height: 104px;
323
+ width: 82px;
324
+ }
325
+ .demo-download-text {
326
+ font-size: 15px;
327
+ padding: 20px 0;
328
+ text-align: center;
329
+ }
330
+ .demo-text-box a:hover {
331
+ color: #1abc9c;
332
+ }
333
+ .demo-browser {
334
+ background: #2c3e50 url(assets/images/demo/browser.png) 0 0 no-repeat;
335
+ background-size: 659px 42px;
336
+ color: #ffffff;
337
+ margin: 0 41px 140px 0;
338
+ padding-top: 42px;
339
+ -webkit-border-radius: 0 0 6px 6px;
340
+ -moz-border-radius: 0 0 6px 6px;
341
+ border-radius: 0 0 6px 6px;
342
+ }
343
+ .demo-browser-side {
344
+ float: left;
345
+ padding: 22px 20px;
346
+ width: 111px;
347
+ }
348
+ .demo-browser-side > h5 {
349
+ margin-bottom: 3px;
350
+ text-transform: none;
351
+ }
352
+ .demo-browser-side > h6 {
353
+ font-size: 11px;
354
+ font-weight: 300;
355
+ line-height: 18px;
356
+ margin-top: 3px;
357
+ text-transform: none;
358
+ }
359
+ .demo-browser-author {
360
+ background: url(assets/images/demo/browser-author.jpg) center center no-repeat;
361
+ border: 3px solid #ffffff;
362
+ display: block;
363
+ height: 84px;
364
+ margin: 0 auto;
365
+ width: 84px;
366
+ -webkit-border-radius: 50%;
367
+ -moz-border-radius: 50%;
368
+ border-radius: 50%;
369
+ }
370
+ .demo-browser-action {
371
+ padding: 30px 0 12px;
372
+ }
373
+ .demo-browser-action > .btn {
374
+ padding: 9px 0 10px 11px !important;
375
+ text-align: left;
376
+ -webkit-border-radius: 3px;
377
+ -moz-border-radius: 3px;
378
+ border-radius: 3px;
379
+ }
380
+ .demo-browser-action > .btn:before {
381
+ color: #ffffff;
382
+ content: '\e009';
383
+ font-size: 16px;
384
+ font-family: 'Flat-UI-Icons';
385
+ font-weight: 300;
386
+ margin-right: 12px;
387
+ position: relative;
388
+ top: 1px;
389
+ -webkit-font-smoothing: antialiased;
390
+ }
391
+ .demo-browser-content {
392
+ background-color: #34495e;
393
+ overflow: hidden;
394
+ padding: 21px 0 0 20px;
395
+ -webkit-border-radius: 0 0 6px;
396
+ -moz-border-radius: 0 0 6px;
397
+ border-radius: 0 0 6px;
398
+ }
399
+ .demo-browser-content > img {
400
+ border: 6px solid #ffffff;
401
+ float: left;
402
+ margin: 0 15px 20px 0;
403
+ width: 134px;
404
+ }
405
+ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
406
+ .logo {
407
+ background-image: url(assets/images/demo/logo-mask-2x.png);
408
+ }
409
+ .demo-browser {
410
+ background-image: url(assets/images/demo/browser-2x.png);
411
+ }
412
+ }
413
+ body {
414
+ color: #34495e;
415
+ font-family: "Lato", sans-serif;
416
+ font-size: 14px;
417
+ line-height: 1.231;
418
+ }
419
+ input,
420
+ button,
421
+ select,
422
+ textarea {
423
+ font-family: "Lato", sans-serif;
424
+ font-size: 14px;
425
+ }
426
+ a {
427
+ color: #16a085;
428
+ text-decoration: underline;
429
+ -webkit-transition: 0.25s;
430
+ -moz-transition: 0.25s;
431
+ -o-transition: 0.25s;
432
+ transition: 0.25s;
433
+ -webkit-backface-visibility: hidden;
434
+ }
435
+ a:hover {
436
+ color: #1abc9c;
437
+ text-decoration: none;
438
+ }
439
+ h1 {
440
+ font-size: 32px;
441
+ font-weight: 900;
442
+ }
443
+ h2 {
444
+ font-size: 26px;
445
+ font-weight: 700;
446
+ margin-bottom: 2px;
447
+ }
448
+ h3 {
449
+ font-size: 24px;
450
+ font-weight: 700;
451
+ margin-bottom: 4px;
452
+ margin-top: 2px;
453
+ }
454
+ h4 {
455
+ font-size: 18px;
456
+ font-weight: 500;
457
+ margin-top: 4px;
458
+ }
459
+ h5 {
460
+ font-size: 16px;
461
+ font-weight: 500;
462
+ text-transform: uppercase;
463
+ }
464
+ h6 {
465
+ font-size: 13px;
466
+ font-weight: 500;
467
+ text-transform: uppercase;
468
+ }
469
+ .btn,
470
+ .btn-group > .btn,
471
+ .btn-group > .dropdown-menu,
472
+ .btn-group > .popover {
473
+ font-size: 14.994px;
474
+ /* 15px */
475
+
476
+ font-weight: 500;
477
+ }
478
+ .btn {
479
+ border: none;
480
+ background: #bdc3c7;
481
+ color: #ffffff;
482
+ padding: 9px 12px 10px;
483
+ line-height: 22px;
484
+ text-decoration: none;
485
+ text-shadow: none;
486
+ -webkit-border-radius: 6px;
487
+ -moz-border-radius: 6px;
488
+ border-radius: 6px;
489
+ -webkit-box-shadow: none;
490
+ -moz-box-shadow: none;
491
+ box-shadow: none;
492
+ -webkit-transition: 0.25s;
493
+ -moz-transition: 0.25s;
494
+ -o-transition: 0.25s;
495
+ transition: 0.25s;
496
+ -webkit-backface-visibility: hidden;
497
+ }
498
+ .btn:hover,
499
+ .btn:focus,
500
+ .btn-group:focus .btn.dropdown-toggle {
501
+ background-color: #cacfd2;
502
+ color: #ffffff;
503
+ outline: none;
504
+ -webkit-transition: 0.25s;
505
+ -moz-transition: 0.25s;
506
+ -o-transition: 0.25s;
507
+ transition: 0.25s;
508
+ -webkit-backface-visibility: hidden;
509
+ }
510
+ .btn:active,
511
+ .btn-group.open .btn.dropdown-toggle,
512
+ .btn.active {
513
+ background-color: #a1a6a9;
514
+ color: rgba(255, 255, 255, 0.75);
515
+ -webkit-box-shadow: none;
516
+ -moz-box-shadow: none;
517
+ box-shadow: none;
518
+ }
519
+ .btn.disabled,
520
+ .btn[disabled] {
521
+ background-color: #bdc3c7;
522
+ color: rgba(255, 255, 255, 0.75);
523
+ -webkit-box-shadow: none;
524
+ -moz-box-shadow: none;
525
+ box-shadow: none;
526
+ opacity: 0.7;
527
+ filter: alpha(opacity=70);
528
+ }
529
+ .btn.btn-large {
530
+ font-size: 16.996px;
531
+ /* 17px */
532
+
533
+ line-height: 20px;
534
+ padding: 12px 18px 13px;
535
+ }
536
+ .btn.btn-large > [class^="fui-"] {
537
+ top: 0;
538
+ }
539
+ .btn.btn-large > [class^="fui-"].pull-right {
540
+ margin-right: -2px;
541
+ }
542
+ .btn.btn-primary {
543
+ background-color: #1abc9c;
544
+ }
545
+ .btn.btn-primary:hover,
546
+ .btn.btn-primary:focus,
547
+ .btn-group:focus .btn.btn-primary.dropdown-toggle {
548
+ background-color: #48c9b0;
549
+ }
550
+ .btn.btn-primary:active,
551
+ .btn-group.open .btn.btn-primary.dropdown-toggle,
552
+ .btn.btn-primary.active {
553
+ background-color: #16a085;
554
+ }
555
+ .btn.btn-info {
556
+ background-color: #3498db;
557
+ }
558
+ .btn.btn-info:hover,
559
+ .btn.btn-info:focus,
560
+ .btn-group:focus .btn.btn-info.dropdown-toggle {
561
+ background-color: #5dade2;
562
+ }
563
+ .btn.btn-info:active,
564
+ .btn-group.open .btn.btn-info.dropdown-toggle,
565
+ .btn.btn-info.active {
566
+ background-color: #2c81ba;
567
+ }
568
+ .btn.btn-danger {
569
+ background-color: #e74c3c;
570
+ }
571
+ .btn.btn-danger:hover,
572
+ .btn.btn-danger:focus,
573
+ .btn-group:focus .btn.btn-danger.dropdown-toggle {
574
+ background-color: #ec7063;
575
+ }
576
+ .btn.btn-danger:active,
577
+ .btn-group.open .btn.btn-danger.dropdown-toggle,
578
+ .btn.btn-danger.active {
579
+ background-color: #c44133;
580
+ }
581
+ .btn.btn-success {
582
+ background-color: #2ecc71;
583
+ }
584
+ .btn.btn-success:hover,
585
+ .btn.btn-success:focus,
586
+ .btn-group:focus .btn.btn-success.dropdown-toggle {
587
+ background-color: #58d68d;
588
+ }
589
+ .btn.btn-success:active,
590
+ .btn-group.open .btn.btn-success.dropdown-toggle,
591
+ .btn.btn-success.active {
592
+ background-color: #27ad60;
593
+ }
594
+ .btn.btn-warning {
595
+ background-color: #f1c40f;
596
+ }
597
+ .btn.btn-warning:hover,
598
+ .btn.btn-warning:focus,
599
+ .btn-group:focus .btn.btn-warning.dropdown-toggle {
600
+ background-color: #f5d313;
601
+ }
602
+ .btn.btn-warning:active,
603
+ .btn-group.open .btn.btn-warning.dropdown-toggle,
604
+ .btn.btn-warning.active {
605
+ background-color: #cda70d;
606
+ }
607
+ .btn.btn-inverse {
608
+ background-color: #34495e;
609
+ }
610
+ .btn.btn-inverse:hover,
611
+ .btn.btn-inverse:focus,
612
+ .btn-group:focus .btn.btn-inverse.dropdown-toggle {
613
+ background-color: #415b76;
614
+ }
615
+ .btn.btn-inverse:active,
616
+ .btn-group.open .btn.btn-inverse.dropdown-toggle,
617
+ .btn.btn-inverse.active {
618
+ background-color: #2c3e50;
619
+ }
620
+ .btn > [class^="fui-"] {
621
+ margin: 0 4px;
622
+ position: relative;
623
+ top: 1px;
624
+ vertical-align: top;
625
+ display: inline-block;
626
+ zoom: 1;
627
+ *display: inline;
628
+ }
629
+ .btn > [class^="fui-"].pull-right {
630
+ margin-right: 0px;
631
+ }
632
+ .btn-toolbar .btn.active {
633
+ color: #ffffff;
634
+ }
635
+ .btn-toolbar .btn:first-child {
636
+ -webkit-border-radius: 6px 0 0 6px;
637
+ -moz-border-radius: 6px 0 0 6px;
638
+ border-radius: 6px 0 0 6px;
639
+ }
640
+ .btn-toolbar .btn:last-child {
641
+ -webkit-border-radius: 0 6px 6px 0;
642
+ -moz-border-radius: 0 6px 6px 0;
643
+ border-radius: 0 6px 6px 0;
644
+ }
645
+ .btn-toolbar .btn > [class^="fui-"] {
646
+ font-size: 16px;
647
+ top: 0;
648
+ }
649
+ .btn-tip {
650
+ font-weight: 300;
651
+ padding-left: 10px;
652
+ }
653
+ .btn-group > .btn {
654
+ border-radius: 0;
655
+ text-align: center;
656
+ }
657
+ .btn-group > .btn:active + .btn,
658
+ .btn-group > .btn.active + .btn {
659
+ border-left-color: transparent;
660
+ }
661
+ .btn-group > .btn:first-of-type {
662
+ border-top-left-radius: 6px;
663
+ border-bottom-left-radius: 6px;
664
+ }
665
+ .btn-group > .btn:last-of-type {
666
+ border-top-right-radius: 6px;
667
+ border-bottom-right-radius: 6px;
668
+ }
669
+ .btn-group > .btn + .btn {
670
+ margin-left: 0;
671
+ }
672
+ .btn-group > .btn + .dropdown-toggle {
673
+ border-left: 2px solid rgba(52, 73, 94, 0.15);
674
+ padding-left: 13px;
675
+ padding-right: 13px;
676
+ -webkit-box-shadow: none;
677
+ -moz-box-shadow: none;
678
+ box-shadow: none;
679
+ }
680
+ .btn-group > .btn + .dropdown-toggle .caret {
681
+ margin-left: 3px;
682
+ margin-right: 3px;
683
+ }
684
+ .btn-group > .btn.btn-huge + .dropdown-toggle .caret {
685
+ margin-left: 7px;
686
+ margin-right: 7px;
687
+ }
688
+ .btn-group > .btn.btn-small + .dropdown-toggle .caret {
689
+ margin-left: 0;
690
+ margin-right: 0;
691
+ }
692
+ .caret {
693
+ border-left-width: 6px;
694
+ border-right-width: 6px;
695
+ border-top-width: 8px;
696
+ border-bottom-color: #34495e;
697
+ border-style: solid;
698
+ border-bottom-style: none;
699
+ border-top-color: #34495e;
700
+ -webkit-transition: 0.25s;
701
+ -moz-transition: 0.25s;
702
+ -o-transition: 0.25s;
703
+ transition: 0.25s;
704
+ -webkit-backface-visibility: hidden;
705
+ -webkit-transform: scale(1.001);
706
+ -moz-transform: scale(1.001);
707
+ -ms-transform: scale(1.001);
708
+ -o-transform: scale(1.001);
709
+ transform: scale(1.001);
710
+ }
711
+ .dropup .caret,
712
+ .dropup .btn-large .caret,
713
+ .navbar-fixed-bottom .dropdown .caret {
714
+ border-bottom-width: 8px;
715
+ }
716
+ .btn-mini .caret,
717
+ .btn-small .caret,
718
+ .btn-large .caret {
719
+ margin-top: 7px;
720
+ }
721
+ .btn-large .caret {
722
+ border-top-width: 8px;
723
+ border-right-width: 6px;
724
+ border-left-width: 6px;
725
+ }
726
+ .navbar {
727
+ font-size: 15.988px;
728
+ /* 16px */
729
+
730
+ }
731
+ .navbar .brand {
732
+ border-radius: 6px 0 0 6px;
733
+ color: #526476;
734
+ font-size: 23.996px;
735
+ /* 24px */
736
+
737
+ font-weight: 700;
738
+ margin-left: 0;
739
+ padding: 23px 28px 24px 32px;
740
+ text-shadow: none;
741
+ }
742
+ .navbar .brand:hover,
743
+ .navbar .brand:focus {
744
+ color: #1abc9c;
745
+ }
746
+ .navbar .brand[class*="fui-"] {
747
+ font-weight: normal;
748
+ }
749
+ .navbar .nav {
750
+ margin-right: 0;
751
+ }
752
+ .navbar .nav > li {
753
+ position: relative;
754
+ }
755
+ .navbar .nav > li:hover > ul {
756
+ opacity: 1;
757
+ top: 100%;
758
+ visibility: visible;
759
+ z-index: 100;
760
+ -webkit-transform: scale(1, 1);
761
+ display: block\9;
762
+ }
763
+ .navbar .nav > li.active > a,
764
+ .navbar .nav > li.active > a:hover,
765
+ .navbar .nav > li.active > a:focus {
766
+ background: none;
767
+ color: #1abc9c;
768
+ -webkit-box-shadow: none;
769
+ -moz-box-shadow: none;
770
+ box-shadow: none;
771
+ }
772
+ .navbar .nav > li > ul {
773
+ padding-top: 13px;
774
+ top: 80%;
775
+ }
776
+ .navbar .nav > li > ul:before {
777
+ content: "";
778
+ border-style: solid;
779
+ border-width: 0 9px 9px 9px;
780
+ border-color: transparent transparent #34495e transparent;
781
+ height: 0;
782
+ position: absolute;
783
+ left: 15px;
784
+ top: 5px;
785
+ width: 0;
786
+ -webkit-transform: rotate(360deg);
787
+ }
788
+ .navbar .nav > li > ul li:hover ul {
789
+ opacity: 1;
790
+ -webkit-transform: scale(1, 1);
791
+ visibility: visible;
792
+ display: block\9;
793
+ }
794
+ .navbar .nav > li > ul li ul {
795
+ left: 100%;
796
+ }
797
+ .navbar .nav > li > a {
798
+ color: #526476;
799
+ font-weight: 700;
800
+ font-size: 14.994px;
801
+ /* 15px */
802
+
803
+ padding: 29px 20px 27px;
804
+ text-shadow: none;
805
+ -webkit-transition: background-color .25s, color .25s, border-bottom-color .25s;
806
+ -moz-transition: background-color .25s, color .25s, border-bottom-color .25s;
807
+ -o-transition: background-color .25s, color .25s, border-bottom-color .25s;
808
+ transition: background-color .25s, color .25s, border-bottom-color .25s;
809
+ -webkit-backface-visibility: hidden;
810
+ }
811
+ .navbar .nav > li > a:hover,
812
+ .navbar .nav > li > a:focus {
813
+ color: #1abc9c;
814
+ }
815
+ .navbar .nav > li > a[class*="fui-"] {
816
+ font-size: 24px;
817
+ font-weight: normal;
818
+ }
819
+ .navbar .nav > li > a > [class*="fui-"] {
820
+ font-size: 24px;
821
+ margin: -4px 0 0;
822
+ position: relative;
823
+ top: 4px;
824
+ }
825
+ .navbar .nav > li > a > [class*="fui-"] + * {
826
+ margin-left: 12px;
827
+ }
828
+ .navbar .nav > li:first-child > a {
829
+ -webkit-border-radius: 0 0 0 6px;
830
+ -moz-border-radius: 0 0 0 6px;
831
+ border-radius: 0 0 0 6px;
832
+ }
833
+ .navbar .nav ul {
834
+ border-radius: 4px;
835
+ left: 0;
836
+ list-style-type: none;
837
+ margin-left: 0;
838
+ opacity: 0;
839
+ position: absolute;
840
+ top: 0;
841
+ width: 234px;
842
+ z-index: -100;
843
+ -webkit-transform: scale(1, 0.99);
844
+ -webkit-transform-origin: 0 0;
845
+ visibility: hidden;
846
+ -webkit-transition: 0.3s ease-out;
847
+ -moz-transition: 0.3s ease-out;
848
+ -o-transition: 0.3s ease-out;
849
+ transition: 0.3s ease-out;
850
+ -webkit-backface-visibility: hidden;
851
+ }
852
+ .navbar .nav ul ul {
853
+ left: 95%;
854
+ padding-left: 5px;
855
+ }
856
+ .navbar .nav ul li {
857
+ background-color: #34495e;
858
+ padding: 0 3px 3px;
859
+ position: relative;
860
+ }
861
+ .navbar .nav ul li:first-child {
862
+ border-radius: 6px 6px 0 0;
863
+ padding-top: 3px;
864
+ }
865
+ .navbar .nav ul li:last-child {
866
+ border-radius: 0 0 6px 6px;
867
+ }
868
+ .navbar .nav ul li.active > a,
869
+ .navbar .nav ul li.active > a:hover,
870
+ .navbar .nav ul li.active > a:focus {
871
+ background-color: #1abc9c;
872
+ color: #ffffff;
873
+ padding-left: 9px;
874
+ padding-right: 9px;
875
+ }
876
+ .navbar .nav ul li.active + li > a {
877
+ padding-left: 9px;
878
+ padding-right: 9px;
879
+ }
880
+ .navbar .nav ul a {
881
+ border-radius: 2px;
882
+ color: #ffffff;
883
+ display: block;
884
+ font-size: 14px;
885
+ padding: 6px 9px;
886
+ text-decoration: none;
887
+ }
888
+ .navbar .nav ul a:hover {
889
+ background-color: #1abc9c;
890
+ }
891
+ .navbar .btn-navbar {
892
+ background: none;
893
+ border: none;
894
+ color: #34495e;
895
+ margin: 21px 15px 17px;
896
+ text-shadow: none;
897
+ -webkit-box-shadow: none;
898
+ -moz-box-shadow: none;
899
+ box-shadow: none;
900
+ }
901
+ .navbar .btn-navbar:hover,
902
+ .navbar .btn-navbar:focus {
903
+ background: none;
904
+ color: #1abc9c;
905
+ }
906
+ .navbar .btn-navbar:before {
907
+ content: "\e00c";
908
+ font-family: "Flat-UI-Icons";
909
+ font-size: 21.994px;
910
+ font-style: normal;
911
+ font-weight: normal;
912
+ -webkit-font-smoothing: antialiased;
913
+ }
914
+ .navbar .btn-navbar .icon-bar {
915
+ display: none;
916
+ }
917
+ .navbar-inner {
918
+ background: #eceef0;
919
+ border: none;
920
+ padding-left: 0;
921
+ padding-right: 0;
922
+ -webkit-border-radius: 6px;
923
+ -moz-border-radius: 6px;
924
+ border-radius: 6px;
925
+ filter: unquote("progid:DXImageTransform.Microsoft.gradient(enabled = false)");
926
+ -webkit-box-shadow: none;
927
+ -moz-box-shadow: none;
928
+ box-shadow: none;
929
+ }
930
+ .navbar-inverse {
931
+ font-size: 16.996px;
932
+ /* 17px */
933
+
934
+ }
935
+ .navbar-inverse .navbar-inner {
936
+ background: #34495e;
937
+ filter: unquote("progid:DXImageTransform.Microsoft.gradient(enabled = false)");
938
+ }
939
+ .navbar-inverse .brand {
940
+ border-bottom: 2px solid #2c3e50;
941
+ border-right: 2px solid #2c3e50;
942
+ color: #ffffff;
943
+ padding: 10px 28px 11px 32px;
944
+ }
945
+ .navbar-inverse .btn-navbar {
946
+ color: #ffffff;
947
+ margin: 7px 10px;
948
+ }
949
+ .navbar-inverse .nav > li:first-child.active > a {
950
+ padding-left: 20px;
951
+ }
952
+ .navbar-inverse .nav > li:first-child > a {
953
+ border-left: none;
954
+ }
955
+ .navbar-inverse .nav > li.active > a,
956
+ .navbar-inverse .nav > li.active > a:hover,
957
+ .navbar-inverse .nav > li.active > a:focus {
958
+ background-color: #1abc9c;
959
+ border-bottom-color: #16a085;
960
+ border-left: none;
961
+ color: #ffffff;
962
+ padding-left: 22px;
963
+ -webkit-box-shadow: none;
964
+ -moz-box-shadow: none;
965
+ box-shadow: none;
966
+ }
967
+ .navbar-inverse .nav > li.active + li > a {
968
+ border-left: none;
969
+ padding-left: 22px;
970
+ }
971
+ .navbar-inverse .nav > li > a {
972
+ font-size: 16.002px;
973
+ /* 16px */
974
+
975
+ border-bottom: 2px solid #2c3e50;
976
+ border-left: 2px solid #2c3e50;
977
+ color: #ffffff;
978
+ padding: 16px 20px 15px;
979
+ }
980
+ .navbar-inverse .nav.pull-right > li > a {
981
+ border-radius: 0 6px 6px 0;
982
+ }
983
+ .navbar-unread,
984
+ .navbar-new {
985
+ font-family: "Lato", sans-serif;
986
+ background-color: #1abc9c;
987
+ border-radius: 50%;
988
+ color: #ffffff;
989
+ font-size: 0;
990
+ font-weight: 700;
991
+ height: 6px;
992
+ line-height: 14px;
993
+ position: absolute;
994
+ right: 12px;
995
+ text-align: center;
996
+ top: 28px;
997
+ width: 6px;
998
+ z-index: 10;
999
+ }
1000
+ .active .navbar-unread,
1001
+ .active .navbar-new {
1002
+ background-color: #ffffff;
1003
+ display: none;
1004
+ }
1005
+ .navbar-inverse .navbar-unread,
1006
+ .navbar-inverse .navbar-new {
1007
+ top: 15px;
1008
+ }
1009
+ .navbar-new {
1010
+ background-color: #e74c3c;
1011
+ font-size: 12px;
1012
+ line-height: 17px;
1013
+ height: 18px;
1014
+ margin: -9px -1px;
1015
+ min-width: 16px;
1016
+ padding: 0 1px;
1017
+ width: auto;
1018
+ -webkit-font-smoothing: subpixel-antialiased;
1019
+ }
1020
+ .navbar.navbar-inverse .nav li.dropdown.open > .dropdown-toggle {
1021
+ background-color: #1abc9c;
1022
+ border-bottom-color: #16a085;
1023
+ color: #ffffff;
1024
+ }
1025
+ .navbar.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret {
1026
+ border-bottom-color: #ffffff !important;
1027
+ border-top-color: #ffffff !important;
1028
+ }
1029
+ .navbar .nav li.dropdown.open > .dropdown-toggle {
1030
+ background: none;
1031
+ color: #1abc9c;
1032
+ }
1033
+ .navbar .nav li.dropdown.open > .dropdown-toggle .caret {
1034
+ border-bottom-color: #1abc9c !important;
1035
+ border-top-color: #1abc9c !important;
1036
+ }
1037
+ .navbar .nav li.dropdown.open .dropdown-menu {
1038
+ opacity: 1;
1039
+ top: 100%;
1040
+ visibility: visible;
1041
+ z-index: 1000;
1042
+ -webkit-transform: none;
1043
+ }
1044
+ .navbar .nav li.dropdown > .dropdown-toggle {
1045
+ outline: none;
1046
+ }
1047
+ .navbar .nav li.dropdown > .dropdown-toggle:hover .caret,
1048
+ .navbar .nav li.dropdown > .dropdown-toggle:focus .caret {
1049
+ border-bottom-color: #1abc9c;
1050
+ border-top-color: #1abc9c;
1051
+ }
1052
+ .navbar .nav li.dropdown > .dropdown-toggle .caret {
1053
+ border-left-width: 6px;
1054
+ border-right-width: 6px;
1055
+ border-top-width: 8px;
1056
+ border-bottom-color: #4c6a89;
1057
+ border-top-color: #4c6a89;
1058
+ margin-left: 10px;
1059
+ margin-top: 7px;
1060
+ }
1061
+ .navbar .nav li.dropdown .dropdown-menu {
1062
+ background-color: #34495e;
1063
+ opacity: 0;
1064
+ padding: 0;
1065
+ visibility: hidden;
1066
+ }
1067
+ .navbar .nav li.dropdown .dropdown-menu:before {
1068
+ display: none;
1069
+ }
1070
+ .navbar .nav li.dropdown .dropdown-menu:after {
1071
+ border-bottom-color: #34495e;
1072
+ }
1073
+ .navbar .nav li.dropdown .dropdown-menu > li > a {
1074
+ border-radius: 3px;
1075
+ color: #ffffff;
1076
+ padding: 6px 8px 8px;
1077
+ }
1078
+ .navbar .nav li.dropdown .dropdown-menu .divider {
1079
+ background-color: #2c3e50;
1080
+ border-bottom: none;
1081
+ margin: 2px 0 5px;
1082
+ padding: 0;
1083
+ height: 2px;
1084
+ }
1085
+ .select {
1086
+ display: inline-block;
1087
+ margin-bottom: 10px;
1088
+ }
1089
+ [class*="span"] > .select[class*="span"] {
1090
+ margin-left: 0;
1091
+ }
1092
+ .select[class*="span"] .btn {
1093
+ width: 100%;
1094
+ -webkit-box-sizing: border-box;
1095
+ -moz-box-sizing: border-box;
1096
+ box-sizing: border-box;
1097
+ }
1098
+ .select.select-block {
1099
+ display: block;
1100
+ float: none;
1101
+ margin-left: 0;
1102
+ width: auto;
1103
+ }
1104
+ .select.select-block .btn {
1105
+ width: 100%;
1106
+ -webkit-box-sizing: border-box;
1107
+ -moz-box-sizing: border-box;
1108
+ box-sizing: border-box;
1109
+ }
1110
+ .select .btn {
1111
+ width: 220px;
1112
+ }
1113
+ .select .btn.btn-huge .filter-option {
1114
+ left: 20px;
1115
+ right: 40px;
1116
+ top: 16px;
1117
+ }
1118
+ .select .btn.btn-huge .caret {
1119
+ right: 20px;
1120
+ }
1121
+ .select .btn.btn-large .filter-option {
1122
+ left: 18px;
1123
+ right: 38px;
1124
+ top: 12px;
1125
+ }
1126
+ .select .btn.btn-small .filter-option {
1127
+ left: 13px;
1128
+ right: 33px;
1129
+ top: 7px;
1130
+ }
1131
+ .select .btn.btn-small .caret {
1132
+ right: 13px;
1133
+ }
1134
+ .select .btn.btn-mini .filter-option {
1135
+ left: 13px;
1136
+ right: 33px;
1137
+ top: 5px;
1138
+ }
1139
+ .select .btn.btn-mini .caret {
1140
+ right: 13px;
1141
+ }
1142
+ .select .btn .filter-option {
1143
+ height: 26px;
1144
+ left: 13px;
1145
+ overflow: hidden;
1146
+ position: absolute;
1147
+ right: 33px;
1148
+ text-align: left;
1149
+ top: 10px;
1150
+ }
1151
+ .select .btn .caret {
1152
+ position: absolute;
1153
+ right: 16px;
1154
+ }
1155
+ .select .btn .dropdown-toggle {
1156
+ -webkit-border-radius: 6px;
1157
+ -moz-border-radius: 6px;
1158
+ border-radius: 6px;
1159
+ }
1160
+ .select .btn .dropdown-menu {
1161
+ min-width: 100%;
1162
+ -webkit-box-sizing: border-box;
1163
+ -moz-box-sizing: border-box;
1164
+ box-sizing: border-box;
1165
+ }
1166
+ .select .btn .dropdown-menu dt {
1167
+ cursor: default;
1168
+ display: block;
1169
+ padding: 3px 20px;
1170
+ }
1171
+ .select .btn .dropdown-menu li:not(.disabled) > a:hover small {
1172
+ color: rgba(255, 255, 255, 0.004);
1173
+ }
1174
+ .select .btn .dropdown-menu li > a {
1175
+ min-height: 20px;
1176
+ }
1177
+ .select .btn .dropdown-menu li > a.opt {
1178
+ padding-left: 35px;
1179
+ }
1180
+ .select .btn .dropdown-menu li small {
1181
+ padding-left: 0.5em;
1182
+ }
1183
+ .select .btn .dropdown-menu li > dt small {
1184
+ font-weight: normal;
1185
+ }
1186
+ .select .btn > .disabled,
1187
+ .select .btn .dropdown-menu li.disabled > a {
1188
+ cursor: default;
1189
+ }
1190
+ .select .caret {
1191
+ border-left-width: 6px;
1192
+ border-right-width: 6px;
1193
+ border-top-width: 8px;
1194
+ border-bottom-color: #ffffff;
1195
+ border-style: solid;
1196
+ border-bottom-style: none;
1197
+ border-top-color: #ffffff;
1198
+ -webkit-transition: 0.25s;
1199
+ -moz-transition: 0.25s;
1200
+ -o-transition: 0.25s;
1201
+ transition: 0.25s;
1202
+ -webkit-backface-visibility: hidden;
1203
+ }
1204
+ textarea,
1205
+ input[type="text"],
1206
+ input[type="password"],
1207
+ input[type="datetime"],
1208
+ input[type="datetime-local"],
1209
+ input[type="date"],
1210
+ input[type="month"],
1211
+ input[type="time"],
1212
+ input[type="week"],
1213
+ input[type="number"],
1214
+ input[type="email"],
1215
+ input[type="url"],
1216
+ input[type="search"],
1217
+ input[type="tel"],
1218
+ input[type="color"],
1219
+ .uneditable-input {
1220
+ border: 2px solid #bdc3c7;
1221
+ color: #34495e;
1222
+ font-family: "Lato", sans-serif;
1223
+ font-size: 14px;
1224
+ padding: 8px 5px;
1225
+ height: 21px;
1226
+ text-indent: 6px;
1227
+ -webkit-appearance: none;
1228
+ -webkit-border-radius: 6px;
1229
+ -moz-border-radius: 6px;
1230
+ border-radius: 6px;
1231
+ -webkit-box-shadow: none;
1232
+ -moz-box-shadow: none;
1233
+ box-shadow: none;
1234
+ -webkit-transition: border .25s linear, color .25s linear;
1235
+ -moz-transition: border .25s linear, color .25s linear;
1236
+ -o-transition: border .25s linear, color .25s linear;
1237
+ transition: border .25s linear, color .25s linear;
1238
+ -webkit-backface-visibility: hidden;
1239
+ }
1240
+ textarea:-moz-placeholder,
1241
+ input[type="text"]:-moz-placeholder,
1242
+ input[type="password"]:-moz-placeholder,
1243
+ input[type="datetime"]:-moz-placeholder,
1244
+ input[type="datetime-local"]:-moz-placeholder,
1245
+ input[type="date"]:-moz-placeholder,
1246
+ input[type="month"]:-moz-placeholder,
1247
+ input[type="time"]:-moz-placeholder,
1248
+ input[type="week"]:-moz-placeholder,
1249
+ input[type="number"]:-moz-placeholder,
1250
+ input[type="email"]:-moz-placeholder,
1251
+ input[type="url"]:-moz-placeholder,
1252
+ input[type="search"]:-moz-placeholder,
1253
+ input[type="tel"]:-moz-placeholder,
1254
+ input[type="color"]:-moz-placeholder,
1255
+ .uneditable-input:-moz-placeholder {
1256
+ color: #b2bcc5;
1257
+ }
1258
+ textarea::-webkit-input-placeholder,
1259
+ input[type="text"]::-webkit-input-placeholder,
1260
+ input[type="password"]::-webkit-input-placeholder,
1261
+ input[type="datetime"]::-webkit-input-placeholder,
1262
+ input[type="datetime-local"]::-webkit-input-placeholder,
1263
+ input[type="date"]::-webkit-input-placeholder,
1264
+ input[type="month"]::-webkit-input-placeholder,
1265
+ input[type="time"]::-webkit-input-placeholder,
1266
+ input[type="week"]::-webkit-input-placeholder,
1267
+ input[type="number"]::-webkit-input-placeholder,
1268
+ input[type="email"]::-webkit-input-placeholder,
1269
+ input[type="url"]::-webkit-input-placeholder,
1270
+ input[type="search"]::-webkit-input-placeholder,
1271
+ input[type="tel"]::-webkit-input-placeholder,
1272
+ input[type="color"]::-webkit-input-placeholder,
1273
+ .uneditable-input::-webkit-input-placeholder {
1274
+ color: #b2bcc5;
1275
+ }
1276
+ textarea.placeholder,
1277
+ input[type="text"].placeholder,
1278
+ input[type="password"].placeholder,
1279
+ input[type="datetime"].placeholder,
1280
+ input[type="datetime-local"].placeholder,
1281
+ input[type="date"].placeholder,
1282
+ input[type="month"].placeholder,
1283
+ input[type="time"].placeholder,
1284
+ input[type="week"].placeholder,
1285
+ input[type="number"].placeholder,
1286
+ input[type="email"].placeholder,
1287
+ input[type="url"].placeholder,
1288
+ input[type="search"].placeholder,
1289
+ input[type="tel"].placeholder,
1290
+ input[type="color"].placeholder,
1291
+ .uneditable-input.placeholder {
1292
+ color: #b2bcc5;
1293
+ }
1294
+ .control-group.focus textarea,
1295
+ .control-group.focus input[type="text"],
1296
+ .control-group.focus input[type="password"],
1297
+ .control-group.focus input[type="datetime"],
1298
+ .control-group.focus input[type="datetime-local"],
1299
+ .control-group.focus input[type="date"],
1300
+ .control-group.focus input[type="month"],
1301
+ .control-group.focus input[type="time"],
1302
+ .control-group.focus input[type="week"],
1303
+ .control-group.focus input[type="number"],
1304
+ .control-group.focus input[type="email"],
1305
+ .control-group.focus input[type="url"],
1306
+ .control-group.focus input[type="search"],
1307
+ .control-group.focus input[type="tel"],
1308
+ .control-group.focus input[type="color"],
1309
+ .control-group.focus .uneditable-input,
1310
+ textarea:focus,
1311
+ input[type="text"]:focus,
1312
+ input[type="password"]:focus,
1313
+ input[type="datetime"]:focus,
1314
+ input[type="datetime-local"]:focus,
1315
+ input[type="date"]:focus,
1316
+ input[type="month"]:focus,
1317
+ input[type="time"]:focus,
1318
+ input[type="week"]:focus,
1319
+ input[type="number"]:focus,
1320
+ input[type="email"]:focus,
1321
+ input[type="url"]:focus,
1322
+ input[type="search"]:focus,
1323
+ input[type="tel"]:focus,
1324
+ input[type="color"]:focus,
1325
+ .uneditable-input:focus {
1326
+ border-color: #1abc9c;
1327
+ -webkit-box-shadow: none;
1328
+ -moz-box-shadow: none;
1329
+ box-shadow: none;
1330
+ }
1331
+ .row-fluid textarea,
1332
+ .row-fluid input[type="text"],
1333
+ .row-fluid input[type="password"],
1334
+ .row-fluid input[type="datetime"],
1335
+ .row-fluid input[type="datetime-local"],
1336
+ .row-fluid input[type="date"],
1337
+ .row-fluid input[type="month"],
1338
+ .row-fluid input[type="time"],
1339
+ .row-fluid input[type="week"],
1340
+ .row-fluid input[type="number"],
1341
+ .row-fluid input[type="email"],
1342
+ .row-fluid input[type="url"],
1343
+ .row-fluid input[type="search"],
1344
+ .row-fluid input[type="tel"],
1345
+ .row-fluid input[type="color"],
1346
+ .row-fluid .uneditable-input {
1347
+ height: 41px;
1348
+ width: 100%;
1349
+ }
1350
+ textarea.flat,
1351
+ input[type="text"].flat,
1352
+ input[type="password"].flat,
1353
+ input[type="datetime"].flat,
1354
+ input[type="datetime-local"].flat,
1355
+ input[type="date"].flat,
1356
+ input[type="month"].flat,
1357
+ input[type="time"].flat,
1358
+ input[type="week"].flat,
1359
+ input[type="number"].flat,
1360
+ input[type="email"].flat,
1361
+ input[type="url"].flat,
1362
+ input[type="search"].flat,
1363
+ input[type="tel"].flat,
1364
+ input[type="color"].flat,
1365
+ .uneditable-input.flat {
1366
+ border-color: transparent;
1367
+ }
1368
+ textarea.flat:hover,
1369
+ input[type="text"].flat:hover,
1370
+ input[type="password"].flat:hover,
1371
+ input[type="datetime"].flat:hover,
1372
+ input[type="datetime-local"].flat:hover,
1373
+ input[type="date"].flat:hover,
1374
+ input[type="month"].flat:hover,
1375
+ input[type="time"].flat:hover,
1376
+ input[type="week"].flat:hover,
1377
+ input[type="number"].flat:hover,
1378
+ input[type="email"].flat:hover,
1379
+ input[type="url"].flat:hover,
1380
+ input[type="search"].flat:hover,
1381
+ input[type="tel"].flat:hover,
1382
+ input[type="color"].flat:hover,
1383
+ .uneditable-input.flat:hover {
1384
+ border-color: #bdc3c7;
1385
+ }
1386
+ textarea.flat:focus,
1387
+ input[type="text"].flat:focus,
1388
+ input[type="password"].flat:focus,
1389
+ input[type="datetime"].flat:focus,
1390
+ input[type="datetime-local"].flat:focus,
1391
+ input[type="date"].flat:focus,
1392
+ input[type="month"].flat:focus,
1393
+ input[type="time"].flat:focus,
1394
+ input[type="week"].flat:focus,
1395
+ input[type="number"].flat:focus,
1396
+ input[type="email"].flat:focus,
1397
+ input[type="url"].flat:focus,
1398
+ input[type="search"].flat:focus,
1399
+ input[type="tel"].flat:focus,
1400
+ input[type="color"].flat:focus,
1401
+ .uneditable-input.flat:focus {
1402
+ border-color: #1abc9c;
1403
+ }
1404
+ .control-group.error textarea,
1405
+ .control-group.error input[type="text"],
1406
+ .control-group.error input[type="password"],
1407
+ .control-group.error input[type="datetime"],
1408
+ .control-group.error input[type="datetime-local"],
1409
+ .control-group.error input[type="date"],
1410
+ .control-group.error input[type="month"],
1411
+ .control-group.error input[type="time"],
1412
+ .control-group.error input[type="week"],
1413
+ .control-group.error input[type="number"],
1414
+ .control-group.error input[type="email"],
1415
+ .control-group.error input[type="url"],
1416
+ .control-group.error input[type="search"],
1417
+ .control-group.error input[type="tel"],
1418
+ .control-group.error input[type="color"],
1419
+ .control-group.error .uneditable-input {
1420
+ border-color: #e74c3c;
1421
+ color: #e74c3c;
1422
+ -webkit-box-shadow: none;
1423
+ -moz-box-shadow: none;
1424
+ box-shadow: none;
1425
+ }
1426
+ .control-group.error textarea:focus,
1427
+ .control-group.error input[type="text"]:focus,
1428
+ .control-group.error input[type="password"]:focus,
1429
+ .control-group.error input[type="datetime"]:focus,
1430
+ .control-group.error input[type="datetime-local"]:focus,
1431
+ .control-group.error input[type="date"]:focus,
1432
+ .control-group.error input[type="month"]:focus,
1433
+ .control-group.error input[type="time"]:focus,
1434
+ .control-group.error input[type="week"]:focus,
1435
+ .control-group.error input[type="number"]:focus,
1436
+ .control-group.error input[type="email"]:focus,
1437
+ .control-group.error input[type="url"]:focus,
1438
+ .control-group.error input[type="search"]:focus,
1439
+ .control-group.error input[type="tel"]:focus,
1440
+ .control-group.error input[type="color"]:focus,
1441
+ .control-group.error .uneditable-input:focus {
1442
+ -webkit-box-shadow: none;
1443
+ -moz-box-shadow: none;
1444
+ box-shadow: none;
1445
+ }
1446
+ .control-group.success textarea,
1447
+ .control-group.success input[type="text"],
1448
+ .control-group.success input[type="password"],
1449
+ .control-group.success input[type="datetime"],
1450
+ .control-group.success input[type="datetime-local"],
1451
+ .control-group.success input[type="date"],
1452
+ .control-group.success input[type="month"],
1453
+ .control-group.success input[type="time"],
1454
+ .control-group.success input[type="week"],
1455
+ .control-group.success input[type="number"],
1456
+ .control-group.success input[type="email"],
1457
+ .control-group.success input[type="url"],
1458
+ .control-group.success input[type="search"],
1459
+ .control-group.success input[type="tel"],
1460
+ .control-group.success input[type="color"],
1461
+ .control-group.success .uneditable-input {
1462
+ border-color: #2ecc71;
1463
+ color: #2ecc71;
1464
+ -webkit-box-shadow: none;
1465
+ -moz-box-shadow: none;
1466
+ box-shadow: none;
1467
+ }
1468
+ .control-group.success textarea:focus,
1469
+ .control-group.success input[type="text"]:focus,
1470
+ .control-group.success input[type="password"]:focus,
1471
+ .control-group.success input[type="datetime"]:focus,
1472
+ .control-group.success input[type="datetime-local"]:focus,
1473
+ .control-group.success input[type="date"]:focus,
1474
+ .control-group.success input[type="month"]:focus,
1475
+ .control-group.success input[type="time"]:focus,
1476
+ .control-group.success input[type="week"]:focus,
1477
+ .control-group.success input[type="number"]:focus,
1478
+ .control-group.success input[type="email"]:focus,
1479
+ .control-group.success input[type="url"]:focus,
1480
+ .control-group.success input[type="search"]:focus,
1481
+ .control-group.success input[type="tel"]:focus,
1482
+ .control-group.success input[type="color"]:focus,
1483
+ .control-group.success .uneditable-input:focus {
1484
+ -webkit-box-shadow: none;
1485
+ -moz-box-shadow: none;
1486
+ box-shadow: none;
1487
+ }
1488
+ .control-group.warning textarea,
1489
+ .control-group.warning input[type="text"],
1490
+ .control-group.warning input[type="password"],
1491
+ .control-group.warning input[type="datetime"],
1492
+ .control-group.warning input[type="datetime-local"],
1493
+ .control-group.warning input[type="date"],
1494
+ .control-group.warning input[type="month"],
1495
+ .control-group.warning input[type="time"],
1496
+ .control-group.warning input[type="week"],
1497
+ .control-group.warning input[type="number"],
1498
+ .control-group.warning input[type="email"],
1499
+ .control-group.warning input[type="url"],
1500
+ .control-group.warning input[type="search"],
1501
+ .control-group.warning input[type="tel"],
1502
+ .control-group.warning input[type="color"],
1503
+ .control-group.warning .uneditable-input {
1504
+ border-color: #f1c40f;
1505
+ color: #f1c40f;
1506
+ -webkit-box-shadow: none;
1507
+ -moz-box-shadow: none;
1508
+ box-shadow: none;
1509
+ }
1510
+ .control-group.warning textarea:focus,
1511
+ .control-group.warning input[type="text"]:focus,
1512
+ .control-group.warning input[type="password"]:focus,
1513
+ .control-group.warning input[type="datetime"]:focus,
1514
+ .control-group.warning input[type="datetime-local"]:focus,
1515
+ .control-group.warning input[type="date"]:focus,
1516
+ .control-group.warning input[type="month"]:focus,
1517
+ .control-group.warning input[type="time"]:focus,
1518
+ .control-group.warning input[type="week"]:focus,
1519
+ .control-group.warning input[type="number"]:focus,
1520
+ .control-group.warning input[type="email"]:focus,
1521
+ .control-group.warning input[type="url"]:focus,
1522
+ .control-group.warning input[type="search"]:focus,
1523
+ .control-group.warning input[type="tel"]:focus,
1524
+ .control-group.warning input[type="color"]:focus,
1525
+ .control-group.warning .uneditable-input:focus {
1526
+ -webkit-box-shadow: none;
1527
+ -moz-box-shadow: none;
1528
+ box-shadow: none;
1529
+ }
1530
+ .control-group.info textarea,
1531
+ .control-group.info input[type="text"],
1532
+ .control-group.info input[type="password"],
1533
+ .control-group.info input[type="datetime"],
1534
+ .control-group.info input[type="datetime-local"],
1535
+ .control-group.info input[type="date"],
1536
+ .control-group.info input[type="month"],
1537
+ .control-group.info input[type="time"],
1538
+ .control-group.info input[type="week"],
1539
+ .control-group.info input[type="number"],
1540
+ .control-group.info input[type="email"],
1541
+ .control-group.info input[type="url"],
1542
+ .control-group.info input[type="search"],
1543
+ .control-group.info input[type="tel"],
1544
+ .control-group.info input[type="color"],
1545
+ .control-group.info .uneditable-input {
1546
+ border-color: #3498db;
1547
+ color: #3498db;
1548
+ -webkit-box-shadow: none;
1549
+ -moz-box-shadow: none;
1550
+ box-shadow: none;
1551
+ }
1552
+ .control-group.info textarea:focus,
1553
+ .control-group.info input[type="text"]:focus,
1554
+ .control-group.info input[type="password"]:focus,
1555
+ .control-group.info input[type="datetime"]:focus,
1556
+ .control-group.info input[type="datetime-local"]:focus,
1557
+ .control-group.info input[type="date"]:focus,
1558
+ .control-group.info input[type="month"]:focus,
1559
+ .control-group.info input[type="time"]:focus,
1560
+ .control-group.info input[type="week"]:focus,
1561
+ .control-group.info input[type="number"]:focus,
1562
+ .control-group.info input[type="email"]:focus,
1563
+ .control-group.info input[type="url"]:focus,
1564
+ .control-group.info input[type="search"]:focus,
1565
+ .control-group.info input[type="tel"]:focus,
1566
+ .control-group.info input[type="color"]:focus,
1567
+ .control-group.info .uneditable-input:focus {
1568
+ -webkit-box-shadow: none;
1569
+ -moz-box-shadow: none;
1570
+ box-shadow: none;
1571
+ }
1572
+ .control-group textarea,
1573
+ .control-group input[type="text"],
1574
+ .control-group input[type="password"],
1575
+ .control-group input[type="datetime"],
1576
+ .control-group input[type="datetime-local"],
1577
+ .control-group input[type="date"],
1578
+ .control-group input[type="month"],
1579
+ .control-group input[type="time"],
1580
+ .control-group input[type="week"],
1581
+ .control-group input[type="number"],
1582
+ .control-group input[type="email"],
1583
+ .control-group input[type="url"],
1584
+ .control-group input[type="search"],
1585
+ .control-group input[type="tel"],
1586
+ .control-group input[type="color"],
1587
+ .control-group .uneditable-input {
1588
+ margin-bottom: 0;
1589
+ }
1590
+ .control-group {
1591
+ position: relative;
1592
+ }
1593
+ .control-group > .input-icon {
1594
+ position: absolute;
1595
+ top: 2px;
1596
+ right: 2px;
1597
+ line-height: 37px;
1598
+ vertical-align: middle;
1599
+ font-size: 19.991999999999997px;
1600
+ /* 20px */
1601
+
1602
+ color: #b2bcc5;
1603
+ background-color: #ffffff;
1604
+ padding: 0 10px;
1605
+ -webkit-border-radius: 6px;
1606
+ -moz-border-radius: 6px;
1607
+ border-radius: 6px;
1608
+ }
1609
+ .control-group input:focus + .input-icon {
1610
+ color: #34495e;
1611
+ }
1612
+ .control-group.huge > .input-icon {
1613
+ line-height: 49px;
1614
+ }
1615
+ .control-group.large > .input-icon {
1616
+ line-height: 41px;
1617
+ }
1618
+ .control-group.small > .input-icon {
1619
+ font-size: 15.988px;
1620
+ /* 16px */
1621
+
1622
+ line-height: 30px;
1623
+ }
1624
+ .control-group.success > .input-icon,
1625
+ .control-group.success input + .input-icon {
1626
+ color: #2ecc71;
1627
+ }
1628
+ .control-group.warning > .input-icon,
1629
+ .control-group.warning input + .input-icon {
1630
+ color: #f1c40f;
1631
+ }
1632
+ .control-group.error > .input-icon,
1633
+ .control-group.error input + .input-icon {
1634
+ color: #e74c3c;
1635
+ }
1636
+ .control-group.disabled > .input-icon,
1637
+ .control-group.disabled input + .input-icon {
1638
+ color: #d5dbdb;
1639
+ background-color: #f4f6f6;
1640
+ }
1641
+ input[disabled],
1642
+ input[readonly],
1643
+ textarea[disabled],
1644
+ textarea[readonly] {
1645
+ background-color: #f4f6f6;
1646
+ border-color: #d5dbdb;
1647
+ color: #d5dbdb;
1648
+ cursor: default;
1649
+ }
1650
+ input,
1651
+ textarea,
1652
+ .uneditable-input {
1653
+ width: 192px;
1654
+ }
1655
+ textarea {
1656
+ height: auto;
1657
+ font-size: 14.994px;
1658
+ /* 15px */
1659
+
1660
+ line-height: 24px;
1661
+ padding: 5px 11px;
1662
+ text-indent: 0;
1663
+ }
1664
+ .row-fluid textarea {
1665
+ height: auto;
1666
+ width: 100% !important;
1667
+ }
1668
+ textarea[class*="span"] {
1669
+ width: 100% !important;
1670
+ -webkit-box-sizing: border-box;
1671
+ -moz-box-sizing: border-box;
1672
+ box-sizing: border-box;
1673
+ }
1674
+ .checkbox,
1675
+ .radio {
1676
+ margin-bottom: 12px;
1677
+ padding-left: 32px;
1678
+ position: relative;
1679
+ -webkit-transition: color 0.25s linear;
1680
+ -moz-transition: color 0.25s linear;
1681
+ -o-transition: color 0.25s linear;
1682
+ transition: color 0.25s linear;
1683
+ -webkit-backface-visibility: hidden;
1684
+ }
1685
+ .checkbox input,
1686
+ .radio input {
1687
+ outline: none !important;
1688
+ display: none;
1689
+ }
1690
+ .checkbox .icons,
1691
+ .radio .icons {
1692
+ color: #bdc3c7;
1693
+ display: block;
1694
+ height: 20px;
1695
+ left: 0;
1696
+ position: absolute;
1697
+ top: 0;
1698
+ width: 20px;
1699
+ text-align: center;
1700
+ line-height: 20px;
1701
+ font-size: 20px;
1702
+ -webkit-transition: color 0.25s linear;
1703
+ -moz-transition: color 0.25s linear;
1704
+ -o-transition: color 0.25s linear;
1705
+ transition: color 0.25s linear;
1706
+ -webkit-backface-visibility: hidden;
1707
+ }
1708
+ .checkbox .icons .first-icon-icon,
1709
+ .radio .icons .first-icon-icon,
1710
+ .checkbox .icons .second-icon,
1711
+ .radio .icons .second-icon {
1712
+ position: absolute;
1713
+ left: 0;
1714
+ top: 0;
1715
+ opacity: 1;
1716
+ filter: alpha(opacity=100);
1717
+ }
1718
+ .checkbox .icons .second-icon,
1719
+ .radio .icons .second-icon {
1720
+ opacity: 0;
1721
+ filter: alpha(opacity=0);
1722
+ }
1723
+ .checkbox:hover .first-icon,
1724
+ .radio:hover .first-icon {
1725
+ opacity: 0;
1726
+ filter: alpha(opacity=0);
1727
+ }
1728
+ .checkbox:hover .second-icon,
1729
+ .radio:hover .second-icon {
1730
+ opacity: 1;
1731
+ filter: alpha(opacity=100);
1732
+ }
1733
+ .checkbox.checked,
1734
+ .radio.checked {
1735
+ color: #16a085;
1736
+ }
1737
+ .checkbox.checked .icons,
1738
+ .radio.checked .icons {
1739
+ color: #1abc9c;
1740
+ }
1741
+ .checkbox.checked .first-icon,
1742
+ .radio.checked .first-icon {
1743
+ opacity: 0;
1744
+ filter: alpha(opacity=0);
1745
+ }
1746
+ .checkbox.checked .second-icon,
1747
+ .radio.checked .second-icon {
1748
+ opacity: 1;
1749
+ filter: alpha(opacity=100);
1750
+ }
1751
+ .checkbox.disabled,
1752
+ .radio.disabled {
1753
+ cursor: default;
1754
+ color: #e6e8ea;
1755
+ }
1756
+ .checkbox.disabled .icons,
1757
+ .radio.disabled .icons {
1758
+ color: #e6e8ea;
1759
+ }
1760
+ .checkbox.disabled .first-icon,
1761
+ .radio.disabled .first-icon {
1762
+ opacity: 1;
1763
+ filter: alpha(opacity=100);
1764
+ }
1765
+ .checkbox.disabled .second-icon,
1766
+ .radio.disabled .second-icon {
1767
+ opacity: 0;
1768
+ filter: alpha(opacity=0);
1769
+ }
1770
+ .checkbox.disabled.checked .icons,
1771
+ .radio.disabled.checked .icons {
1772
+ color: #e6e8ea;
1773
+ }
1774
+ .checkbox.disabled.checked .first-icon,
1775
+ .radio.disabled.checked .first-icon {
1776
+ opacity: 0;
1777
+ filter: alpha(opacity=0);
1778
+ }
1779
+ .checkbox.disabled.checked .second-icon,
1780
+ .radio.disabled.checked .second-icon {
1781
+ opacity: 1;
1782
+ filter: alpha(opacity=100);
1783
+ }
1784
+ .tagsinput {
1785
+ background: white;
1786
+ border: 2px solid #1abc9c;
1787
+ border-radius: 6px;
1788
+ height: 100px;
1789
+ margin-bottom: 18px;
1790
+ padding: 6px 1px 1px 6px;
1791
+ overflow-y: auto;
1792
+ text-align: left;
1793
+ }
1794
+ .tagsinput .tag {
1795
+ border-radius: 4px;
1796
+ background-color: #1abc9c;
1797
+ color: #ffffff;
1798
+ cursor: pointer;
1799
+ margin-right: 5px;
1800
+ margin-bottom: 5px;
1801
+ overflow: hidden;
1802
+ line-height: 15px;
1803
+ padding: 6px 13px 8px 19px;
1804
+ position: relative;
1805
+ vertical-align: middle;
1806
+ display: inline-block;
1807
+ zoom: 1;
1808
+ *display: inline;
1809
+ -webkit-transition: 0.14s linear;
1810
+ -moz-transition: 0.14s linear;
1811
+ -o-transition: 0.14s linear;
1812
+ transition: 0.14s linear;
1813
+ -webkit-backface-visibility: hidden;
1814
+ }
1815
+ .tagsinput .tag:hover {
1816
+ background-color: #16a085;
1817
+ color: #ffffff;
1818
+ padding-left: 12px;
1819
+ padding-right: 20px;
1820
+ }
1821
+ .tagsinput .tag:hover .tagsinput-remove-link {
1822
+ color: #ffffff;
1823
+ opacity: 1;
1824
+ display: block\9;
1825
+ }
1826
+ .tagsinput input {
1827
+ background: transparent;
1828
+ border: none;
1829
+ color: #34495e;
1830
+ font-family: "Lato", sans-serif;
1831
+ font-size: 14px;
1832
+ margin: 0px;
1833
+ padding: 0 0 0 5px;
1834
+ outline: 0;
1835
+ margin-right: 5px;
1836
+ margin-bottom: 5px;
1837
+ width: 12px;
1838
+ }
1839
+ .tagsinput-remove-link {
1840
+ bottom: 0;
1841
+ color: #ffffff;
1842
+ cursor: pointer;
1843
+ font-size: 12px;
1844
+ opacity: 0;
1845
+ padding: 7px 7px 5px 0;
1846
+ position: absolute;
1847
+ right: 0;
1848
+ text-align: right;
1849
+ text-decoration: none;
1850
+ top: 0;
1851
+ width: 100%;
1852
+ z-index: 2;
1853
+ display: none\9;
1854
+ }
1855
+ .tagsinput-remove-link:before {
1856
+ color: #ffffff;
1857
+ content: "\e00b";
1858
+ font-family: "Flat-UI-Icons";
1859
+ }
1860
+ .tagsinput-add-container {
1861
+ vertical-align: middle;
1862
+ display: inline-block;
1863
+ zoom: 1;
1864
+ *display: inline;
1865
+ }
1866
+ .tagsinput-add {
1867
+ background-color: #d6dbdf;
1868
+ border-radius: 3px;
1869
+ color: #ffffff;
1870
+ cursor: pointer;
1871
+ margin-bottom: 5px;
1872
+ padding: 6px 9px;
1873
+ display: inline-block;
1874
+ zoom: 1;
1875
+ *display: inline;
1876
+ -webkit-transition: 0.25s;
1877
+ -moz-transition: 0.25s;
1878
+ -o-transition: 0.25s;
1879
+ transition: 0.25s;
1880
+ -webkit-backface-visibility: hidden;
1881
+ }
1882
+ .tagsinput-add:hover {
1883
+ background-color: #1abc9c;
1884
+ }
1885
+ .tagsinput-add:before {
1886
+ content: "\e009";
1887
+ font-family: "Flat-UI-Icons";
1888
+ }
1889
+ .tags_clear {
1890
+ clear: both;
1891
+ width: 100%;
1892
+ height: 0px;
1893
+ }
1894
+ .not_valid {
1895
+ background: #fbd8db !important;
1896
+ color: #90111a !important;
1897
+ }
1898
+ .progress {
1899
+ background: #ebedef;
1900
+ border-radius: 32px;
1901
+ height: 12px;
1902
+ -webkit-box-shadow: none;
1903
+ -moz-box-shadow: none;
1904
+ box-shadow: none;
1905
+ filter: unquote("progid:DXImageTransform.Microsoft.gradient(enabled = false)");
1906
+ }
1907
+ .progress .bar {
1908
+ background: #1abc9c;
1909
+ -webkit-box-shadow: none !important;
1910
+ -moz-box-shadow: none !important;
1911
+ box-shadow: none !important;
1912
+ filter: unquote("progid:DXImageTransform.Microsoft.gradient(enabled = false)");
1913
+ }
1914
+ .progress .bar-success {
1915
+ background-color: #2ecc71;
1916
+ filter: unquote("progid:DXImageTransform.Microsoft.gradient(enabled = false)");
1917
+ }
1918
+ .progress .bar-warning {
1919
+ background-color: #f1c40f;
1920
+ filter: unquote("progid:DXImageTransform.Microsoft.gradient(enabled = false)");
1921
+ }
1922
+ .progress .bar-danger {
1923
+ background-color: #e74c3c;
1924
+ filter: unquote("progid:DXImageTransform.Microsoft.gradient(enabled = false)");
1925
+ }
1926
+ .progress .bar-info {
1927
+ background-color: #3498db;
1928
+ filter: unquote("progid:DXImageTransform.Microsoft.gradient(enabled = false)");
1929
+ }
1930
+ .ui-slider {
1931
+ background: #ebedef;
1932
+ border-radius: 32px;
1933
+ height: 12px;
1934
+ -webkit-box-shadow: none;
1935
+ -moz-box-shadow: none;
1936
+ box-shadow: none;
1937
+ filter: unquote("progid:DXImageTransform.Microsoft.gradient(enabled = false)");
1938
+ margin-bottom: 20px;
1939
+ position: relative;
1940
+ }
1941
+ .ui-slider .bar {
1942
+ background: #1abc9c;
1943
+ -webkit-box-shadow: none !important;
1944
+ -moz-box-shadow: none !important;
1945
+ box-shadow: none !important;
1946
+ filter: unquote("progid:DXImageTransform.Microsoft.gradient(enabled = false)");
1947
+ }
1948
+ .ui-slider .bar-success {
1949
+ background-color: #2ecc71;
1950
+ filter: unquote("progid:DXImageTransform.Microsoft.gradient(enabled = false)");
1951
+ }
1952
+ .ui-slider .bar-warning {
1953
+ background-color: #f1c40f;
1954
+ filter: unquote("progid:DXImageTransform.Microsoft.gradient(enabled = false)");
1955
+ }
1956
+ .ui-slider .bar-danger {
1957
+ background-color: #e74c3c;
1958
+ filter: unquote("progid:DXImageTransform.Microsoft.gradient(enabled = false)");
1959
+ }
1960
+ .ui-slider .bar-info {
1961
+ background-color: #3498db;
1962
+ filter: unquote("progid:DXImageTransform.Microsoft.gradient(enabled = false)");
1963
+ }
1964
+ .ui-slider-handle {
1965
+ background-color: #16a085;
1966
+ border-radius: 50%;
1967
+ cursor: pointer;
1968
+ height: 18px;
1969
+ margin-left: -9px;
1970
+ position: absolute;
1971
+ top: -3px;
1972
+ width: 18px;
1973
+ z-index: 2;
1974
+ -webkit-transition: background 0.25s;
1975
+ -moz-transition: background 0.25s;
1976
+ -o-transition: background 0.25s;
1977
+ transition: background 0.25s;
1978
+ -webkit-backface-visibility: hidden;
1979
+ }
1980
+ .ui-slider-handle[style*='100'] {
1981
+ margin-left: -15px;
1982
+ }
1983
+ .ui-slider-handle:hover,
1984
+ .ui-slider-handle:focus {
1985
+ background-color: #48c9b0;
1986
+ outline: none;
1987
+ }
1988
+ .ui-slider-handle:active {
1989
+ background-color: #16a085;
1990
+ }
1991
+ .ui-slider-range {
1992
+ background-color: #1abc9c;
1993
+ border-radius: 30px 0 0 30px;
1994
+ display: block;
1995
+ height: 100%;
1996
+ position: absolute;
1997
+ z-index: 1;
1998
+ }
1999
+ .ui-slider-segment {
2000
+ background-color: #d9dbdd;
2001
+ border-radius: 50%;
2002
+ float: left;
2003
+ height: 6px;
2004
+ margin: 3px -6px 0 0;
2005
+ width: 6px;
2006
+ }
2007
+ .ui-slider-value {
2008
+ float: right;
2009
+ font-weight: 500;
2010
+ margin-top: 12px;
2011
+ }
2012
+ .ui-slider-value.first {
2013
+ clear: left;
2014
+ float: left;
2015
+ }
2016
+ .pager {
2017
+ background-color: #34495e;
2018
+ border-radius: 6px;
2019
+ color: #ffffff;
2020
+ font-size: 16px;
2021
+ font-weight: 700;
2022
+ display: inline-block;
2023
+ zoom: 1;
2024
+ *display: inline;
2025
+ }
2026
+ .pager li:first-child > a,
2027
+ .pager li:first-child > span {
2028
+ border-left: none;
2029
+ -webkit-border-radius: 6px 0 0 6px;
2030
+ -moz-border-radius: 6px 0 0 6px;
2031
+ border-radius: 6px 0 0 6px;
2032
+ }
2033
+ .pager li.pager-center {
2034
+ padding: 9px 15px 10px;
2035
+ padding-left: 0;
2036
+ padding-right: 0;
2037
+ display: inline-block;
2038
+ zoom: 1;
2039
+ *display: inline;
2040
+ }
2041
+ .pager li > a,
2042
+ .pager li > span {
2043
+ background: none;
2044
+ border: none;
2045
+ border-left: 2px solid #2c3e50;
2046
+ color: #ffffff;
2047
+ padding: 9px 15px 10px;
2048
+ text-decoration: none;
2049
+ white-space: nowrap;
2050
+ -webkit-border-radius: 0 6px 6px 0;
2051
+ -moz-border-radius: 0 6px 6px 0;
2052
+ border-radius: 0 6px 6px 0;
2053
+ }
2054
+ .pager li > a:hover,
2055
+ .pager li > span:hover,
2056
+ .pager li > a:focus,
2057
+ .pager li > span:focus {
2058
+ background-color: #2c3e50;
2059
+ }
2060
+ .pager li > a:active,
2061
+ .pager li > span:active {
2062
+ background-color: #2c3e50;
2063
+ }
2064
+ .pager li > a [class*="fui-"] + span,
2065
+ .pager li > span [class*="fui-"] + span {
2066
+ margin-left: 8px;
2067
+ }
2068
+ .pager li > a span + [class*="fui-"],
2069
+ .pager li > span span + [class*="fui-"] {
2070
+ margin-left: 8px;
2071
+ }
2072
+ .pagination {
2073
+ position: relative;
2074
+ }
2075
+ .pagination ul {
2076
+ background: #d6dbdf;
2077
+ color: #ffffff;
2078
+ vertical-align: top;
2079
+ -webkit-border-radius: 6px;
2080
+ -moz-border-radius: 6px;
2081
+ border-radius: 6px;
2082
+ -webkit-box-shadow: none;
2083
+ -moz-box-shadow: none;
2084
+ box-shadow: none;
2085
+ }
2086
+ .pagination ul li {
2087
+ display: inline-block;
2088
+ margin-right: -3px;
2089
+ vertical-align: top;
2090
+ }
2091
+ .pagination ul li.active > a,
2092
+ .pagination ul li.active > span {
2093
+ background-color: #1abc9c;
2094
+ color: #ffffff;
2095
+ }
2096
+ .pagination ul li.active.previous > a,
2097
+ .pagination ul li.active.next > a,
2098
+ .pagination ul li.active.previous > span,
2099
+ .pagination ul li.active.next > span {
2100
+ margin: 0;
2101
+ }
2102
+ .pagination ul li.active.previous > a,
2103
+ .pagination ul li.active.next > a,
2104
+ .pagination ul li.active.previous > span,
2105
+ .pagination ul li.active.next > span,
2106
+ .pagination ul li.active.previous > a:hover,
2107
+ .pagination ul li.active.next > a:hover,
2108
+ .pagination ul li.active.previous > span:hover,
2109
+ .pagination ul li.active.next > span:hover,
2110
+ .pagination ul li.active.previous > a:focus,
2111
+ .pagination ul li.active.next > a:focus,
2112
+ .pagination ul li.active.previous > span:focus,
2113
+ .pagination ul li.active.next > span:focus {
2114
+ background-color: #1abc9c;
2115
+ color: #ffffff;
2116
+ }
2117
+ .pagination ul li:first-child {
2118
+ -webkit-border-radius: 6px 0 0 6px;
2119
+ -moz-border-radius: 6px 0 0 6px;
2120
+ border-radius: 6px 0 0 6px;
2121
+ }
2122
+ .pagination ul li:first-child > a,
2123
+ .pagination ul li:first-child > span {
2124
+ -webkit-border-radius: 6px 0 0 6px;
2125
+ -moz-border-radius: 6px 0 0 6px;
2126
+ border-radius: 6px 0 0 6px;
2127
+ }
2128
+ .pagination ul li:first-child.previous + li > a,
2129
+ .pagination ul li:first-child.previous + li > span {
2130
+ border-left-width: 5px;
2131
+ }
2132
+ .pagination ul li:first-child > a,
2133
+ .pagination ul li:first-child > span {
2134
+ border-left: none;
2135
+ }
2136
+ .pagination ul li:last-child {
2137
+ margin-right: 0;
2138
+ -webkit-border-radius: 0 6px 6px 0;
2139
+ -moz-border-radius: 0 6px 6px 0;
2140
+ border-radius: 0 6px 6px 0;
2141
+ }
2142
+ .pagination ul li:last-child > a,
2143
+ .pagination ul li:last-child > span,
2144
+ .pagination ul li:last-child > a:hover,
2145
+ .pagination ul li:last-child > span:hover,
2146
+ .pagination ul li:last-child > a:focus,
2147
+ .pagination ul li:last-child > span:focus {
2148
+ -webkit-border-radius: 0 6px 6px 0;
2149
+ -moz-border-radius: 0 6px 6px 0;
2150
+ border-radius: 0 6px 6px 0;
2151
+ }
2152
+ .pagination ul li.previous > a,
2153
+ .pagination ul li.next > a,
2154
+ .pagination ul li.previous > span,
2155
+ .pagination ul li.next > span {
2156
+ background: transparent;
2157
+ border: none;
2158
+ border-right: 2px solid #e4e7ea;
2159
+ font-size: 15.988px;
2160
+ /* 16px */
2161
+
2162
+ margin: 0 9px 0 0;
2163
+ padding: 12px 17px;
2164
+ min-width: auto;
2165
+ -webkit-border-radius: 6px 0 0 6px;
2166
+ -moz-border-radius: 6px 0 0 6px;
2167
+ border-radius: 6px 0 0 6px;
2168
+ -webkit-box-shadow: none !important;
2169
+ -moz-box-shadow: none !important;
2170
+ box-shadow: none !important;
2171
+ }
2172
+ .pagination ul li.previous > a,
2173
+ .pagination ul li.next > a,
2174
+ .pagination ul li.previous > span,
2175
+ .pagination ul li.next > span,
2176
+ .pagination ul li.previous > a:hover,
2177
+ .pagination ul li.next > a:hover,
2178
+ .pagination ul li.previous > span:hover,
2179
+ .pagination ul li.next > span:hover,
2180
+ .pagination ul li.previous > a:focus,
2181
+ .pagination ul li.next > a:focus,
2182
+ .pagination ul li.previous > span:focus,
2183
+ .pagination ul li.next > span:focus {
2184
+ border-color: #e4e7ea !important;
2185
+ }
2186
+ .pagination ul li.next {
2187
+ margin-left: 9px;
2188
+ }
2189
+ .pagination ul li.next > a,
2190
+ .pagination ul li.next > span {
2191
+ border-left: 2px solid #e4e7ea;
2192
+ border-right: none;
2193
+ margin: 0;
2194
+ -webkit-border-radius: 0 6px 6px 0;
2195
+ -moz-border-radius: 0 6px 6px 0;
2196
+ border-radius: 0 6px 6px 0;
2197
+ }
2198
+ .pagination ul li.active > a,
2199
+ .pagination ul li.active > span {
2200
+ background-color: #ffffff;
2201
+ border-color: #ffffff;
2202
+ border-width: 2px !important;
2203
+ color: #d6dbdf;
2204
+ margin: 10px 5px 9px;
2205
+ }
2206
+ .pagination ul li.active > a:hover,
2207
+ .pagination ul li.active > span:hover,
2208
+ .pagination ul li.active > a:focus,
2209
+ .pagination ul li.active > span:focus {
2210
+ background-color: #ffffff;
2211
+ border-color: #ffffff;
2212
+ color: #d6dbdf;
2213
+ -webkit-box-shadow: none;
2214
+ -moz-box-shadow: none;
2215
+ box-shadow: none;
2216
+ }
2217
+ .pagination ul li.active.previous,
2218
+ .pagination ul li.active.next {
2219
+ border-color: #e4e7ea;
2220
+ }
2221
+ .pagination ul li.active.previous {
2222
+ margin-right: 6px;
2223
+ }
2224
+ .pagination ul li > a,
2225
+ .pagination ul li > span {
2226
+ background: #ffffff;
2227
+ border: 5px solid #d6dbdf;
2228
+ color: #ffffff;
2229
+ line-height: 16px;
2230
+ min-height: 17px;
2231
+ min-width: auto;
2232
+ outline: none;
2233
+ padding: 0 4px;
2234
+ margin: 7px 2px 6px;
2235
+ text-align: center;
2236
+ -webkit-border-radius: 50px;
2237
+ -moz-border-radius: 50px;
2238
+ border-radius: 50px;
2239
+ -webkit-transition: background 0.2s ease-out, border-color 0s ease-out, color 0.2s ease-out;
2240
+ -moz-transition: background 0.2s ease-out, border-color 0s ease-out, color 0.2s ease-out;
2241
+ -o-transition: background 0.2s ease-out, border-color 0s ease-out, color 0.2s ease-out;
2242
+ transition: background 0.2s ease-out, border-color 0s ease-out, color 0.2s ease-out;
2243
+ -webkit-backface-visibility: hidden;
2244
+ }
2245
+ .pagination ul li > a:hover,
2246
+ .pagination ul li > span:hover,
2247
+ .pagination ul li > a:focus,
2248
+ .pagination ul li > span:focus {
2249
+ background-color: #1abc9c;
2250
+ border-color: #1abc9c;
2251
+ color: #ffffff;
2252
+ -webkit-transition: background 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out;
2253
+ -moz-transition: background 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out;
2254
+ -o-transition: background 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out;
2255
+ transition: background 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out;
2256
+ -webkit-backface-visibility: hidden;
2257
+ }
2258
+ .pagination ul li > a:active,
2259
+ .pagination ul li > span:active {
2260
+ background-color: #16a085;
2261
+ border-color: #16a085;
2262
+ color: #ffffff;
2263
+ }
2264
+ .pagination > .btn.previous,
2265
+ .pagination > .btn.next {
2266
+ margin-right: 8px;
2267
+ font-size: 14px;
2268
+ padding-left: 23px;
2269
+ padding-right: 23px;
2270
+ }
2271
+ .pagination > .btn.previous [class*="fui-"],
2272
+ .pagination > .btn.next [class*="fui-"] {
2273
+ font-size: 16px;
2274
+ margin-left: -2px;
2275
+ margin-top: -2px;
2276
+ }
2277
+ .pagination > .btn.next {
2278
+ margin-left: 8px;
2279
+ margin-right: 0;
2280
+ }
2281
+ .pagination > .btn.next [class*="fui-"] {
2282
+ margin-right: -2px;
2283
+ margin-left: 4px;
2284
+ }
2285
+ .tooltip {
2286
+ font-size: 14px;
2287
+ }
2288
+ .tooltip.in {
2289
+ opacity: 1;
2290
+ }
2291
+ .tooltip.top {
2292
+ padding-bottom: 9px;
2293
+ }
2294
+ .tooltip.top .tooltip-arrow {
2295
+ border-top-color: #34495e;
2296
+ border-width: 9px 9px 0;
2297
+ bottom: 0;
2298
+ margin-left: -9px;
2299
+ }
2300
+ .tooltip.right .tooltip-arrow {
2301
+ border-right-color: #34495e;
2302
+ border-width: 9px 9px 9px 0;
2303
+ margin-top: -9px;
2304
+ left: -3px;
2305
+ }
2306
+ .tooltip.bottom {
2307
+ padding-top: 8px;
2308
+ }
2309
+ .tooltip.bottom .tooltip-arrow {
2310
+ border-bottom-color: #34495e;
2311
+ border-width: 0 9px 9px;
2312
+ margin-left: -9px;
2313
+ top: -1px;
2314
+ }
2315
+ .tooltip.left .tooltip-arrow {
2316
+ border-left-color: #34495e;
2317
+ border-width: 9px 0 9px 9px;
2318
+ margin-top: -9px;
2319
+ right: -3px;
2320
+ }
2321
+ .tooltip-inner {
2322
+ background-color: #34495e;
2323
+ line-height: 17.99px;
2324
+ padding: 12px 12px;
2325
+ text-align: center;
2326
+ width: 183px;
2327
+ -webkit-border-radius: 6px;
2328
+ -moz-border-radius: 6px;
2329
+ border-radius: 6px;
2330
+ }
2331
+ .dropdown-menu {
2332
+ background-color: #f3f4f5;
2333
+ border: none;
2334
+ display: block;
2335
+ margin-top: 8px;
2336
+ opacity: 0;
2337
+ padding: 0;
2338
+ visibility: hidden;
2339
+ width: 100%;
2340
+ -webkit-box-shadow: none;
2341
+ -moz-box-shadow: none;
2342
+ box-shadow: none;
2343
+ -webkit-transition: 0.25s;
2344
+ -moz-transition: 0.25s;
2345
+ -o-transition: 0.25s;
2346
+ transition: 0.25s;
2347
+ -webkit-backface-visibility: hidden;
2348
+ }
2349
+ .dropdown-menu.typeahead {
2350
+ display: none;
2351
+ opacity: 1;
2352
+ visibility: visible;
2353
+ width: auto;
2354
+ margin-top: 2px;
2355
+ }
2356
+ .open > .dropdown-menu {
2357
+ margin-top: 18px;
2358
+ opacity: 1;
2359
+ visibility: visible;
2360
+ }
2361
+ .dropdown-menu li:first-child dt + a {
2362
+ border-radius: 0;
2363
+ }
2364
+ .dropdown-menu li:first-child > a {
2365
+ border-radius: 6px 6px 0 0;
2366
+ padding-top: 8px;
2367
+ }
2368
+ .dropdown-menu li:last-child > a {
2369
+ border-radius: 0 0 6px 6px;
2370
+ padding-bottom: 10px;
2371
+ }
2372
+ .dropdown-menu li.active > a,
2373
+ .dropdown-menu li.selected > a,
2374
+ .dropdown-menu li.active > a.highlighted,
2375
+ .dropdown-menu li.selected > a.highlighted {
2376
+ background: #1abc9c;
2377
+ color: #ffffff;
2378
+ }
2379
+ .dropdown-menu li.active > a:hover,
2380
+ .dropdown-menu li.selected > a:hover,
2381
+ .dropdown-menu li.active > a.highlighted:hover,
2382
+ .dropdown-menu li.selected > a.highlighted:hover,
2383
+ .dropdown-menu li.active > a:focus,
2384
+ .dropdown-menu li.selected > a:focus,
2385
+ .dropdown-menu li.active > a.highlighted:focus,
2386
+ .dropdown-menu li.selected > a.highlighted:focus {
2387
+ background: #16a085;
2388
+ color: #ffffff;
2389
+ }
2390
+ .dropdown-menu li > a {
2391
+ color: rgba(52, 73, 94, 0.75);
2392
+ padding: 6px 15px 8px;
2393
+ text-decoration: none;
2394
+ *zoom: 1;
2395
+ -webkit-transition: background-color 0.25s;
2396
+ -moz-transition: background-color 0.25s;
2397
+ -o-transition: background-color 0.25s;
2398
+ transition: background-color 0.25s;
2399
+ -webkit-backface-visibility: hidden;
2400
+ }
2401
+ .dropdown-menu li > a:before,
2402
+ .dropdown-menu li > a:after {
2403
+ display: table;
2404
+ content: "";
2405
+ }
2406
+ .dropdown-menu li > a:after {
2407
+ clear: both;
2408
+ }
2409
+ .dropdown-menu li > a:hover,
2410
+ .dropdown-menu li > a:active,
2411
+ .dropdown-menu li > a:focus {
2412
+ background: #e1e4e7;
2413
+ color: inherit;
2414
+ outline: none;
2415
+ }
2416
+ .dropdown-menu li > a.highlighted {
2417
+ background: #c9cfd4;
2418
+ color: #ffffff;
2419
+ }
2420
+ .dropdown-menu li > a.highlighted:hover,
2421
+ .dropdown-menu li > a.highlighted:focus {
2422
+ background: #bac1c8;
2423
+ color: #ffffff;
2424
+ }
2425
+ .dropdown-menu li > a:before {
2426
+ float: right;
2427
+ margin-top: 3px;
2428
+ }
2429
+ .dropdown-menu li dt {
2430
+ font-weight: 300;
2431
+ margin-bottom: 3px;
2432
+ margin-top: 12px;
2433
+ padding: 0 15px;
2434
+ }
2435
+ .dropup .dropdown-menu,
2436
+ .navbar-fixed-bottom .dropdown .dropdown-menu {
2437
+ margin-bottom: 8px;
2438
+ }
2439
+ .dropup .dropdown-arrow,
2440
+ .navbar-fixed-bottom .dropdown .dropdown-arrow {
2441
+ border-bottom: none;
2442
+ border-top: 8px outset #f3f4f5;
2443
+ bottom: 100%;
2444
+ top: auto;
2445
+ }
2446
+ .navbar-fixed-bottom .nav > li > ul:before {
2447
+ border-bottom: none;
2448
+ border-top: 9px outset #34495e;
2449
+ bottom: 4px;
2450
+ top: auto;
2451
+ }
2452
+ .open.dropup > .dropdown-menu {
2453
+ margin-bottom: 18px;
2454
+ }
2455
+ .open.dropup > .dropdown-arrow {
2456
+ margin-bottom: 10px;
2457
+ }
2458
+ .open.dropup > .dropdown-arrow.dropdown-arrow-inverse {
2459
+ border-top-color: #34495e;
2460
+ }
2461
+ .open > .dropdown-arrow {
2462
+ margin-top: 9px;
2463
+ opacity: 1;
2464
+ }
2465
+ .dropdown-arrow {
2466
+ border-style: solid;
2467
+ border-width: 0 9px 9px 9px;
2468
+ border-color: transparent transparent #f3f4f5 transparent;
2469
+ height: 0;
2470
+ margin-top: 0;
2471
+ opacity: 0;
2472
+ position: absolute;
2473
+ right: 13px;
2474
+ top: 100%;
2475
+ width: 0;
2476
+ z-index: 10;
2477
+ -webkit-transform: rotate(360deg);
2478
+ -webkit-transition: 0.25s;
2479
+ -moz-transition: 0.25s;
2480
+ -o-transition: 0.25s;
2481
+ transition: 0.25s;
2482
+ -webkit-backface-visibility: hidden;
2483
+ }
2484
+ .dropdown-inverse {
2485
+ background-color: #34495e;
2486
+ color: #cccccc;
2487
+ padding: 4px 0 6px;
2488
+ }
2489
+ .dropdown-inverse li {
2490
+ margin: 0 4px -2px;
2491
+ }
2492
+ .dropdown-inverse li:first-child > a,
2493
+ .dropdown-inverse li:last-child > a {
2494
+ border-radius: 2px;
2495
+ padding-bottom: 7px;
2496
+ padding-top: 5px;
2497
+ }
2498
+ .dropdown-inverse li:first-child dt + a,
2499
+ .dropdown-inverse li:last-child dt + a {
2500
+ border-radius: 2px;
2501
+ }
2502
+ .dropdown-inverse li.active > a,
2503
+ .dropdown-inverse li.selected > a {
2504
+ background: #1abc9c;
2505
+ color: #ffffff;
2506
+ position: relative;
2507
+ z-index: 1;
2508
+ }
2509
+ .dropdown-inverse li dt {
2510
+ padding-left: 11px;
2511
+ padding-right: 11px;
2512
+ }
2513
+ .dropdown-inverse li .divider {
2514
+ margin-left: 11px;
2515
+ margin-right: 11px;
2516
+ }
2517
+ .dropdown-inverse li > a {
2518
+ border-radius: 2px;
2519
+ color: #ffffff;
2520
+ padding: 5px 11px 7px;
2521
+ }
2522
+ .dropdown-inverse li > a:hover,
2523
+ .dropdown-inverse li > a:active,
2524
+ .dropdown-inverse li > a:focus {
2525
+ background: #2c3e50;
2526
+ }
2527
+ .dropdown-inverse li > a.highlighted {
2528
+ background: #526476;
2529
+ }
2530
+ .dropdown-inverse li > a.highlighted:hover,
2531
+ .dropdown-inverse li > a.highlighted:focus {
2532
+ background: #677786;
2533
+ }
2534
+ .dropdown-inverse li .divider {
2535
+ background-color: #526476;
2536
+ border-bottom-color: #526476;
2537
+ }
2538
+ /* ============================================================
2539
+ * bootstrapSwitch v1.3 by Larentis Mattia @spiritualGuru
2540
+ * http://www.larentis.eu/switch/
2541
+ * ============================================================
2542
+ * Licensed under the Apache License, Version 2.0
2543
+ * http://www.apache.org/licenses/LICENSE-2.0
2544
+ * ============================================================ */
2545
+ .has-switch {
2546
+ border-radius: 30px;
2547
+ display: inline-block;
2548
+ cursor: pointer;
2549
+ line-height: 1.231;
2550
+ overflow: hidden;
2551
+ position: relative;
2552
+ text-align: left;
2553
+ width: 80px;
2554
+ -webkit-mask: url('../images/switch/mask.png') 0 0 no-repeat;
2555
+ mask: url('../images/switch/mask.png') 0 0 no-repeat;
2556
+ -webkit-user-select: none;
2557
+ -moz-user-select: none;
2558
+ -ms-user-select: none;
2559
+ -o-user-select: none;
2560
+ user-select: none;
2561
+ }
2562
+ .has-switch.deactivate {
2563
+ opacity: 0.5;
2564
+ filter: alpha(opacity=50);
2565
+ cursor: default !important;
2566
+ }
2567
+ .has-switch.deactivate label,
2568
+ .has-switch.deactivate span {
2569
+ cursor: default !important;
2570
+ }
2571
+ .has-switch > div {
2572
+ width: 162%;
2573
+ position: relative;
2574
+ top: 0;
2575
+ }
2576
+ .has-switch > div.switch-animate {
2577
+ -webkit-transition: left 0.25s ease-out;
2578
+ -moz-transition: left 0.25s ease-out;
2579
+ -o-transition: left 0.25s ease-out;
2580
+ transition: left 0.25s ease-out;
2581
+ -webkit-backface-visibility: hidden;
2582
+ }
2583
+ .has-switch > div.switch-off {
2584
+ left: -63%;
2585
+ }
2586
+ .has-switch > div.switch-off label {
2587
+ background-color: #7f8c9a;
2588
+ border-color: #bdc3c7;
2589
+ -webkit-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
2590
+ -moz-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
2591
+ box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
2592
+ }
2593
+ .has-switch > div.switch-on {
2594
+ left: 0%;
2595
+ }
2596
+ .has-switch > div.switch-on label {
2597
+ background-color: #1abc9c;
2598
+ }
2599
+ .has-switch input[type=checkbox] {
2600
+ display: none;
2601
+ }
2602
+ .has-switch span {
2603
+ cursor: pointer;
2604
+ font-size: 14.994px;
2605
+ font-weight: 700;
2606
+ float: left;
2607
+ height: 29px;
2608
+ line-height: 19px;
2609
+ margin: 0;
2610
+ padding-bottom: 6px;
2611
+ padding-top: 5px;
2612
+ position: relative;
2613
+ text-align: center;
2614
+ width: 50%;
2615
+ z-index: 1;
2616
+ -webkit-box-sizing: border-box;
2617
+ -moz-box-sizing: border-box;
2618
+ box-sizing: border-box;
2619
+ -webkit-transition: 0.25s ease-out;
2620
+ -moz-transition: 0.25s ease-out;
2621
+ -o-transition: 0.25s ease-out;
2622
+ transition: 0.25s ease-out;
2623
+ -webkit-backface-visibility: hidden;
2624
+ }
2625
+ .has-switch span.switch-left {
2626
+ border-radius: 30px 0 0 30px;
2627
+ background-color: #34495e;
2628
+ color: #1abc9c;
2629
+ border-left: 1px solid transparent;
2630
+ }
2631
+ .has-switch span.switch-right {
2632
+ border-radius: 0 30px 30px 0;
2633
+ background-color: #bdc3c7;
2634
+ color: #ffffff;
2635
+ text-indent: 7px;
2636
+ }
2637
+ .has-switch span.switch-right [class*="fui-"] {
2638
+ text-indent: 0;
2639
+ }
2640
+ .has-switch label {
2641
+ border: 4px solid #34495e;
2642
+ border-radius: 50%;
2643
+ float: left;
2644
+ height: 21px;
2645
+ margin: 0 -15px 0 -14px;
2646
+ padding: 0;
2647
+ position: relative;
2648
+ vertical-align: middle;
2649
+ width: 21px;
2650
+ z-index: 100;
2651
+ -webkit-transition: 0.25s ease-out;
2652
+ -moz-transition: 0.25s ease-out;
2653
+ -o-transition: 0.25s ease-out;
2654
+ transition: 0.25s ease-out;
2655
+ -webkit-backface-visibility: hidden;
2656
+ }
2657
+ .switch-square {
2658
+ border-radius: 6px;
2659
+ -webkit-mask: url('../images/switch/mask.png') 0 0 no-repeat;
2660
+ mask: url('../images/switch/mask.png') 0 0 no-repeat;
2661
+ }
2662
+ .switch-square > div.switch-off label {
2663
+ border-color: #7f8c9a;
2664
+ border-radius: 6px 0 0 6px;
2665
+ }
2666
+ .switch-square span.switch-left {
2667
+ border-radius: 6px 0 0 6px;
2668
+ }
2669
+ .switch-square span.switch-left [class*="fui-"] {
2670
+ text-indent: -10px;
2671
+ }
2672
+ .switch-square span.switch-right {
2673
+ border-radius: 0 6px 6px 0;
2674
+ }
2675
+ .switch-square span.switch-right [class*="fui-"] {
2676
+ text-indent: 5px;
2677
+ }
2678
+ .switch-square label {
2679
+ border-radius: 0 6px 6px 0;
2680
+ border-color: #1abc9c;
2681
+ }
2682
+ .share {
2683
+ background-color: #eff0f2;
2684
+ position: relative;
2685
+ -webkit-border-radius: 6px;
2686
+ -moz-border-radius: 6px;
2687
+ border-radius: 6px;
2688
+ }
2689
+ .share:before {
2690
+ content: "";
2691
+ border-style: solid;
2692
+ border-width: 0 9px 9px 9px;
2693
+ border-color: transparent transparent #eff0f2 transparent;
2694
+ height: 0;
2695
+ position: absolute;
2696
+ left: 23px;
2697
+ top: -9px;
2698
+ width: 0;
2699
+ -webkit-transform: rotate(360deg);
2700
+ }
2701
+ .share ul {
2702
+ list-style-type: none;
2703
+ margin: 0;
2704
+ padding: 15px;
2705
+ }
2706
+ .share li {
2707
+ padding-top: 11px;
2708
+ *zoom: 1;
2709
+ }
2710
+ .share li:before,
2711
+ .share li:after {
2712
+ display: table;
2713
+ content: "";
2714
+ }
2715
+ .share li:after {
2716
+ clear: both;
2717
+ }
2718
+ .share li:first-child {
2719
+ padding-top: 0;
2720
+ }
2721
+ .share .toggle {
2722
+ float: right;
2723
+ margin: 0;
2724
+ }
2725
+ .share .btn {
2726
+ -webkit-border-radius: 0 0 6px 6px;
2727
+ -moz-border-radius: 0 0 6px 6px;
2728
+ border-radius: 0 0 6px 6px;
2729
+ }
2730
+ .share-label {
2731
+ float: left;
2732
+ font-size: 15px;
2733
+ padding-top: 5px;
2734
+ width: 50%;
2735
+ }
2736
+ .palette {
2737
+ color: #ffffff;
2738
+ margin: 0;
2739
+ padding: 15px;
2740
+ text-transform: uppercase;
2741
+ }
2742
+ .palette dt {
2743
+ display: block;
2744
+ font-weight: 500;
2745
+ opacity: 0.8;
2746
+ filter: alpha(opacity=80);
2747
+ }
2748
+ .palette dd {
2749
+ font-weight: 200;
2750
+ margin-left: 0;
2751
+ opacity: 0.8;
2752
+ filter: alpha(opacity=80);
2753
+ }
2754
+ .palette-turquoise {
2755
+ background-color: #1abc9c;
2756
+ }
2757
+ .palette-green-sea {
2758
+ background-color: #16a085;
2759
+ }
2760
+ .palette-emerald {
2761
+ background-color: #2ecc71;
2762
+ }
2763
+ .palette-nephritis {
2764
+ background-color: #27ae60;
2765
+ }
2766
+ .palette-peter-river {
2767
+ background-color: #3498db;
2768
+ }
2769
+ .palette-belize-hole {
2770
+ background-color: #2980b9;
2771
+ }
2772
+ .palette-amethyst {
2773
+ background-color: #9b59b6;
2774
+ }
2775
+ .palette-wisteria {
2776
+ background-color: #8e44ad;
2777
+ }
2778
+ .palette-wet-asphalt {
2779
+ background-color: #34495e;
2780
+ }
2781
+ .palette-midnight-blue {
2782
+ background-color: #2c3e50;
2783
+ }
2784
+ .palette-sun-flower {
2785
+ background-color: #f1c40f;
2786
+ }
2787
+ .palette-orange {
2788
+ background-color: #f39c12;
2789
+ }
2790
+ .palette-carrot {
2791
+ background-color: #e67e22;
2792
+ }
2793
+ .palette-pumpkin {
2794
+ background-color: #d35400;
2795
+ }
2796
+ .palette-alizarin {
2797
+ background-color: #e74c3c;
2798
+ }
2799
+ .palette-pomegranate {
2800
+ background-color: #c0392b;
2801
+ }
2802
+ .palette-clouds {
2803
+ background-color: #ecf0f1;
2804
+ }
2805
+ .palette-silver {
2806
+ background-color: #bdc3c7;
2807
+ }
2808
+ .palette-concrete {
2809
+ background-color: #95a5a6;
2810
+ }
2811
+ .palette-asbestos {
2812
+ background-color: #7f8c8d;
2813
+ }
2814
+ .palette-clouds {
2815
+ color: #bdc3c7;
2816
+ }
2817
+ .palette-paragraph {
2818
+ color: #7f8c8d;
2819
+ font-size: 12px;
2820
+ line-height: 17px;
2821
+ }
2822
+ .palette-paragraph span {
2823
+ color: #bdc3c7;
2824
+ }
2825
+ .palette-headline {
2826
+ color: #7f8c8d;
2827
+ font-weight: 700;
2828
+ margin-top: -5px;
2829
+ }
2830
+ .tile {
2831
+ background-color: #eff0f2;
2832
+ border-radius: 6px;
2833
+ padding: 14px;
2834
+ position: relative;
2835
+ text-align: center;
2836
+ }
2837
+ .tile.tile-hot:before {
2838
+ background: url(../images/tile/ribbon.png) 0 0 no-repeat;
2839
+ background-size: 82px 82px;
2840
+ content: '';
2841
+ height: 82px;
2842
+ position: absolute;
2843
+ right: -4px;
2844
+ top: -4px;
2845
+ width: 82px;
2846
+ }
2847
+ .tile p {
2848
+ font-size: 15px;
2849
+ margin-bottom: 33px;
2850
+ }
2851
+ .tile-image {
2852
+ height: 100px;
2853
+ margin: 31px 0 27px;
2854
+ vertical-align: bottom;
2855
+ }
2856
+ .tile-image.big-illustration {
2857
+ height: 111px;
2858
+ margin-top: 20px;
2859
+ width: 112px;
2860
+ }
2861
+ .tile-title {
2862
+ font-size: 20px;
2863
+ margin: 0;
2864
+ }
2865
+ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
2866
+ .tile.tile-hot:before {
2867
+ background-image: url(../images/tile/ribbon-2x.png);
2868
+ }
2869
+ }
2870
+ .todo {
2871
+ background-color: #2c3e50;
2872
+ color: #798795;
2873
+ margin-bottom: 20px;
2874
+ -webkit-border-radius: 8px 8px 6px 6px;
2875
+ -moz-border-radius: 8px 8px 6px 6px;
2876
+ border-radius: 8px 8px 6px 6px;
2877
+ }
2878
+ .todo ul {
2879
+ margin: 0;
2880
+ list-style-type: none;
2881
+ }
2882
+ .todo li {
2883
+ background: #34495e url(../images/todo/todo.png) 92% center no-repeat;
2884
+ background-size: 20px 20px;
2885
+ cursor: pointer;
2886
+ margin-top: 2px;
2887
+ padding: 18px 42px 17px 25px;
2888
+ position: relative;
2889
+ -webkit-transition: 0.25s;
2890
+ -moz-transition: 0.25s;
2891
+ -o-transition: 0.25s;
2892
+ transition: 0.25s;
2893
+ -webkit-backface-visibility: hidden;
2894
+ }
2895
+ .todo li:first-child {
2896
+ margin-top: 0;
2897
+ }
2898
+ .todo li:last-child {
2899
+ -webkit-border-radius: 0 0 6px 6px;
2900
+ -moz-border-radius: 0 0 6px 6px;
2901
+ border-radius: 0 0 6px 6px;
2902
+ padding-bottom: 18px;
2903
+ }
2904
+ .todo li.todo-done {
2905
+ background: transparent url(../images/todo/done.png) 92% center no-repeat;
2906
+ background-size: 20px 20px;
2907
+ color: #1abc9c;
2908
+ }
2909
+ .todo li.todo-done .todo-name {
2910
+ color: #1abc9c;
2911
+ }
2912
+ .todo-search {
2913
+ position: relative;
2914
+ background: #1abc9c;
2915
+ background-size: 16px 16px;
2916
+ border-radius: 6px 6px 0 0;
2917
+ color: #34495e;
2918
+ padding: 19px 25px 20px;
2919
+ }
2920
+ .todo-search:before {
2921
+ position: absolute;
2922
+ font-family: 'Flat-UI-Icons';
2923
+ content: "\e01c";
2924
+ font-size: 16px;
2925
+ display: inline-block;
2926
+ top: 50%;
2927
+ left: 92%;
2928
+ margin: -0.5em 0 0 -1em;
2929
+ }
2930
+ input.todo-search-field {
2931
+ background: none;
2932
+ border: none;
2933
+ color: #34495e;
2934
+ font-size: 19px;
2935
+ font-weight: 700;
2936
+ margin: 0;
2937
+ line-height: 23px;
2938
+ padding: 5px 0;
2939
+ text-indent: 0;
2940
+ -webkit-box-shadow: none;
2941
+ -moz-box-shadow: none;
2942
+ box-shadow: none;
2943
+ }
2944
+ input.todo-search-field:-moz-placeholder {
2945
+ color: #34495e;
2946
+ }
2947
+ input.todo-search-field::-webkit-input-placeholder {
2948
+ color: #34495e;
2949
+ }
2950
+ input.todo-search-field.placeholder {
2951
+ color: #34495e;
2952
+ }
2953
+ .todo-icon {
2954
+ float: left;
2955
+ font-size: 24px;
2956
+ padding: 11px 22px 0 0;
2957
+ }
2958
+ .todo-content {
2959
+ padding-top: 1px;
2960
+ overflow: hidden;
2961
+ }
2962
+ .todo-name {
2963
+ color: #ffffff;
2964
+ font-size: 17px;
2965
+ margin: 1px 0 3px;
2966
+ }
2967
+ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
2968
+ .todo li {
2969
+ background-image: url(../images/todo/todo-2x.png);
2970
+ }
2971
+ .todo li.todo-done {
2972
+ background-image: url(../images/todo/done-2x.png);
2973
+ }
2974
+ }
2975
+ footer {
2976
+ background-color: #edeff1;
2977
+ color: #bac1c8;
2978
+ font-size: 15px;
2979
+ padding: 0;
2980
+ }
2981
+ footer a {
2982
+ color: #9aa4af;
2983
+ font-weight: 700;
2984
+ }
2985
+ footer p {
2986
+ font-size: 15px;
2987
+ line-height: 20px;
2988
+ }
2989
+ .footer-title {
2990
+ margin: 0 0 22px;
2991
+ padding-top: 21px;
2992
+ }
2993
+ .footer-brand {
2994
+ display: block;
2995
+ margin-bottom: 26px;
2996
+ width: 220px;
2997
+ }
2998
+ .footer-brand img {
2999
+ width: 216px;
3000
+ }
3001
+ .footer-banner {
3002
+ background-color: #1abc9c;
3003
+ color: #d1f2eb;
3004
+ margin-left: 42px;
3005
+ min-height: 286px;
3006
+ padding: 0 30px 30px;
3007
+ }
3008
+ .footer-banner .footer-title {
3009
+ color: #ffffff;
3010
+ }
3011
+ .footer-banner a {
3012
+ color: #b7f5e9;
3013
+ text-decoration: underline;
3014
+ }
3015
+ .footer-banner a:hover {
3016
+ text-decoration: none;
3017
+ }
3018
+ .footer-banner ul {
3019
+ list-style-type: none;
3020
+ margin: 0 0 26px;
3021
+ }
3022
+ .footer-banner ul li {
3023
+ border-top: 1px solid #1bc5a3;
3024
+ line-height: 19px;
3025
+ padding: 6px 0;
3026
+ }
3027
+ .footer-banner ul li:first-child {
3028
+ border-top: none;
3029
+ padding-top: 1px;
3030
+ }
3031
+ .video-js {
3032
+ background-color: transparent;
3033
+ margin-top: -95px;
3034
+ position: relative;
3035
+ padding: 0;
3036
+ font-size: 10px;
3037
+ vertical-align: middle;
3038
+ -webkit-border-radius: 6px 6px 0 0;
3039
+ -moz-border-radius: 6px 6px 0 0;
3040
+ border-radius: 6px 6px 0 0;
3041
+ -webkit-backface-visibility: hidden;
3042
+ -moz-backface-visibility: hidden;
3043
+ -ms-backface-visibility: hidden;
3044
+ backface-visibility: hidden;
3045
+ }
3046
+ .video-js .vjs-tech {
3047
+ position: absolute;
3048
+ top: 0;
3049
+ left: 0;
3050
+ width: 100%;
3051
+ height: 100%;
3052
+ -webkit-border-radius: 6px 6px 0 0;
3053
+ -moz-border-radius: 6px 6px 0 0;
3054
+ border-radius: 6px 6px 0 0;
3055
+ }
3056
+ .video-js:-moz-full-screen {
3057
+ position: absolute;
3058
+ }
3059
+ body.vjs-full-window {
3060
+ padding: 0;
3061
+ margin: 0;
3062
+ height: 100%;
3063
+ overflow-y: auto;
3064
+ }
3065
+ .video-js.vjs-fullscreen {
3066
+ position: fixed;
3067
+ overflow: hidden;
3068
+ z-index: 1000;
3069
+ left: 0;
3070
+ top: 0;
3071
+ bottom: 0;
3072
+ right: 0;
3073
+ width: 100% !important;
3074
+ height: 100% !important;
3075
+ _position: absolute;
3076
+ }
3077
+ .video-js:-webkit-full-screen {
3078
+ width: 100% !important;
3079
+ height: 100% !important;
3080
+ }
3081
+ .vjs-poster {
3082
+ margin: 0 auto;
3083
+ padding: 0;
3084
+ cursor: pointer;
3085
+ position: relative;
3086
+ width: 100%;
3087
+ max-height: 100%;
3088
+ -webkit-border-radius: 6px 6px 0 0;
3089
+ -moz-border-radius: 6px 6px 0 0;
3090
+ border-radius: 6px 6px 0 0;
3091
+ }
3092
+ .video-js .vjs-text-track-display {
3093
+ text-align: center;
3094
+ position: absolute;
3095
+ bottom: 4em;
3096
+ left: 1em;
3097
+ right: 1em;
3098
+ font-family: "Lato", sans-serif;
3099
+ }
3100
+ .video-js .vjs-text-track {
3101
+ display: none;
3102
+ color: #ffffff;
3103
+ font-size: 1.4em;
3104
+ text-align: center;
3105
+ margin-bottom: .1em;
3106
+ background: #000;
3107
+ background: rgba(0, 0, 0, 0.5);
3108
+ }
3109
+ .video-js .vjs-subtitles {
3110
+ color: #fff;
3111
+ }
3112
+ .video-js .vjs-captions {
3113
+ color: #fc6;
3114
+ }
3115
+ .vjs-tt-cue {
3116
+ display: block;
3117
+ }
3118
+ .vjs-fade-in {
3119
+ visibility: visible !important;
3120
+ opacity: 1 !important;
3121
+ -webkit-transition: visibility 0s linear 0s, opacity .3s linear;
3122
+ -moz-transition: visibility 0s linear 0s, opacity .3s linear;
3123
+ -o-transition: visibility 0s linear 0s, opacity .3s linear;
3124
+ transition: visibility 0s linear 0s, opacity .3s linear;
3125
+ -webkit-backface-visibility: hidden;
3126
+ }
3127
+ .vjs-fade-out {
3128
+ visibility: hidden !important;
3129
+ opacity: 0 !important;
3130
+ -webkit-transition: visibility 0s linear 1.5s, opacity 1.5s linear;
3131
+ -moz-transition: visibility 0s linear 1.5s, opacity 1.5s linear;
3132
+ -o-transition: visibility 0s linear 1.5s, opacity 1.5s linear;
3133
+ transition: visibility 0s linear 1.5s, opacity 1.5s linear;
3134
+ -webkit-backface-visibility: hidden;
3135
+ }
3136
+ .vjs-controls {
3137
+ position: absolute;
3138
+ bottom: -47px;
3139
+ left: 0;
3140
+ right: 0;
3141
+ margin: 0;
3142
+ padding: 0;
3143
+ height: 47px;
3144
+ color: #ffffff;
3145
+ background: #273747;
3146
+ -webkit-border-radius: 0 0 6px 6px;
3147
+ -moz-border-radius: 0 0 6px 6px;
3148
+ border-radius: 0 0 6px 6px;
3149
+ }
3150
+ .vjs-controls.vjs-fade-out {
3151
+ visibility: visible !important;
3152
+ opacity: 1 !important;
3153
+ }
3154
+ .vjs-control {
3155
+ background-position: center center;
3156
+ background-repeat: no-repeat;
3157
+ position: relative;
3158
+ float: left;
3159
+ text-align: center;
3160
+ margin: 0;
3161
+ padding: 0;
3162
+ height: 18px;
3163
+ width: 18px;
3164
+ }
3165
+ .vjs-control:focus {
3166
+ outline: 0;
3167
+ }
3168
+ .vjs-control div {
3169
+ background-position: center center;
3170
+ background-repeat: no-repeat;
3171
+ }
3172
+ .vjs-control-text {
3173
+ border: 0;
3174
+ clip: rect(0 0 0 0);
3175
+ height: 1px;
3176
+ margin: -1px;
3177
+ overflow: hidden;
3178
+ padding: 0;
3179
+ position: absolute;
3180
+ width: 1px;
3181
+ }
3182
+ .vjs-play-control {
3183
+ cursor: pointer !important;
3184
+ height: 47px;
3185
+ left: 0;
3186
+ position: absolute;
3187
+ top: 0;
3188
+ width: 58px;
3189
+ }
3190
+ .vjs-play-control div {
3191
+ position: relative;
3192
+ height: 47px;
3193
+ }
3194
+ .vjs-play-control div:before,
3195
+ .vjs-play-control div:after {
3196
+ position: absolute;
3197
+ font-family: "Flat-UI-Icons";
3198
+ color: #1abc9c;
3199
+ font-size: 16px;
3200
+ top: 50%;
3201
+ left: 50%;
3202
+ margin: -0.55em 0 0 -0.5em;
3203
+ -webkit-transition: color .25s, opacity .25s;
3204
+ -moz-transition: color .25s, opacity .25s;
3205
+ -o-transition: color .25s, opacity .25s;
3206
+ transition: color .25s, opacity .25s;
3207
+ -webkit-backface-visibility: hidden;
3208
+ }
3209
+ .vjs-play-control div:after {
3210
+ content: "\e03b";
3211
+ }
3212
+ .vjs-play-control div:before {
3213
+ content: "\e03c";
3214
+ }
3215
+ .vjs-paused .vjs-play-control:hover div:before {
3216
+ color: #16a085;
3217
+ }
3218
+ .vjs-paused .vjs-play-control div:after {
3219
+ opacity: 0;
3220
+ filter: alpha(opacity=0);
3221
+ }
3222
+ .vjs-paused .vjs-play-control div:before {
3223
+ opacity: 1;
3224
+ filter: alpha(opacity=100);
3225
+ }
3226
+ .vjs-playing .vjs-play-control:hover div:after {
3227
+ color: #16a085;
3228
+ }
3229
+ .vjs-playing .vjs-play-control div:after {
3230
+ opacity: 1;
3231
+ filter: alpha(opacity=100);
3232
+ }
3233
+ .vjs-playing .vjs-play-control div:before {
3234
+ opacity: 0;
3235
+ filter: alpha(opacity=0);
3236
+ }
3237
+ .vjs-rewind-control {
3238
+ width: 5em;
3239
+ cursor: pointer !important;
3240
+ }
3241
+ .vjs-rewind-control div {
3242
+ width: 19px;
3243
+ height: 16px;
3244
+ background: none transparent;
3245
+ margin: .5em auto 0;
3246
+ }
3247
+ .vjs-mute-control {
3248
+ background: url(../images/video/volume-full.png) center -48px no-repeat;
3249
+ background-size: 16px 64px;
3250
+ cursor: pointer !important;
3251
+ position: absolute;
3252
+ right: 51px;
3253
+ top: 14px;
3254
+ }
3255
+ .vjs-mute-control:hover div,
3256
+ .vjs-mute-control:focus div {
3257
+ opacity: 0;
3258
+ }
3259
+ .vjs-mute-control.vjs-vol-0,
3260
+ .vjs-mute-control.vjs-vol-0 div {
3261
+ background-image: url(../images/video/volume-off.png);
3262
+ }
3263
+ .vjs-mute-control div {
3264
+ background: #273747 url(../images/video/volume-full.png) no-repeat center 2px;
3265
+ background-size: 16px 64px;
3266
+ height: 18px;
3267
+ -webkit-transition: opacity 0.25s;
3268
+ -moz-transition: opacity 0.25s;
3269
+ -o-transition: opacity 0.25s;
3270
+ transition: opacity 0.25s;
3271
+ -webkit-backface-visibility: hidden;
3272
+ }
3273
+ .vjs-volume-control,
3274
+ .vjs-volume-level,
3275
+ .vjs-volume-handle,
3276
+ .vjs-volume-bar {
3277
+ display: none;
3278
+ }
3279
+ .vjs-progress-control {
3280
+ position: absolute;
3281
+ left: 60px;
3282
+ right: 180px;
3283
+ height: 12px;
3284
+ width: auto;
3285
+ top: 18px;
3286
+ background: #425669;
3287
+ -webkit-border-radius: 32px;
3288
+ -moz-border-radius: 32px;
3289
+ border-radius: 32px;
3290
+ }
3291
+ .vjs-progress-holder {
3292
+ position: relative;
3293
+ cursor: pointer !important;
3294
+ padding: 0;
3295
+ margin: 0;
3296
+ height: 12px;
3297
+ }
3298
+ .vjs-play-progress,
3299
+ .vjs-load-progress {
3300
+ position: absolute;
3301
+ display: block;
3302
+ height: 12px;
3303
+ margin: 0;
3304
+ padding: 0;
3305
+ left: 0;
3306
+ top: 0;
3307
+ -webkit-border-radius: 32px;
3308
+ -moz-border-radius: 32px;
3309
+ border-radius: 32px;
3310
+ }
3311
+ .vjs-play-progress {
3312
+ background: #1abc9c;
3313
+ left: -1px;
3314
+ }
3315
+ .vjs-load-progress {
3316
+ background: #d6dbdf;
3317
+ -webkit-border-radius: 32px 0 0 32px;
3318
+ -moz-border-radius: 32px 0 0 32px;
3319
+ border-radius: 32px 0 0 32px;
3320
+ }
3321
+ .vjs-load-progress[style*='100%'],
3322
+ .vjs-load-progress[style*='99%'] {
3323
+ -webkit-border-radius: 32px;
3324
+ -moz-border-radius: 32px;
3325
+ border-radius: 32px;
3326
+ }
3327
+ .vjs-seek-handle {
3328
+ background-color: #16a085;
3329
+ position: absolute;
3330
+ width: 18px;
3331
+ height: 18px;
3332
+ margin: -3px 0 0 1px;
3333
+ left: 0;
3334
+ top: 0;
3335
+ -webkit-transition: background-color 0.25s;
3336
+ -moz-transition: background-color 0.25s;
3337
+ -o-transition: background-color 0.25s;
3338
+ transition: background-color 0.25s;
3339
+ -webkit-backface-visibility: hidden;
3340
+ -webkit-border-radius: 50%;
3341
+ -moz-border-radius: 50%;
3342
+ border-radius: 50%;
3343
+ }
3344
+ .vjs-seek-handle[style*='95.'] {
3345
+ margin-left: 3px;
3346
+ }
3347
+ .vjs-seek-handle[style='left: 0%;'] {
3348
+ margin-left: -2px;
3349
+ }
3350
+ .vjs-seek-handle:hover,
3351
+ .vjs-seek-handle:focus {
3352
+ background-color: #148d75;
3353
+ }
3354
+ .vjs-seek-handle:active {
3355
+ background-color: #117a65;
3356
+ }
3357
+ .vjs-time-controls {
3358
+ position: absolute;
3359
+ height: 20px;
3360
+ width: 50px;
3361
+ top: 16px;
3362
+ font: 300 13px "Lato", sans-serif;
3363
+ }
3364
+ .vjs-current-time {
3365
+ right: 128px;
3366
+ text-align: right;
3367
+ }
3368
+ .vjs-duration {
3369
+ color: #5d6d7e;
3370
+ right: 69px;
3371
+ text-align: left;
3372
+ }
3373
+ .vjs-remaining-time {
3374
+ display: none;
3375
+ }
3376
+ .vjs-time-divider {
3377
+ color: #5d6d7e;
3378
+ font-size: 14px;
3379
+ position: absolute;
3380
+ right: 121px;
3381
+ top: 15px;
3382
+ }
3383
+ .vjs-secondary-controls {
3384
+ float: right;
3385
+ }
3386
+ .vjs-fullscreen-control {
3387
+ background-image: url(../images/video/fullscreen.png);
3388
+ background-position: center -47px;
3389
+ background-size: 15px 64px;
3390
+ cursor: pointer !important;
3391
+ position: absolute;
3392
+ right: 17px;
3393
+ top: 13px;
3394
+ }
3395
+ .vjs-fullscreen-control:hover div,
3396
+ .vjs-fullscreen-control:focus div {
3397
+ opacity: 0;
3398
+ }
3399
+ .vjs-fullscreen-control div {
3400
+ height: 18px;
3401
+ background: url(../images/video/fullscreen.png) no-repeat center 2px;
3402
+ background-size: 15px 64px;
3403
+ -webkit-transition: opacity 0.25s;
3404
+ -moz-transition: opacity 0.25s;
3405
+ -o-transition: opacity 0.25s;
3406
+ transition: opacity 0.25s;
3407
+ -webkit-backface-visibility: hidden;
3408
+ }
3409
+ .vjs-menu-button {
3410
+ display: none !important;
3411
+ }
3412
+ @-webkit-keyframes sharp {
3413
+ 0% {
3414
+ background: #e74c3c;
3415
+ -webkit-transform: rotate(0deg);
3416
+ -moz-transform: rotate(0deg);
3417
+ -ms-transform: rotate(0deg);
3418
+ -o-transform: rotate(0deg);
3419
+ transform: rotate(0deg);
3420
+ -webkit-border-radius: 10px;
3421
+ -moz-border-radius: 10px;
3422
+ border-radius: 10px;
3423
+ }
3424
+ 50% {
3425
+ background: #ebedee;
3426
+ -webkit-border-radius: 0;
3427
+ -moz-border-radius: 0;
3428
+ border-radius: 0;
3429
+ -webkit-transform: rotate(180deg);
3430
+ -moz-transform: rotate(180deg);
3431
+ -ms-transform: rotate(180deg);
3432
+ -o-transform: rotate(180deg);
3433
+ transform: rotate(180deg);
3434
+ }
3435
+ 100% {
3436
+ background: #e74c3c;
3437
+ -webkit-border-radius: 10px;
3438
+ -moz-border-radius: 10px;
3439
+ border-radius: 10px;
3440
+ -webkit-transform: rotate(360deg);
3441
+ -moz-transform: rotate(360deg);
3442
+ -ms-transform: rotate(360deg);
3443
+ -o-transform: rotate(360deg);
3444
+ transform: rotate(360deg);
3445
+ }
3446
+ }
3447
+ @-moz-keyframes sharp {
3448
+ 0% {
3449
+ background: #e74c3c;
3450
+ -webkit-transform: rotate(0deg);
3451
+ -moz-transform: rotate(0deg);
3452
+ -ms-transform: rotate(0deg);
3453
+ -o-transform: rotate(0deg);
3454
+ transform: rotate(0deg);
3455
+ -webkit-border-radius: 10px;
3456
+ -moz-border-radius: 10px;
3457
+ border-radius: 10px;
3458
+ }
3459
+ 50% {
3460
+ background: #ebedee;
3461
+ -webkit-border-radius: 0;
3462
+ -moz-border-radius: 0;
3463
+ border-radius: 0;
3464
+ -webkit-transform: rotate(180deg);
3465
+ -moz-transform: rotate(180deg);
3466
+ -ms-transform: rotate(180deg);
3467
+ -o-transform: rotate(180deg);
3468
+ transform: rotate(180deg);
3469
+ }
3470
+ 100% {
3471
+ background: #e74c3c;
3472
+ -webkit-border-radius: 10px;
3473
+ -moz-border-radius: 10px;
3474
+ border-radius: 10px;
3475
+ -webkit-transform: rotate(360deg);
3476
+ -moz-transform: rotate(360deg);
3477
+ -ms-transform: rotate(360deg);
3478
+ -o-transform: rotate(360deg);
3479
+ transform: rotate(360deg);
3480
+ }
3481
+ }
3482
+ @-o-keyframes sharp {
3483
+ 0% {
3484
+ background: #e74c3c;
3485
+ -webkit-transform: rotate(0deg);
3486
+ -moz-transform: rotate(0deg);
3487
+ -ms-transform: rotate(0deg);
3488
+ -o-transform: rotate(0deg);
3489
+ transform: rotate(0deg);
3490
+ -webkit-border-radius: 10px;
3491
+ -moz-border-radius: 10px;
3492
+ border-radius: 10px;
3493
+ }
3494
+ 50% {
3495
+ background: #ebedee;
3496
+ -webkit-border-radius: 0;
3497
+ -moz-border-radius: 0;
3498
+ border-radius: 0;
3499
+ -webkit-transform: rotate(180deg);
3500
+ -moz-transform: rotate(180deg);
3501
+ -ms-transform: rotate(180deg);
3502
+ -o-transform: rotate(180deg);
3503
+ transform: rotate(180deg);
3504
+ }
3505
+ 100% {
3506
+ background: #e74c3c;
3507
+ -webkit-border-radius: 10px;
3508
+ -moz-border-radius: 10px;
3509
+ border-radius: 10px;
3510
+ -webkit-transform: rotate(360deg);
3511
+ -moz-transform: rotate(360deg);
3512
+ -ms-transform: rotate(360deg);
3513
+ -o-transform: rotate(360deg);
3514
+ transform: rotate(360deg);
3515
+ }
3516
+ }
3517
+ @keyframes sharp {
3518
+ 0% {
3519
+ background: #e74c3c;
3520
+ -webkit-transform: rotate(0deg);
3521
+ -moz-transform: rotate(0deg);
3522
+ -ms-transform: rotate(0deg);
3523
+ -o-transform: rotate(0deg);
3524
+ transform: rotate(0deg);
3525
+ -webkit-border-radius: 10px;
3526
+ -moz-border-radius: 10px;
3527
+ border-radius: 10px;
3528
+ }
3529
+ 50% {
3530
+ background: #ebedee;
3531
+ -webkit-border-radius: 0;
3532
+ -moz-border-radius: 0;
3533
+ border-radius: 0;
3534
+ -webkit-transform: rotate(180deg);
3535
+ -moz-transform: rotate(180deg);
3536
+ -ms-transform: rotate(180deg);
3537
+ -o-transform: rotate(180deg);
3538
+ transform: rotate(180deg);
3539
+ }
3540
+ 100% {
3541
+ background: #e74c3c;
3542
+ -webkit-border-radius: 10px;
3543
+ -moz-border-radius: 10px;
3544
+ border-radius: 10px;
3545
+ -webkit-transform: rotate(360deg);
3546
+ -moz-transform: rotate(360deg);
3547
+ -ms-transform: rotate(360deg);
3548
+ -o-transform: rotate(360deg);
3549
+ transform: rotate(360deg);
3550
+ }
3551
+ }
3552
+ .vjs-loading-spinner {
3553
+ background: #ebedee;
3554
+ display: none;
3555
+ height: 16px;
3556
+ left: 50%;
3557
+ margin: -8px 0 0 -8px;
3558
+ position: absolute;
3559
+ top: 50%;
3560
+ width: 16px;
3561
+ -webkit-animation: sharp 2s ease infinite;
3562
+ -moz-animation: sharp 2s ease infinite;
3563
+ -o-animation: sharp 2s ease infinite;
3564
+ animation: sharp 2s ease infinite;
3565
+ -webkit-border-radius: 10px;
3566
+ -moz-border-radius: 10px;
3567
+ border-radius: 10px;
3568
+ }
3569
+ .login {
3570
+ background: url(../images/login/imac.png) 0 0 no-repeat;
3571
+ background-size: 940px 778px;
3572
+ color: #ffffff;
3573
+ margin-bottom: 77px;
3574
+ padding: 38px 38px 267px;
3575
+ position: relative;
3576
+ }
3577
+ .login-screen {
3578
+ background-color: #1abc9c;
3579
+ min-height: 317px;
3580
+ padding: 123px 199px 33px 306px;
3581
+ }
3582
+ .login-icon {
3583
+ left: 200px;
3584
+ position: absolute;
3585
+ top: 160px;
3586
+ width: 96px;
3587
+ }
3588
+ .login-icon > img {
3589
+ display: block;
3590
+ margin-bottom: 6px;
3591
+ width: 100%;
3592
+ }
3593
+ .login-icon > h4 {
3594
+ font-size: 17px;
3595
+ font-weight: 200;
3596
+ line-height: 34px;
3597
+ opacity: 0.95;
3598
+ filter: alpha(opacity=95);
3599
+ }
3600
+ .login-icon > h4 small {
3601
+ color: inherit;
3602
+ display: block;
3603
+ font-size: inherit;
3604
+ font-weight: 700;
3605
+ }
3606
+ .login-form {
3607
+ background-color: #edeff1;
3608
+ padding: 24px 23px 20px;
3609
+ position: relative;
3610
+ -webkit-border-radius: 6px;
3611
+ -moz-border-radius: 6px;
3612
+ border-radius: 6px;
3613
+ }
3614
+ .login-form:before {
3615
+ content: '';
3616
+ border-style: solid;
3617
+ border-width: 12px 12px 12px 0;
3618
+ border-color: transparent #edeff1 transparent transparent;
3619
+ height: 0;
3620
+ position: absolute;
3621
+ left: -12px;
3622
+ top: 35px;
3623
+ width: 0;
3624
+ -webkit-transform: rotate(360deg);
3625
+ }
3626
+ .login-form .control-group {
3627
+ margin-bottom: 6px;
3628
+ position: relative;
3629
+ }
3630
+ .login-form .login-field {
3631
+ border-color: transparent;
3632
+ font-size: 17px;
3633
+ padding-bottom: 11px;
3634
+ padding-top: 11px;
3635
+ text-indent: 3px;
3636
+ width: 299px;
3637
+ margin-bottom: 10px !important;
3638
+ }
3639
+ .login-form .login-field:focus + .login-field-icon {
3640
+ color: #1abc9c;
3641
+ }
3642
+ .login-form .login-field-icon {
3643
+ color: #bfc9ca;
3644
+ font-size: 16px;
3645
+ position: absolute;
3646
+ right: 13px;
3647
+ top: 14px;
3648
+ -webkit-transition: 0.25s;
3649
+ -moz-transition: 0.25s;
3650
+ -o-transition: 0.25s;
3651
+ transition: 0.25s;
3652
+ -webkit-backface-visibility: hidden;
3653
+ }
3654
+ .login-link {
3655
+ color: #bfc9ca;
3656
+ display: block;
3657
+ font-size: 13px;
3658
+ margin-top: 15px;
3659
+ text-align: center;
3660
+ }
3661
+ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
3662
+ .login {
3663
+ background-image: url(../images/login/imac-2x.png);
3664
+ }
3665
+ }
3666
+ .last-col {
3667
+ overflow: hidden;
3668
+ }
3669
+ .ptn,
3670
+ .pvn,
3671
+ .pan {
3672
+ padding-top: 0;
3673
+ }
3674
+ .ptx,
3675
+ .pvx,
3676
+ .pax {
3677
+ padding-top: 3px;
3678
+ }
3679
+ .pts,
3680
+ .pvs,
3681
+ .pas {
3682
+ padding-top: 5px;
3683
+ }
3684
+ .ptm,
3685
+ .pvm,
3686
+ .pam {
3687
+ padding-top: 10px;
3688
+ }
3689
+ .ptl,
3690
+ .pvl,
3691
+ .pal {
3692
+ padding-top: 20px;
3693
+ }
3694
+ .prn,
3695
+ .phn,
3696
+ .pan {
3697
+ padding-right: 0;
3698
+ }
3699
+ .prx,
3700
+ .phx,
3701
+ .pax {
3702
+ padding-right: 3px;
3703
+ }
3704
+ .prs,
3705
+ .phs,
3706
+ .pas {
3707
+ padding-right: 5px;
3708
+ }
3709
+ .prm,
3710
+ .phm,
3711
+ .pam {
3712
+ padding-right: 10px;
3713
+ }
3714
+ .prl,
3715
+ .phl,
3716
+ .pal {
3717
+ padding-right: 20px;
3718
+ }
3719
+ .pbn,
3720
+ .pvn,
3721
+ .pan {
3722
+ padding-bottom: 0;
3723
+ }
3724
+ .pbx,
3725
+ .pvx,
3726
+ .pax {
3727
+ padding-bottom: 3px;
3728
+ }
3729
+ .pbs,
3730
+ .pvs,
3731
+ .pas {
3732
+ padding-bottom: 5px;
3733
+ }
3734
+ .pbm,
3735
+ .pvm,
3736
+ .pam {
3737
+ padding-bottom: 10px;
3738
+ }
3739
+ .pbl,
3740
+ .pvl,
3741
+ .pal {
3742
+ padding-bottom: 20px;
3743
+ }
3744
+ .pln,
3745
+ .phn,
3746
+ .pan {
3747
+ padding-left: 0;
3748
+ }
3749
+ .plx,
3750
+ .phx,
3751
+ .pax {
3752
+ padding-left: 3px;
3753
+ }
3754
+ .pls,
3755
+ .phs,
3756
+ .pas {
3757
+ padding-left: 5px;
3758
+ }
3759
+ .plm,
3760
+ .phm,
3761
+ .pam {
3762
+ padding-left: 10px;
3763
+ }
3764
+ .pll,
3765
+ .phl,
3766
+ .pal {
3767
+ padding-left: 20px;
3768
+ }
3769
+ .mtn,
3770
+ .mvn,
3771
+ .man {
3772
+ margin-top: 0px;
3773
+ }
3774
+ .mtx,
3775
+ .mvx,
3776
+ .max {
3777
+ margin-top: 3px;
3778
+ }
3779
+ .mts,
3780
+ .mvs,
3781
+ .mas {
3782
+ margin-top: 5px;
3783
+ }
3784
+ .mtm,
3785
+ .mvm,
3786
+ .mam {
3787
+ margin-top: 10px;
3788
+ }
3789
+ .mtl,
3790
+ .mvl,
3791
+ .mal {
3792
+ margin-top: 20px;
3793
+ }
3794
+ .mrn,
3795
+ .mhn,
3796
+ .man {
3797
+ margin-right: 0px;
3798
+ }
3799
+ .mrx,
3800
+ .mhx,
3801
+ .max {
3802
+ margin-right: 3px;
3803
+ }
3804
+ .mrs,
3805
+ .mhs,
3806
+ .mas {
3807
+ margin-right: 5px;
3808
+ }
3809
+ .mrm,
3810
+ .mhm,
3811
+ .mam {
3812
+ margin-right: 10px;
3813
+ }
3814
+ .mrl,
3815
+ .mhl,
3816
+ .mal {
3817
+ margin-right: 20px;
3818
+ }
3819
+ .mbn,
3820
+ .mvn,
3821
+ .man {
3822
+ margin-bottom: 0px;
3823
+ }
3824
+ .mbx,
3825
+ .mvx,
3826
+ .max {
3827
+ margin-bottom: 3px;
3828
+ }
3829
+ .mbs,
3830
+ .mvs,
3831
+ .mas {
3832
+ margin-bottom: 5px;
3833
+ }
3834
+ .mbm,
3835
+ .mvm,
3836
+ .mam {
3837
+ margin-bottom: 10px;
3838
+ }
3839
+ .mbl,
3840
+ .mvl,
3841
+ .mal {
3842
+ margin-bottom: 20px;
3843
+ }
3844
+ .mln,
3845
+ .mhn,
3846
+ .man {
3847
+ margin-left: 0px;
3848
+ }
3849
+ .mlx,
3850
+ .mhx,
3851
+ .max {
3852
+ margin-left: 3px;
3853
+ }
3854
+ .mls,
3855
+ .mhs,
3856
+ .mas {
3857
+ margin-left: 5px;
3858
+ }
3859
+ .mlm,
3860
+ .mhm,
3861
+ .mam {
3862
+ margin-left: 10px;
3863
+ }
3864
+ .mll,
3865
+ .mhl,
3866
+ .mal {
3867
+ margin-left: 20px;
3868
+ }