Project

General

Profile

Download (281 KB) Statistics
| Branch: | Tag: | Revision:
1
/**
2
 * Checks if a list contains a certain value.
3
 * 
4
 * @param {list} $list - the list to check
5
 * @param {value} $var - the value to search for
6
 * @param {bool} $recursive (false) - should any contained lists be checked for the value
7
 * 
8
 * @return {bool} true if the value is found from the list, false otherwise
9
 * 
10
 * @group lists
11
 */
12

    
13
/**
14
 * Cross-browser opacity.
15
 *
16
 * @param {number} $value - opacity value from 0 to 1
17
 * @param {bool} $important (false) - should the property value be declared with !important
18
 *
19
 * @group util
20
 */
21

    
22
@-webkit-keyframes valo-animate-in-fade {
23
		0% {
24
		opacity: 0;
25
	}
26
	}
27

    
28
@-moz-keyframes valo-animate-in-fade {
29
		0% {
30
		opacity: 0;
31
	}
32
	}
33

    
34
@keyframes valo-animate-in-fade {
35
		0% {
36
		opacity: 0;
37
	}
38
	}
39

    
40
@-webkit-keyframes valo-animate-out-fade {
41
		100% {
42
		opacity: 0;
43
	}
44
	}
45

    
46
@-moz-keyframes valo-animate-out-fade {
47
		100% {
48
		opacity: 0;
49
	}
50
	}
51

    
52
@keyframes valo-animate-out-fade {
53
		100% {
54
		opacity: 0;
55
	}
56
	}
57

    
58
@-webkit-keyframes valo-animate-in-slide-down {
59
		0% {
60
		-webkit-transform: translateY(-100%);
61
	}
62
	}
63

    
64
@-moz-keyframes valo-animate-in-slide-down {
65
		0% {
66
		-moz-transform: translateY(-100%);
67
	}
68
	}
69

    
70
@keyframes valo-animate-in-slide-down {
71
		0% {
72
		-webkit-transform: translateY(-100%);
73
		transform: translateY(-100%);
74
	}
75
	}
76

    
77
@-webkit-keyframes valo-animate-in-slide-up {
78
		0% {
79
		-webkit-transform: translateY(100%);
80
	}
81
	}
82

    
83
@-moz-keyframes valo-animate-in-slide-up {
84
		0% {
85
		-moz-transform: translateY(100%);
86
	}
87
	}
88

    
89
@keyframes valo-animate-in-slide-up {
90
		0% {
91
		-webkit-transform: translateY(100%);
92
		transform: translateY(100%);
93
	}
94
	}
95

    
96
@-webkit-keyframes valo-animate-in-slide-left {
97
		0% {
98
		-webkit-transform: translateX(100%);
99
	}
100
	}
101

    
102
@-moz-keyframes valo-animate-in-slide-left {
103
		0% {
104
		-moz-transform: translateX(100%);
105
	}
106
	}
107

    
108
@keyframes valo-animate-in-slide-left {
109
		0% {
110
		-webkit-transform: translateX(100%);
111
		transform: translateX(100%);
112
	}
113
	}
114

    
115
@-webkit-keyframes valo-animate-in-slide-right {
116
		0% {
117
		-webkit-transform: translateX(-100%);
118
	}
119
	}
120

    
121
@-moz-keyframes valo-animate-in-slide-right {
122
		0% {
123
		-moz-transform: translateX(-100%);
124
	}
125
	}
126

    
127
@keyframes valo-animate-in-slide-right {
128
		0% {
129
		-webkit-transform: translateX(-100%);
130
		transform: translateX(-100%);
131
	}
132
	}
133

    
134
@-webkit-keyframes valo-animate-out-slide-down {
135
		100% {
136
		-webkit-transform: translateY(100%);
137
	}
138
	}
139

    
140
@-moz-keyframes valo-animate-out-slide-down {
141
		100% {
142
		-moz-transform: translateY(100%);
143
	}
144
	}
145

    
146
@keyframes valo-animate-out-slide-down {
147
		100% {
148
		-webkit-transform: translateY(100%);
149
		transform: translateY(100%);
150
	}
151
	}
152

    
153
@-webkit-keyframes valo-animate-out-slide-up {
154
		100% {
155
		-webkit-transform: translateY(-100%);
156
	}
157
	}
158

    
159
@-moz-keyframes valo-animate-out-slide-up {
160
		100% {
161
		-moz-transform: translateY(-100%);
162
	}
163
	}
164

    
165
@keyframes valo-animate-out-slide-up {
166
		100% {
167
		-webkit-transform: translateY(-100%);
168
		transform: translateY(-100%);
169
	}
170
	}
171

    
172
@-webkit-keyframes valo-animate-out-slide-left {
173
		100% {
174
		-webkit-transform: translateX(-100%);
175
	}
176
	}
177

    
178
@-moz-keyframes valo-animate-out-slide-left {
179
		100% {
180
		-moz-transform: translateX(-100%);
181
	}
182
	}
183

    
184
@keyframes valo-animate-out-slide-left {
185
		100% {
186
		-webkit-transform: translateX(-100%);
187
		transform: translateX(-100%);
188
	}
189
	}
190

    
191
@-webkit-keyframes valo-animate-out-slide-right {
192
		100% {
193
		-webkit-transform: translateX(100%);
194
	}
195
	}
196

    
197
@-moz-keyframes valo-animate-out-slide-right {
198
		100% {
199
		-moz-transform: translateX(100%);
200
	}
201
	}
202

    
203
@keyframes valo-animate-out-slide-right {
204
		100% {
205
		-webkit-transform: translateX(100%);
206
		transform: translateX(100%);
207
	}
208
	}
209

    
210
@-webkit-keyframes valo-overlay-animate-in {
211
		0% {
212
		-webkit-transform: translatey(-4px);
213
		opacity: 0;
214
	}
215
	}
216

    
217
@-moz-keyframes valo-overlay-animate-in {
218
		0% {
219
		-moz-transform: translatey(-4px);
220
		opacity: 0;
221
	}
222
	}
223

    
224
@keyframes valo-overlay-animate-in {
225
		0% {
226
		-webkit-transform: translatey(-4px);
227
		transform: translatey(-4px);
228
		opacity: 0;
229
	}
230
	}
231

    
232
@-webkit-keyframes valo-animate-out-slide-down-fade {
233
		100% {
234
		opacity: 0;
235
		-webkit-transform: translatey(30%);
236
	}
237
	}
238

    
239
@-moz-keyframes valo-animate-out-slide-down-fade {
240
		100% {
241
		opacity: 0;
242
		-moz-transform: translatey(30%);
243
	}
244
	}
245

    
246
@keyframes valo-animate-out-slide-down-fade {
247
		100% {
248
		opacity: 0;
249
		-webkit-transform: translatey(30%);
250
		transform: translatey(30%);
251
	}
252
	}
253

    
254
/**
255
 * Outputs cross-browser Valo-specific linear gradient background-image declarations.
256
 * 
257
 * @group style
258
 * 
259
 * @param {color} $color ($v-background-color) - The base color for the gradient color stops
260
 * @param {list} $gradient ($v-gradient) - Valo-specific gradient value. See the documentation for $v-gradient.
261
 * @param {color} $fallback (null) - A fallback color for browser which do not support linear gradients (IE8 and IE9 in particular). If null, the base $color is used instead.
262
 * @param {string} $direction (to bottom) - the direction of the linear gradient. The color stops are by default so that a lighter shade is at the start and a darker shade is at the end.
263
 */
264

    
265
/**
266
 * Computes a CSS border property value for the given base color.
267
 *
268
 * @group style
269
 *
270
 * @param {list} $border ($v-border) - CSS border value which can contain any of the color keywords
271
 * @param {color} $color ($v-background-color) - the base color to which the color keywords are applied to
272
 * @param {color} $context (null) - context/surrounding color where the border is expected to appear. The color of the final border is the darker of the two parameters passed to this function.
273
 * @param {number} $strength (1) - adjustment for the border contrast
274
 *
275
 * @return {list} The input $border value with any color keyword replaced with the corresponding actual color
276
 */
277

    
278
/**
279
 * Ouput selectors and properties to vertically center elements inside their parent.
280
 * 
281
 * @param {string} $to-align (()) - The selector to match the elements which you wish to align vertically. The targeted elements should be inline or inline-block elements.
282
 * @param {string} $align (middle) - The vertical-align value, e.g. top, middle, bottom
283
 * @param {string} $pseudo-element (after) - Which pseudo element to use for the vertical align guide
284
 * 
285
 * @group util
286
 */
287

    
288
@font-face {
289
	font-family: FontAwesome;
290
	font-weight: normal;
291
	font-style: normal;
292
	src: url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.eot);
293
	src: url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.woff) format("woff"), url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.ttf) format("truetype"), url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.svg#FontAwesome) format("svg");
294
}
295

    
296
.FontAwesome {
297
	font-family: FontAwesome;
298
	font-style: normal;
299
	font-weight: normal;
300
	-webkit-font-smoothing: antialiased;
301
	-moz-osx-font-smoothing: grayscale;
302
	display: inline-block;
303
	text-align: center;
304
}
305

    
306
@font-face {
307
	font-family: "Open Sans";
308
	src: url(../valo/fonts/open-sans/OpenSans-Light-webfont.eot);
309
	src: url(../valo/fonts/open-sans/OpenSans-Light-webfont.eot?#iefix) format("embedded-opentype"), url(../valo/fonts/open-sans/OpenSans-Light-webfont.woff) format("woff"), url(../valo/fonts/open-sans/OpenSans-Light-webfont.ttf) format("truetype");
310
	font-weight: 300;
311
	font-style: normal;
312
}
313

    
314
@font-face {
315
	font-family: "Open Sans";
316
	src: url(../valo/fonts/open-sans/OpenSans-Regular-webfont.eot);
317
	src: url(../valo/fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix) format("embedded-opentype"), url(../valo/fonts/open-sans/OpenSans-Regular-webfont.woff) format("woff"), url(../valo/fonts/open-sans/OpenSans-Regular-webfont.ttf) format("truetype");
318
	font-weight: 400;
319
	font-style: normal;
320
}
321

    
322
@font-face {
323
	font-family: "Open Sans";
324
	src: url(../valo/fonts/open-sans/OpenSans-Semibold-webfont.eot);
325
	src: url(../valo/fonts/open-sans/OpenSans-Semibold-webfont.eot?#iefix) format("embedded-opentype"), url(../valo/fonts/open-sans/OpenSans-Semibold-webfont.woff) format("woff"), url(../valo/fonts/open-sans/OpenSans-Semibold-webfont.ttf) format("truetype");
326
	font-weight: 600;
327
	font-style: normal;
328
}
329

    
330
@-webkit-keyframes v-rotate-360 {
331
		to {
332
		-webkit-transform: rotate(360deg);
333
	}
334
	}
335

    
336
@-moz-keyframes v-rotate-360 {
337
		to {
338
		-moz-transform: rotate(360deg);
339
	}
340
	}
341

    
342
@-o-keyframes v-rotate-360 {
343
		to {
344
		-o-transform: rotate(360deg);
345
	}
346
	}
347

    
348
@keyframes v-rotate-360 {
349
		to {
350
		transform: rotate(360deg);
351
	}
352
	}
353

    
354
@-webkit-keyframes v-progress-start {
355
		0% {
356
		width: 0%;
357
	}
358
		100% {
359
		width: 50%;
360
	}
361
	}
362

    
363
@-moz-keyframes v-progress-start {
364
		0% {
365
		width: 0%;
366
	}
367
		100% {
368
		width: 50%;
369
	}
370
	}
371

    
372
@keyframes v-progress-start {
373
		0% {
374
		width: 0%;
375
	}
376
		100% {
377
		width: 50%;
378
	}
379
	}
380

    
381
@-webkit-keyframes v-progress-delay {
382
		0% {
383
		width: 50%;
384
	}
385
		100% {
386
		width: 90%;
387
	}
388
	}
389

    
390
@-moz-keyframes v-progress-delay {
391
		0% {
392
		width: 50%;
393
	}
394
		100% {
395
		width: 90%;
396
	}
397
	}
398

    
399
@keyframes v-progress-delay {
400
		0% {
401
		width: 50%;
402
	}
403
		100% {
404
		width: 90%;
405
	}
406
	}
407

    
408
@-webkit-keyframes v-progress-wait {
409
		0% {
410
		width: 90%;
411
		height: 4px;
412
	}
413
		3% {
414
		width: 91%;
415
		height: 7px;
416
	}
417
		100% {
418
		width: 96%;
419
		height: 7px;
420
	}
421
	}
422

    
423
@-moz-keyframes v-progress-wait {
424
		0% {
425
		width: 90%;
426
		height: 4px;
427
	}
428
		3% {
429
		width: 91%;
430
		height: 7px;
431
	}
432
		100% {
433
		width: 96%;
434
		height: 7px;
435
	}
436
	}
437

    
438
@keyframes v-progress-wait {
439
		0% {
440
		width: 90%;
441
		height: 4px;
442
	}
443
		3% {
444
		width: 91%;
445
		height: 7px;
446
	}
447
		100% {
448
		width: 96%;
449
		height: 7px;
450
	}
451
	}
452

    
453
@-webkit-keyframes v-progress-wait-pulse {
454
		0% {
455
		opacity: 1;
456
	}
457
		50% {
458
		opacity: 0.1;
459
	}
460
		100% {
461
		opacity: 1;
462
	}
463
	}
464

    
465
@-moz-keyframes v-progress-wait-pulse {
466
		0% {
467
		opacity: 1;
468
	}
469
		50% {
470
		opacity: 0.1;
471
	}
472
		100% {
473
		opacity: 1;
474
	}
475
	}
476

    
477
@keyframes v-progress-wait-pulse {
478
		0% {
479
		opacity: 1;
480
	}
481
		50% {
482
		opacity: 0.1;
483
	}
484
		100% {
485
		opacity: 1;
486
	}
487
	}
488

    
489
/**
490
 * Outputs the context menu selectors and styles, which is used by Table and Tree for instance.
491
 * 
492
 * @requires {mixin} valo-selection-item-style
493
 * @requires {mixin} valo-selection-item-selected-style
494
 */
495

    
496
/**
497
 * The background color for overlay elements.
498
 *
499
 * @type color
500
 * @group overlay
501
 */
502

    
503
.v-shadow, .v-shadow-window {
504
	display: none;
505
}
506

    
507
.v-ie8 .v-shadow, .v-ie8 .v-shadow-window {
508
	display: block;
509
}
510

    
511
.v-ie8 .v-shadow .top, .v-ie8 .v-shadow-window .top {
512
	position: absolute;
513
	top: -6px;
514
	right: 10px;
515
	bottom: 6px;
516
	left: -10px;
517
	background: black;
518
	filter: alpha(opacity=5) progid:DXImageTransform.Microsoft.blur(pixelradius=10, makeShadow=false);
519
}
520

    
521
.v-ie8 .v-shadow .top-left, .v-ie8 .v-shadow-window .top-left {
522
	position: absolute;
523
	top: -1px;
524
	right: -1px;
525
	bottom: -1px;
526
	left: -1px;
527
	background: black;
528
	filter: alpha(opacity=9) progid:DXImageTransform.Microsoft.blur(pixelradius=0, makeShadow=false);
529
}
530

    
531
/**
532
 * The backgound color for tooltips.
533
 *
534
 * @type color
535
 * @group tooltip
536
 */
537

    
538
/**
539
 *
540
 *
541
 * @param {string} $primary-stylename (v-absolutelayout) - 
542
 *
543
 * @group absolutelayout
544
 */
545

    
546
/**
547
 * Outputs the selectors and properties for the Accordion component.
548
 *
549
 * @param {string} $primary-stylename (v-accordion) - the primary style name for the selectors
550
 * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
551
 * @group accordion
552
 */
553

    
554
/**
555
 * Outputs the selectors and properties for the Button component.
556
 *
557
 * @param {string} $primary-stylename (v-button) - the primary style name for the selectors
558
 * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
559
 *
560
 * @group button
561
 */
562

    
563
/**
564
 * A list of colors for custom event colors. Can be an empty list of you don't 
565
 * need any custom event colors.
566
 * 
567
 * @example javascript
568
 * // Java code
569
 * // 'event' is an instance of EditableCalendarEvent
570
 * event.setStyleName("color1"); // 1st color in the list
571
 * event.setStyleName("color2"); // 2nd color in the list
572
 * // etc.
573
 * 
574
 * @group calendar
575
 */
576

    
577
/**
578
 * Outputs the selectors and properties for the CheckBox component.
579
 *
580
 * @param {string} $primary-stylename (v-checkbox) - the primary style name for the selectors
581
 * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
582
 *
583
 * @group checkbox
584
 */
585

    
586
/**
587
 * Outputs the global selectors and properties for the ColorPicker component - styles which are 
588
 * considered mandatory for the component to work properly.
589
 *
590
 * @param {string} $primary-stylename (v-colorpicker) - the primary style name for the selectors
591
 *
592
 * @group colorpicker
593
 */
594

    
595
/**
596
 * Outputs the selectors and properties for the ComboBox component.
597
 *
598
 * @param {string} $primary-stylename (v-filterselect) - the primary style name for the selectors
599
 * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
600
 *
601
 * @group combobox
602
 */
603

    
604
/**
605
 * The amount of spacing between different widgets in a component group.
606
 * If null, a computed value is used ($v-border size * -1, or 1px if $v-border size is 0)
607
 * 
608
 * @group csslayout
609
 */
610

    
611
/**
612
 *
613
 *
614
 * @param {string} $primary-stylename (v-customcomponent) - 
615
 *
616
 * @group customcomponent
617
 */
618

    
619
/**
620
 *
621
 *
622
 * @param {string} $primary-stylename (v-customlayout) - 
623
 *
624
 * @group customlayout
625
 */
626

    
627
/**
628
 * Outputs the selectors and properties for the DateField component.
629
 *
630
 * @param {string} $primary-stylename (v-datefield) - the primary style name for the selectors
631
 * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
632
 *
633
 * @group datefield
634
 */
635

    
636
/**
637
 * Outputs the styles and selectors for the DragAndDropWrapper component.
638
 * 
639
 * @param {string} $primary-stylename (v-ddwrapper) - the primary style name for the selectors
640
 * 
641
 * @group drag-n-drop
642
 */
643

    
644
/**
645
 *
646
 *
647
 * @param {string} $primary-stylename (v-form) - 
648
 *
649
 * @group form
650
 */
651

    
652
/**
653
 * Outputs the selectors and properties for the FormLayout component.
654
 *
655
 * @param {string} $primary-stylename (v-formlayout) - the primary style name for the selectors
656
 * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
657
 *
658
 * @group formlayout
659
 */
660

    
661
/**
662
 *
663
 *
664
 * @param {string} $primaryStyleName (v-escalator) - 
665
 *
666
 * @group escalator
667
 */
668

    
669
/**
670
 *
671
 *
672
 * @param {string} $primary-stylename (v-gridlayout) - 
673
 *
674
 * @group gridlayout
675
 */
676

    
677
/**
678
 * The font weight for headers.
679
 * 
680
 * @group label
681
 */
682

    
683
/**
684
 *
685
 * @group link
686
 */
687

    
688
/**
689
 *
690
 *
691
 * @param {string} $primary-stylename (v-loginform) - 
692
 *
693
 * @group loginform
694
 */
695

    
696
/**
697
 *
698
 *
699
 * @param {string} $primary-stylename (v-menubar) - 
700
 * @param {bool} $include-additional-styles - 
701
 *
702
 * @group menubar
703
 */
704

    
705
/**
706
 *
707
 *
708
 * @param {string} $primary-stylename (v-nativebutton) - 
709
 *
710
 * @group nativebutton
711
 */
712

    
713
/**
714
 *
715
 *
716
 * @param {string} $primary-stylename (v-select) - 
717
 *
718
 * @group nativeselect
719
 */
720

    
721
/**
722
 *
723
 * @group notification
724
 */
725

    
726
/**
727
 *
728
 *
729
 * @param {string} $primary-stylename (v-select-optiongroup) - 
730
 * @param {bool} $include-additional-styles - 
731
 *
732
 * @group optiongroup
733
 */
734

    
735
/**
736
 *
737
 *
738
 *
739
 * @group orderedlayout
740
 */
741

    
742
/**
743
 *
744
 * @group panel
745
 */
746

    
747
@-webkit-keyframes v-popupview-animate-in {
748
		0% {
749
		-webkit-transform: scale(0);
750
	}
751
	}
752

    
753
@-moz-keyframes v-popupview-animate-in {
754
		0% {
755
		-moz-transform: scale(0);
756
	}
757
	}
758

    
759
@keyframes v-popupview-animate-in {
760
		0% {
761
		-webkit-transform: scale(0);
762
		transform: scale(0);
763
	}
764
	}
765

    
766
/**
767
 *
768
 * @group progressbar
769
 */
770

    
771
/**
772
 *
773
 * @group richtextarea
774
 */
775

    
776
/**
777
 *
778
 * @group slider
779
 */
780

    
781
/**
782
 *
783
 *
784
 * @param {string} $primary-stylename (v-splitpanel) - 
785
 * @param {bool} $include-additional-styles - 
786
 *
787
 * @group splitpanel
788
 */
789

    
790
/**
791
 *
792
 * @group table
793
 */
794

    
795
/**
796
 * Should the tabsheet content changes be animated.
797
 * 
798
 * @group tabsheet
799
 */
800

    
801
/**
802
 * The background color for text fields.
803
 * @group textfield
804
 */
805

    
806
/**
807
 * Outputs the selectors and properties for the TextArea component.
808
 *
809
 * @param {string} $primary-stylename (v-textarea) - the primary style name for the selectors
810
 * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
811
 *
812
 * @group textarea
813
 */
814

    
815
/**
816
 *
817
 * @group tree
818
 */
819

    
820
/**
821
 *
822
 *
823
 * @param {string} $primary-stylename (v-treetable) - 
824
 *
825
 * @group treetable
826
 */
827

    
828
/**
829
 *
830
 *
831
 * @param {string} $primary-stylename (v-select-twincol) - 
832
 *
833
 * @group twin-column-select
834
 */
835

    
836
/**
837
 *
838
 *
839
 * @param {string} $primary-stylename (v-upload) -
840
 *
841
 * @group upload
842
 */
843

    
844
/**
845
 *
846
 */
847

    
848
/**
849
 * @group window
850
 */
851

    
852
@-webkit-keyframes valo-modal-window-indication {
853
		0% {
854
		opacity: 0;
855
	}
856
		100% {
857
		opacity: 1;
858
	}
859
	}
860

    
861
@-moz-keyframes valo-modal-window-indication {
862
		0% {
863
		opacity: 0;
864
	}
865
		100% {
866
		opacity: 1;
867
	}
868
	}
869

    
870
@keyframes valo-modal-window-indication {
871
		0% {
872
		opacity: 0;
873
	}
874
		100% {
875
		opacity: 1;
876
	}
877
	}
878

    
879
@-webkit-keyframes valo-animate-out-scale-down-fade {
880
		100% {
881
		-webkit-transform: scale(0.8);
882
		opacity: 0;
883
	}
884
	}
885

    
886
@-moz-keyframes valo-animate-out-scale-down-fade {
887
		100% {
888
		-moz-transform: scale(0.8);
889
		opacity: 0;
890
	}
891
	}
892

    
893
@keyframes valo-animate-out-scale-down-fade {
894
		100% {
895
		-webkit-transform: scale(0.8);
896
		transform: scale(0.8);
897
		opacity: 0;
898
	}
899
	}
900

    
901
/**
902
 * @group valo-menu
903
 */
904

    
905
.v-vaadin-version:after {
906
	content: "7.3.5";
907
}
908

    
909
.v-widget {
910
	-webkit-box-sizing: border-box;
911
	-moz-box-sizing: border-box;
912
	box-sizing: border-box;
913
	display: inline-block;
914
	vertical-align: top;
915
	text-align: left;
916
	white-space: normal;
917
}
918

    
919
.v-generated-body {
920
	overflow: hidden;
921
	margin: 0;
922
	padding: 0;
923
	border: 0;
924
}
925

    
926
.v-app {
927
	height: 100%;
928
	-webkit-tap-highlight-color: transparent;
929
	-webkit-text-size-adjust: 100%;
930
	-ms-text-size-adjust: 100%;
931
	-webkit-text-size-adjust: 100%;
932
	-webkit-user-select: none;
933
	-moz-user-select: none;
934
	-ms-user-select: none;
935
	user-select: none;
936
}
937

    
938
.v-app input[type="text"], .v-app .v-slot > .v-caption, .v-app .v-gridlayout-slot > .v-caption, .v-app .v-has-caption > .v-caption, .v-app .v-formlayout-captioncell > .v-caption, .v-app .v-csslayout > .v-caption {
939
	-webkit-user-select: text;
940
	-moz-user-select: text;
941
	-ms-user-select: text;
942
	user-select: text;
943
}
944

    
945
.v-app input::-ms-clear {
946
	display: none;
947
}
948

    
949
.v-ui {
950
	position: relative;
951
}
952

    
953
.v-ui.v-ui-embedded {
954
	margin-top: -1px;
955
	border-top: 1px solid transparent;
956
}
957

    
958
.v-ui:focus {
959
	outline: none;
960
}
961

    
962
.v-overlay-container {
963
	width: 0;
964
	height: 0;
965
}
966

    
967
.v-drag-element {
968
	z-index: 60000;
969
	position: absolute !important;
970
	cursor: default;
971
}
972

    
973
.v-clip {
974
	overflow: hidden;
975
}
976

    
977
.v-scrollable {
978
	overflow: auto;
979
}
980

    
981
.v-scrollable  > .v-widget {
982
	vertical-align: middle;
983
	overflow: hidden;
984
}
985

    
986
.v-ios.v-webkit .v-scrollable {
987
	-webkit-overflow-scrolling: touch;
988
}
989

    
990
.v-ios5.v-webkit .v-scrollable {
991
	-webkit-overflow-scrolling: none;
992
}
993

    
994
.v-webkit.v-ios .v-browserframe {
995
	-webkit-overflow-scrolling: touch;
996
	overflow: auto;
997
}
998

    
999
.v-assistive-device-only {
1000
	position: absolute;
1001
	top: -2000px;
1002
	left: -2000px;
1003
	width: 10px;
1004
	overflow: hidden;
1005
}
1006

    
1007
.v-icon {
1008
	cursor: inherit;
1009
	-webkit-user-select: none;
1010
	-moz-user-select: none;
1011
	-ms-user-select: none;
1012
	user-select: none;
1013
}
1014

    
1015
.v-icon, .v-errorindicator, .v-required-field-indicator {
1016
	display: inline-block;
1017
	line-height: inherit;
1018
}
1019

    
1020
.v-caption {
1021
	display: inline-block;
1022
	white-space: nowrap;
1023
	line-height: 1.55;
1024
}
1025

    
1026
.v-captiontext {
1027
	display: inline-block;
1028
	line-height: inherit;
1029
}
1030

    
1031
div.v-layout.v-horizontal.v-widget {
1032
	white-space: nowrap;
1033
}
1034

    
1035
.v-layout.v-vertical > .v-expand, .v-layout.v-horizontal > .v-expand {
1036
	-webkit-box-sizing: border-box;
1037
	-moz-box-sizing: border-box;
1038
	box-sizing: border-box;
1039
	width: 100%;
1040
	height: 100%;
1041
}
1042

    
1043
.v-slot, .v-spacing {
1044
	display: inline-block;
1045
	white-space: nowrap;
1046
	vertical-align: top;
1047
}
1048

    
1049
.v-vertical > .v-slot:after {
1050
	display: inline-block;
1051
	clear: both;
1052
	width: 0;
1053
	height: 0;
1054
	overflow: hidden;
1055
}
1056

    
1057
.v-vertical > .v-slot, .v-vertical > .v-expand > .v-slot {
1058
	display: block;
1059
	clear: both;
1060
}
1061

    
1062
.v-horizontal > .v-slot, .v-horizontal > .v-expand > .v-slot {
1063
	height: 100%;
1064
}
1065

    
1066
.v-vertical > .v-spacing, .v-vertical > .v-expand > .v-spacing {
1067
	width: 0 !important;
1068
	display: block;
1069
	clear: both;
1070
}
1071

    
1072
.v-horizontal > .v-spacing, .v-horizontal > .v-expand > .v-spacing {
1073
	height: 0 !important;
1074
}
1075

    
1076
.v-align-middle:before, .v-align-bottom:before, .v-expand > .v-align-middle:before, .v-expand > .v-align-bottom:before {
1077
	content: "";
1078
	display: inline-block;
1079
	height: 100%;
1080
	vertical-align: middle;
1081
	width: 0;
1082
}
1083

    
1084
.v-align-middle, .v-align-bottom {
1085
	white-space: nowrap;
1086
}
1087

    
1088
.v-align-middle > .v-widget, .v-align-bottom > .v-widget {
1089
	display: inline-block;
1090
}
1091

    
1092
.v-align-middle, .v-align-middle > .v-widget {
1093
	vertical-align: middle;
1094
}
1095

    
1096
.v-align-bottom, .v-align-bottom > .v-widget {
1097
	vertical-align: bottom;
1098
}
1099

    
1100
.v-align-center {
1101
	text-align: center;
1102
}
1103

    
1104
.v-align-center > .v-widget {
1105
	margin-left: auto;
1106
	margin-right: auto;
1107
}
1108

    
1109
.v-align-right {
1110
	text-align: right;
1111
}
1112

    
1113
.v-align-right > .v-widget {
1114
	margin-left: auto;
1115
}
1116

    
1117
.v-has-caption, .v-has-caption > .v-caption {
1118
	display: inline-block;
1119
}
1120

    
1121
.v-caption-on-left, .v-caption-on-right {
1122
	white-space: nowrap;
1123
}
1124

    
1125
.v-caption-on-top > .v-caption, .v-caption-on-bottom > .v-caption {
1126
	display: block;
1127
}
1128

    
1129
.v-caption-on-left > .v-caption {
1130
	padding-right: 0.5em;
1131
}
1132

    
1133
.v-caption-on-left > .v-widget, .v-caption-on-right > .v-widget {
1134
	display: inline-block;
1135
}
1136

    
1137
.v-has-caption.v-has-width > .v-widget {
1138
	width: 100% !important;
1139
}
1140

    
1141
.v-has-caption.v-has-height > .v-widget {
1142
	height: 100% !important;
1143
}
1144

    
1145
.v-gridlayout {
1146
	position: relative;
1147
}
1148

    
1149
.v-gridlayout-slot {
1150
	position: absolute;
1151
	line-height: 1.55;
1152
}
1153

    
1154
.v-gridlayout-spacing-on {
1155
	overflow: hidden;
1156
}
1157

    
1158
.v-gridlayout-spacing, .v-gridlayout-spacing-off {
1159
	padding-left: 0;
1160
	padding-top: 0;
1161
}
1162

    
1163
.v-gridlayout-spacing-off {
1164
	overflow: hidden;
1165
}
1166

    
1167
.v-calendar-month-day-scrollable {
1168
	overflow-y: scroll;
1169
}
1170

    
1171
.v-calendar-week-wrapper {
1172
	position: relative;
1173
	overflow: hidden;
1174
}
1175

    
1176
.v-calendar-current-time {
1177
	position: absolute;
1178
	left: 0;
1179
	width: 100%;
1180
	height: 1px;
1181
	background: red;
1182
	z-index: 2;
1183
}
1184

    
1185
.v-calendar-event-resizetop, .v-calendar-event-resizebottom {
1186
	position: absolute;
1187
	height: 5%;
1188
	min-height: 3px;
1189
	width: 100%;
1190
	z-index: 1;
1191
}
1192

    
1193
.v-calendar-event-resizetop {
1194
	cursor: row-resize;
1195
	top: 0;
1196
}
1197

    
1198
.v-calendar-event-resizebottom {
1199
	cursor: row-resize;
1200
	bottom: 0;
1201
}
1202

    
1203
.v-calendar-header-month td:first-child {
1204
	padding-left: 20px;
1205
}
1206

    
1207
.v-calendar-month-sizedheight .v-calendar-month-day {
1208
	height: 100px;
1209
}
1210

    
1211
.v-calendar-month-sizedwidth .v-calendar-month-day {
1212
	width: 100px;
1213
}
1214

    
1215
.v-calendar-header-month-Hsized .v-calendar-header-day {
1216
	width: 101px;
1217
}
1218

    
1219
.v-calendar-header-month-Hsized td:first-child {
1220
	padding-left: 21px;
1221
}
1222

    
1223
.v-calendar-header-day-Hsized {
1224
	width: 200px;
1225
}
1226

    
1227
.v-calendar-week-numbers-Vsized .v-calendar-week-number {
1228
	height: 100px;
1229
	line-height: 100px;
1230
}
1231

    
1232
.v-calendar-week-wrapper-Vsized {
1233
	height: 400px;
1234
	overflow-x: hidden !important;
1235
}
1236

    
1237
.v-calendar-times-Vsized .v-calendar-time {
1238
	height: 38px;
1239
}
1240

    
1241
.v-calendar-times-Hsized .v-calendar-time {
1242
	width: 42px;
1243
}
1244

    
1245
.v-calendar-day-times-Vsized .v-datecellslot, .v-calendar-day-times-Vsized .v-datecellslot-even {
1246
	height: 18px;
1247
}
1248

    
1249
.v-calendar-day-times-Hsized, .v-calendar-day-times-Hsized .v-datecellslot, .v-calendar-day-times-Hsized .v-datecellslot-even {
1250
	width: 200px;
1251
}
1252

    
1253
.v-colorpicker-popup.v-window {
1254
	min-width: 220px !important;
1255
}
1256

    
1257
.v-colorpicker-gradient-container {
1258
	overflow: visible !important;
1259
}
1260

    
1261
.v-colorpicker-gradient-clicklayer {
1262
	opacity: 0;
1263
	filter: alpha(opacity=0) ;
1264
}
1265

    
1266
.rgb-gradient .v-colorpicker-gradient-background {
1267
	background: url(../valo/components/img/colorpicker/gradient2.png);
1268
}
1269

    
1270
.hsv-gradient .v-colorpicker-gradient-foreground {
1271
	background: url(../valo/components/img/colorpicker/gradient.png);
1272
}
1273

    
1274
.v-colorpicker-gradient-higherbox:before {
1275
	content: "";
1276
	width: 11px;
1277
	height: 11px;
1278
	border-radius: 7px;
1279
	border: 1px solid #fff;
1280
	-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.3);
1281
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.3);
1282
	position: absolute;
1283
	bottom: -6px;
1284
	left: -6px;
1285
}
1286

    
1287
.v-colorpicker-popup .v-slider.v-slider-red:before {
1288
	background-color: red;
1289
}
1290

    
1291
.v-colorpicker-popup .v-slider.v-slider-green:before {
1292
	background-color: green;
1293
}
1294

    
1295
.v-colorpicker-popup .v-slider.v-slider-blue:before {
1296
	background-color: blue;
1297
}
1298

    
1299
.v-colorpicker-popup .v-slider.hue-slider:before {
1300
	background: url(../valo/components/img/colorpicker/slider_hue_bg.png);
1301
}
1302

    
1303
.v-colorpicker-popup input.v-textfield-dark {
1304
	color: #fff;
1305
}
1306

    
1307
.v-colorpicker-popup input.v-textfield-light {
1308
	color: #000;
1309
}
1310

    
1311
.v-colorpicker-grid {
1312
	height: 319px;
1313
}
1314

    
1315
.v-colorpicker-popup .colorselect td {
1316
	line-height: 15px;
1317
}
1318

    
1319
.v-table-header table, .v-table-footer table, .v-table-table {
1320
	border-spacing: 0;
1321
	border-collapse: separate;
1322
	margin: 0;
1323
	padding: 0;
1324
	border: 0;
1325
	line-height: 1.55;
1326
}
1327

    
1328
.v-table-resizer, .v-table-sort-indicator {
1329
	float: right;
1330
}
1331

    
1332
.v-table-caption-container-align-center {
1333
	text-align: center;
1334
}
1335

    
1336
.v-table-caption-container-align-right {
1337
	text-align: right;
1338
}
1339

    
1340
.v-table-header td, .v-table-footer td, .v-table-cell-content {
1341
	padding: 0;
1342
}
1343

    
1344
.v-table-sort-indicator {
1345
	width: 0;
1346
}
1347

    
1348
.v-tabsheet-hidetabs > .v-tabsheet-tabcontainer, .v-tabsheet-spacertd, .v-disabled .v-tabsheet-scroller, .v-tabsheet .v-disabled .v-tabsheet-caption-close {
1349
	display: none;
1350
}
1351

    
1352
.v-tabsheet {
1353
	overflow: visible !important;
1354
	position: relative;
1355
}
1356

    
1357
.v-tabsheet-tabcontainer table, .v-tabsheet-tabcontainer tbody, .v-tabsheet-tabcontainer tr {
1358
	display: inline-block;
1359
	border-spacing: 0;
1360
	border-collapse: collapse;
1361
	vertical-align: top;
1362
}
1363

    
1364
.v-tabsheet-tabcontainer td {
1365
	display: inline-block;
1366
	padding: 0;
1367
}
1368

    
1369
.v-tabsheet-tabs {
1370
	white-space: nowrap;
1371
	-webkit-box-sizing: border-box;
1372
	-moz-box-sizing: border-box;
1373
	box-sizing: border-box;
1374
}
1375

    
1376
.v-tabsheet-content {
1377
	position: relative;
1378
}
1379

    
1380
.v-tabsheet-content  > div > .v-scrollable  > .v-margin-top {
1381
	padding-top: 12px;
1382
}
1383

    
1384
.v-tabsheet-content  > div > .v-scrollable  > .v-margin-right {
1385
	padding-right: 12px;
1386
}
1387

    
1388
.v-tabsheet-content  > div > .v-scrollable  > .v-margin-bottom {
1389
	padding-bottom: 12px;
1390
}
1391

    
1392
.v-tabsheet-content  > div > .v-scrollable  > .v-margin-left {
1393
	padding-left: 12px;
1394
}
1395

    
1396
.v-splitpanel-vertical, .v-splitpanel-horizontal {
1397
	overflow: hidden;
1398
	white-space: nowrap;
1399
}
1400

    
1401
.v-splitpanel-hsplitter {
1402
	z-index: 100;
1403
	cursor: e-resize;
1404
	cursor: col-resize;
1405
}
1406

    
1407
.v-splitpanel-vsplitter {
1408
	z-index: 100;
1409
	cursor: s-resize;
1410
	cursor: row-resize;
1411
}
1412

    
1413
.v-splitpanel-hsplitter:after, .v-splitpanel-vsplitter:after {
1414
	content: "";
1415
	position: absolute;
1416
	top: 0;
1417
	right: 0;
1418
	bottom: 0;
1419
	left: 0;
1420
}
1421

    
1422
.v-splitpanel-hsplitter div, .v-splitpanel-vsplitter div {
1423
	width: inherit;
1424
	height: inherit;
1425
	overflow: hidden;
1426
	position: relative;
1427
}
1428

    
1429
.v-splitpanel-hsplitter div:before, .v-splitpanel-vsplitter div:before {
1430
	-webkit-box-sizing: border-box;
1431
	-moz-box-sizing: border-box;
1432
	box-sizing: border-box;
1433
	content: "";
1434
	position: absolute;
1435
	top: 0;
1436
	right: 0;
1437
	bottom: 0;
1438
	left: 0;
1439
}
1440

    
1441
.v-disabled [class$="splitter"] div {
1442
	cursor: default;
1443
}
1444

    
1445
.v-disabled [class$="splitter"] div:before {
1446
	display: none;
1447
}
1448

    
1449
.v-splitpanel-horizontal > div  > .v-splitpanel-second-container {
1450
	position: static !important;
1451
	display: inline-block;
1452
	vertical-align: top;
1453
}
1454

    
1455
.v-splitpanel-horizontal > div  > .v-splitpanel-first-container {
1456
	display: inline-block;
1457
	vertical-align: top;
1458
}
1459

    
1460
.mytheme.v-app, .mytheme.v-app-loading {
1461
	font: 300 16px/1.55 "Open Sans", sans-serif;
1462
	color: #464646;
1463
	background-color: #fafafa;
1464
	cursor: default;
1465
}
1466

    
1467
.mytheme .v-app-loading {
1468
	width: 100%;
1469
	height: 100%;
1470
	background: #fafafa;
1471
}
1472

    
1473
.mytheme .v-app-loading:before {
1474
	content: "";
1475
	position: fixed;
1476
	z-index: 100;
1477
	top: 45%;
1478
	left: 50%;
1479
	width: 28px;
1480
	height: 28px;
1481
	padding: 9px;
1482
	margin-top: -24px;
1483
	margin-left: -24px;
1484
	background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50%;
1485
	border-radius: 4px;
1486
}
1487

    
1488
.mytheme .v-loading-indicator {
1489
	position: fixed !important;
1490
	z-index: 99999;
1491
	left: 0;
1492
	right: auto;
1493
	top: 0;
1494
	width: 50%;
1495
	opacity: 1;
1496
	height: 4px;
1497
	background-color: #197de1;
1498
	pointer-events: none;
1499
	-webkit-transition: none;
1500
	-moz-transition: none;
1501
	transition: none;
1502
	-webkit-animation: v-progress-start 1000ms 200ms both;
1503
	-moz-animation: v-progress-start 1000ms 200ms both;
1504
	animation: v-progress-start 1000ms 200ms both;
1505
}
1506

    
1507
.mytheme .v-loading-indicator[style*="none"] {
1508
	display: block !important;
1509
	width: 100% !important;
1510
	opacity: 0;
1511
	-webkit-animation: none;
1512
	-moz-animation: none;
1513
	animation: none;
1514
	-webkit-transition: opacity 500ms 300ms, width 300ms;
1515
	-moz-transition: opacity 500ms 300ms, width 300ms;
1516
	transition: opacity 500ms 300ms, width 300ms;
1517
}
1518

    
1519
.mytheme .v-loading-indicator-delay {
1520
	width: 90%;
1521
	-webkit-animation: v-progress-delay 3.8s forwards;
1522
	-moz-animation: v-progress-delay 3.8s forwards;
1523
	animation: v-progress-delay 3.8s forwards;
1524
}
1525

    
1526
.v-ff .mytheme .v-loading-indicator-delay {
1527
	width: 50%;
1528
}
1529

    
1530
.mytheme .v-loading-indicator-wait {
1531
	width: 96%;
1532
	-webkit-animation: v-progress-wait 5s forwards, v-progress-wait-pulse 1s 4s infinite backwards;
1533
	-moz-animation: v-progress-wait 5s forwards, v-progress-wait-pulse 1s 4s infinite backwards;
1534
	animation: v-progress-wait 5s forwards, v-progress-wait-pulse 1s 4s infinite backwards;
1535
}
1536

    
1537
.v-ff .mytheme .v-loading-indicator-wait {
1538
	width: 90%;
1539
}
1540

    
1541
.v-ie8 .mytheme .v-loading-indicator, .v-ie8 .mytheme .v-loading-indicator-delay, .v-ie8 .mytheme .v-loading-indicator-wait, .v-ie9 .mytheme .v-loading-indicator, .v-ie9 .mytheme .v-loading-indicator-delay, .v-ie9 .mytheme .v-loading-indicator-wait {
1542
	width: 28px !important;
1543
	height: 28px;
1544
	padding: 9px;
1545
	background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50%;
1546
	border-radius: 4px;
1547
	top: 9px;
1548
	right: 9px;
1549
	left: auto;
1550
	filter: alpha(opacity=50);
1551
}
1552

    
1553
.v-ie8 .mytheme .v-loading-indicator[style*="none"], .v-ie8 .mytheme .v-loading-indicator-delay[style*="none"], .v-ie8 .mytheme .v-loading-indicator-wait[style*="none"], .v-ie9 .mytheme .v-loading-indicator[style*="none"], .v-ie9 .mytheme .v-loading-indicator-delay[style*="none"], .v-ie9 .mytheme .v-loading-indicator-wait[style*="none"] {
1554
	display: none !important;
1555
}
1556

    
1557
.v-ie8 .mytheme .v-loading-indicator-wait, .v-ie9 .mytheme .v-loading-indicator-wait {
1558
	filter: alpha(opacity=100);
1559
}
1560

    
1561
.mytheme .v-scrollable:focus {
1562
	outline: none;
1563
}
1564

    
1565
.mytheme img.v-icon {
1566
	vertical-align: middle;
1567
}
1568

    
1569
.mytheme .v-caption {
1570
	font-size: 14px;
1571
	font-weight: 400;
1572
	padding-bottom: 0.3em;
1573
	padding-left: 1px;
1574
}
1575

    
1576
.mytheme .v-caption-on-left .v-caption, .mytheme .v-caption-on-right .v-caption {
1577
	padding-top: 0;
1578
	padding-bottom: 0;
1579
}
1580

    
1581
.mytheme .v-icon + .v-captiontext, .mytheme .v-icon + span {
1582
	margin-left: 7px;
1583
}
1584

    
1585
.mytheme .v-icon + .v-captiontext:empty, .mytheme .v-icon + span:empty {
1586
	margin-left: 0;
1587
}
1588

    
1589
.mytheme .v-errorindicator {
1590
	color: #ed473b;
1591
	font-weight: 600;
1592
	width: 19px;
1593
	text-align: center;
1594
}
1595

    
1596
.mytheme .v-errorindicator:before {
1597
	content: "!";
1598
}
1599

    
1600
.mytheme .v-required-field-indicator {
1601
	color: #ed473b;
1602
	padding: 0 0.2em;
1603
}
1604

    
1605
.mytheme select {
1606
	font: inherit;
1607
	font-weight: 400;
1608
	line-height: inherit;
1609
	padding: 5px;
1610
	margin: 0;
1611
	border-radius: 4px;
1612
	border: 1px solid #c5c5c5;
1613
	background-color: #fafafa;
1614
	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
1615
	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
1616
	color: #464646;
1617
}
1618

    
1619
.mytheme select:focus {
1620
	outline: none;
1621
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
1622
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
1623
}
1624

    
1625
.mytheme button {
1626
	font: inherit;
1627
	font-weight: 400;
1628
	line-height: 1.55;
1629
}
1630

    
1631
.mytheme a {
1632
	cursor: pointer;
1633
	color: #197de1;
1634
	text-decoration: underline;
1635
	font-weight: inherit;
1636
	-webkit-transition: color 140ms;
1637
	-moz-transition: color 140ms;
1638
	transition: color 140ms;
1639
}
1640

    
1641
.mytheme a:hover {
1642
	color: #4396ea;
1643
}
1644

    
1645
.mytheme .v-disabled {
1646
	cursor: default !important;
1647
}
1648

    
1649
.mytheme .v-drag-element {
1650
	background: #fafafa;
1651
	color: #464646;
1652
	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
1653
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
1654
	border-radius: 4px;
1655
	overflow: hidden;
1656
	opacity: 0.5;
1657
	filter: alpha(opacity=50) ;
1658
}
1659

    
1660
.mytheme .v-tooltip {
1661
	background-color: #323232;
1662
	background-color: rgba(50, 50, 50, 0.9);
1663
	-webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
1664
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
1665
	color: white;
1666
	padding: 5px 9px;
1667
	border-radius: 3px;
1668
	max-width: 35em;
1669
	overflow: hidden !important;
1670
	font-size: 14px;
1671
}
1672

    
1673
.mytheme .v-tooltip div[style*="width"] {
1674
	width: auto !important;
1675
}
1676

    
1677
.mytheme .v-tooltip .v-errormessage {
1678
	background-color: white;
1679
	background-color: #fff;
1680
	color: #ed473b;
1681
	margin: -5px -9px;
1682
	padding: 5px 9px;
1683
	max-height: 10em;
1684
	overflow: auto;
1685
	font-weight: 400;
1686
}
1687

    
1688
.mytheme .v-tooltip .v-errormessage h2:only-child {
1689
	font: inherit;
1690
	line-height: inherit;
1691
}
1692

    
1693
.mytheme .v-tooltip .v-tooltip-text {
1694
	max-height: 10em;
1695
	overflow: auto;
1696
	margin-top: 10px;
1697
}
1698

    
1699
.mytheme .v-tooltip .v-errormessage[aria-hidden="true"] + .v-tooltip-text {
1700
	margin-top: 0;
1701
}
1702

    
1703
.mytheme .v-tooltip h1, .mytheme .v-tooltip h2, .mytheme .v-tooltip h3, .mytheme .v-tooltip h4 {
1704
	color: inherit;
1705
}
1706

    
1707
.mytheme .v-contextmenu {
1708
	padding: 4px 4px;
1709
	border-radius: 4px;
1710
	background-color: white;
1711
	color: #474747;
1712
	-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
1713
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
1714
	-webkit-backface-visibility: hidden;
1715
	-moz-backface-visibility: hidden;
1716
	-ms-backface-visibility: hidden;
1717
	backface-visibility: hidden;
1718
	padding: 4px 4px;
1719
}
1720

    
1721
.mytheme .v-contextmenu[class*="animate-in"] {
1722
	-webkit-animation: valo-overlay-animate-in 120ms;
1723
	-moz-animation: valo-overlay-animate-in 120ms;
1724
	animation: valo-overlay-animate-in 120ms;
1725
}
1726

    
1727
.mytheme .v-contextmenu[class*="animate-out"] {
1728
	-webkit-animation: valo-animate-out-fade 120ms;
1729
	-moz-animation: valo-animate-out-fade 120ms;
1730
	animation: valo-animate-out-fade 120ms;
1731
}
1732

    
1733
.mytheme .v-contextmenu table {
1734
	border-spacing: 0;
1735
}
1736

    
1737
.mytheme .v-contextmenu .gwt-MenuItem {
1738
	cursor: pointer;
1739
	line-height: 27px;
1740
	padding: 0 20px 0 10px;
1741
	border-radius: 3px;
1742
	font-weight: 400;
1743
	white-space: nowrap;
1744
	position: relative;
1745
	display: block;
1746
}
1747

    
1748
.mytheme .v-contextmenu .gwt-MenuItem:active:before {
1749
	content: "";
1750
	position: absolute;
1751
	top: 0;
1752
	right: 0;
1753
	bottom: 0;
1754
	left: 0;
1755
	background: #0957a6;
1756
	opacity: 0.15;
1757
	filter: alpha(opacity=15.0) ;
1758
	pointer-events: none;
1759
	border-radius: inherit;
1760
}
1761

    
1762
.mytheme .v-contextmenu .gwt-MenuItem .v-icon {
1763
	max-height: 27px;
1764
	margin-right: 5px;
1765
	min-width: 1em;
1766
}
1767

    
1768
.mytheme .v-contextmenu .gwt-MenuItem-selected {
1769
	background-color: #197de1;
1770
	background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
1771
	background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
1772
	color: #ecf2f8;
1773
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
1774
}
1775

    
1776
.mytheme .v-absolutelayout-wrapper {
1777
	position: absolute;
1778
}
1779

    
1780
.mytheme .v-absolutelayout-margin, .mytheme .v-absolutelayout-canvas {
1781
	-webkit-box-sizing: border-box;
1782
	-moz-box-sizing: border-box;
1783
	box-sizing: border-box;
1784
}
1785

    
1786
.mytheme .v-absolutelayout.v-has-height > div, .mytheme .v-absolutelayout.v-has-height .v-absolutelayout-margin {
1787
	height: 100%;
1788
}
1789

    
1790
.mytheme .v-absolutelayout.v-has-height > div, .mytheme .v-absolutelayout.v-has-width .v-absolutelayout-margin {
1791
	width: 100%;
1792
}
1793

    
1794
.mytheme .v-margin-top {
1795
	padding-top: 37px;
1796
}
1797

    
1798
.mytheme .v-margin-right {
1799
	padding-right: 37px;
1800
}
1801

    
1802
.mytheme .v-margin-bottom {
1803
	padding-bottom: 37px;
1804
}
1805

    
1806
.mytheme .v-margin-left {
1807
	padding-left: 37px;
1808
}
1809

    
1810
.mytheme .v-spacing {
1811
	width: 12px;
1812
	height: 12px;
1813
}
1814

    
1815
.mytheme .v-verticallayout-well, .mytheme .v-horizontallayout-well {
1816
	background: #f5f5f5;
1817
	color: #454545;
1818
	-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 2px 3px rgba(0, 0, 0, 0.05);
1819
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 2px 3px rgba(0, 0, 0, 0.05);
1820
	border-radius: 4px;
1821
	border: 1px solid #c5c5c5;
1822
}
1823

    
1824
.mytheme .v-verticallayout-well  > div > [class*="-caption"], .mytheme .v-horizontallayout-well  > div > [class*="-caption"] {
1825
	background: transparent;
1826
	-webkit-box-shadow: none;
1827
	box-shadow: none;
1828
}
1829

    
1830
.mytheme .v-verticallayout-well  > .v-margin-top, .mytheme .v-horizontallayout-well  > .v-margin-top {
1831
	padding-top: 12px;
1832
}
1833

    
1834
.mytheme .v-verticallayout-well  > .v-margin-right, .mytheme .v-horizontallayout-well  > .v-margin-right {
1835
	padding-right: 12px;
1836
}
1837

    
1838
.mytheme .v-verticallayout-well  > .v-margin-bottom, .mytheme .v-horizontallayout-well  > .v-margin-bottom {
1839
	padding-bottom: 12px;
1840
}
1841

    
1842
.mytheme .v-verticallayout-well  > .v-margin-left, .mytheme .v-horizontallayout-well  > .v-margin-left {
1843
	padding-left: 12px;
1844
}
1845

    
1846
.mytheme .v-verticallayout-card, .mytheme .v-horizontallayout-card {
1847
	background: white;
1848
	color: #474747;
1849
	border-radius: 4px;
1850
	border: 1px solid #d5d5d5;
1851
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
1852
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
1853
}
1854

    
1855
.mytheme .v-verticallayout-card  > .v-margin-top, .mytheme .v-horizontallayout-card  > .v-margin-top {
1856
	padding-top: 12px;
1857
}
1858

    
1859
.mytheme .v-verticallayout-card  > .v-margin-right, .mytheme .v-horizontallayout-card  > .v-margin-right {
1860
	padding-right: 12px;
1861
}
1862

    
1863
.mytheme .v-verticallayout-card  > .v-margin-bottom, .mytheme .v-horizontallayout-card  > .v-margin-bottom {
1864
	padding-bottom: 12px;
1865
}
1866

    
1867
.mytheme .v-verticallayout-card  > .v-margin-left, .mytheme .v-horizontallayout-card  > .v-margin-left {
1868
	padding-left: 12px;
1869
}
1870

    
1871
.mytheme .v-horizontallayout-wrapping {
1872
	white-space: normal !important;
1873
}
1874

    
1875
.mytheme .v-horizontallayout-wrapping > .v-spacing + .v-slot, .mytheme .v-horizontallayout-wrapping > .v-slot:first-child {
1876
	margin-bottom: 12px;
1877
}
1878

    
1879
.mytheme .v-horizontallayout-wrapping > .v-slot:first-child:last-child {
1880
	margin-bottom: 0;
1881
}
1882

    
1883
.mytheme .v-button {
1884
	position: relative;
1885
	text-align: center;
1886
	white-space: nowrap;
1887
	outline: none;
1888
	-webkit-tap-highlight-color: transparent;
1889
	-webkit-touch-callout: none;
1890
	cursor: pointer;
1891
	height: 37px;
1892
	padding: 0 16px;
1893
	color: #191919;
1894
	font-weight: 400;
1895
	
1896
	
1897
	border-radius: 4px;
1898
	border: 1px solid #c5c5c5;
1899
	border-top-color: #c5c5c5;
1900
	border-bottom-color: #bcbcbc;
1901
	background-color: #fafafa;
1902
	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
1903
	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
1904
	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
1905
	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
1906
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
1907
}
1908

    
1909
.mytheme .v-button:before {
1910
	content: "";
1911
	display: inline-block;
1912
	width: 0;
1913
	height: 100%;
1914
	vertical-align: middle;
1915
}
1916

    
1917
.mytheme .v-button > div {
1918
	vertical-align: middle;
1919
}
1920

    
1921
.v-sa .mytheme .v-button:before {
1922
	height: 110%;
1923
}
1924

    
1925
.v-ff .mytheme .v-button:before {
1926
	height: 107%;
1927
}
1928

    
1929
.v-ie .mytheme .v-button:before {
1930
	margin-top: 4px;
1931
}
1932

    
1933
.mytheme .v-button:after {
1934
	content: "";
1935
	position: absolute;
1936
	top: 0;
1937
	right: 0;
1938
	bottom: 0;
1939
	left: 0;
1940
	border-radius: inherit;
1941
	-webkit-transition: box-shadow 180ms, border 180ms;
1942
	-moz-transition: box-shadow 180ms, border 180ms;
1943
	transition: box-shadow 180ms, border 180ms;
1944
}
1945

    
1946
.mytheme .v-button:focus:after {
1947
	-webkit-transition: none;
1948
	-moz-transition: none;
1949
	transition: none;
1950
}
1951

    
1952
.mytheme .v-button.v-disabled {
1953
	opacity: 0.5;
1954
	filter: alpha(opacity=50) ;
1955
}
1956

    
1957
.mytheme .v-button.v-disabled:after {
1958
	display: none;
1959
}
1960

    
1961
.mytheme .v-button:after {
1962
	border: inherit;
1963
	top: -1px;
1964
	right: -1px;
1965
	bottom: -1px;
1966
	left: -1px;
1967
}
1968

    
1969
.mytheme .v-button:hover:after {
1970
	background-color: rgba(186, 186, 186, 0.1);
1971
}
1972

    
1973
.mytheme .v-button:focus:after {
1974
	border-color: #197de1;
1975
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
1976
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
1977
}
1978

    
1979
.mytheme .v-button:active:after {
1980
	background-color: rgba(125, 125, 125, 0.2);
1981
}
1982

    
1983
.mytheme .v-button-primary {
1984
	height: 37px;
1985
	padding: 0 16px;
1986
	color: #ecf2f8;
1987
	font-weight: 400;
1988
	
1989
	
1990
	border-radius: 4px;
1991
	border: 1px solid #1362b1;
1992
	border-top-color: #156ab3;
1993
	border-bottom-color: #1156a8;
1994
	background-color: #197de1;
1995
	background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
1996
	background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
1997
	-webkit-box-shadow: inset 0 1px 0 #4d98e6, inset 0 -1px 0 #166bca, 0 2px 3px rgba(0, 0, 0, 0.05);
1998
	box-shadow: inset 0 1px 0 #4d98e6, inset 0 -1px 0 #166bca, 0 2px 3px rgba(0, 0, 0, 0.05);
1999
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
2000
	padding: 0 19px;
2001
	font-weight: bold;
2002
	min-width: 81px;
2003
}
2004

    
2005
.mytheme .v-button-primary:after {
2006
	border: inherit;
2007
	top: -1px;
2008
	right: -1px;
2009
	bottom: -1px;
2010
	left: -1px;
2011
}
2012

    
2013
.mytheme .v-button-primary:hover:after {
2014
	background-color: rgba(90, 163, 237, 0.1);
2015
}
2016

    
2017
.mytheme .v-button-primary:focus:after {
2018
	border: inherit;
2019
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
2020
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
2021
}
2022

    
2023
.mytheme .v-button-primary:active:after {
2024
	background-color: rgba(2, 62, 122, 0.2);
2025
}
2026

    
2027
.v-ie8 .mytheme .v-button-primary {
2028
	min-width: 43px;
2029
}
2030

    
2031
.mytheme .v-button-friendly {
2032
	height: 37px;
2033
	padding: 0 16px;
2034
	color: #eaf4e9;
2035
	font-weight: 400;
2036
	
2037
	
2038
	border-radius: 4px;
2039
	border: 1px solid #227719;
2040
	border-top-color: #257d1a;
2041
	border-bottom-color: #1e6b15;
2042
	background-color: #2c9720;
2043
	background-image: -webkit-linear-gradient(top, #2f9f22 2%, #26881b 98%);
2044
	background-image: linear-gradient(to bottom,#2f9f22 2%, #26881b 98%);
2045
	-webkit-box-shadow: inset 0 1px 0 #46b33a, inset 0 -1px 0 #26811b, 0 2px 3px rgba(0, 0, 0, 0.05);
2046
	box-shadow: inset 0 1px 0 #46b33a, inset 0 -1px 0 #26811b, 0 2px 3px rgba(0, 0, 0, 0.05);
2047
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
2048
}
2049

    
2050
.mytheme .v-button-friendly:after {
2051
	border: inherit;
2052
	top: -1px;
2053
	right: -1px;
2054
	bottom: -1px;
2055
	left: -1px;
2056
}
2057

    
2058
.mytheme .v-button-friendly:hover:after {
2059
	background-color: rgba(65, 211, 48, 0.1);
2060
}
2061

    
2062
.mytheme .v-button-friendly:focus:after {
2063
	border: inherit;
2064
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
2065
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
2066
}
2067

    
2068
.mytheme .v-button-friendly:active:after {
2069
	background-color: rgba(14, 86, 6, 0.2);
2070
}
2071

    
2072
.mytheme .v-button-danger {
2073
	height: 37px;
2074
	padding: 0 16px;
2075
	color: #f9f0ef;
2076
	font-weight: 400;
2077
	
2078
	
2079
	border-radius: 4px;
2080
	border: 1px solid #bb382e;
2081
	border-top-color: #bc3c31;
2082
	border-bottom-color: #b13028;
2083
	background-color: #ed473b;
2084
	background-image: -webkit-linear-gradient(top, #ee4c3f 2%, #e13e33 98%);
2085
	background-image: linear-gradient(to bottom,#ee4c3f 2%, #e13e33 98%);
2086
	-webkit-box-shadow: inset 0 1px 0 #ef786f, inset 0 -1px 0 #da3c31, 0 2px 3px rgba(0, 0, 0, 0.05);
2087
	box-shadow: inset 0 1px 0 #ef786f, inset 0 -1px 0 #da3c31, 0 2px 3px rgba(0, 0, 0, 0.05);
2088
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
2089
}
2090

    
2091
.mytheme .v-button-danger:after {
2092
	border: inherit;
2093
	top: -1px;
2094
	right: -1px;
2095
	bottom: -1px;
2096
	left: -1px;
2097
}
2098

    
2099
.mytheme .v-button-danger:hover:after {
2100
	background-color: rgba(243, 137, 129, 0.1);
2101
}
2102

    
2103
.mytheme .v-button-danger:focus:after {
2104
	border: inherit;
2105
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
2106
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
2107
}
2108

    
2109
.mytheme .v-button-danger:active:after {
2110
	background-color: rgba(146, 12, 2, 0.2);
2111
}
2112

    
2113
.mytheme .v-button-borderless {
2114
	border: none;
2115
	-webkit-box-shadow: none;
2116
	box-shadow: none;
2117
	background: transparent;
2118
	color: inherit;
2119
}
2120

    
2121
.mytheme .v-button-borderless:hover:after {
2122
	background: transparent;
2123
}
2124

    
2125
.mytheme .v-button-borderless:active {
2126
	opacity: 0.7;
2127
	filter: alpha(opacity=70) ;
2128
}
2129

    
2130
.mytheme .v-button-borderless:active:after {
2131
	background: transparent;
2132
}
2133

    
2134
.mytheme .v-button-borderless-colored {
2135
	border: none;
2136
	-webkit-box-shadow: none;
2137
	box-shadow: none;
2138
	background: transparent;
2139
	color: #197de1;
2140
}
2141

    
2142
.mytheme .v-button-borderless-colored:hover {
2143
	color: #4396ea;
2144
}
2145

    
2146
.mytheme .v-button-borderless-colored:hover:after {
2147
	background: transparent;
2148
}
2149

    
2150
.mytheme .v-button-borderless-colored:active {
2151
	opacity: 0.7;
2152
	filter: alpha(opacity=70) ;
2153
}
2154

    
2155
.mytheme .v-button-borderless-colored:active:after {
2156
	background: transparent;
2157
}
2158

    
2159
.mytheme .v-button-quiet {
2160
	visibility: hidden;
2161
}
2162

    
2163
.mytheme .v-button-quiet:focus, .mytheme .v-button-quiet:hover {
2164
	visibility: visible;
2165
}
2166

    
2167
.mytheme .v-button-quiet [class*="wrap"] {
2168
	visibility: visible;
2169
}
2170

    
2171
.mytheme .v-button-quiet [class*="caption"] {
2172
	display: inline-block;
2173
}
2174

    
2175
.mytheme .v-button-link {
2176
	border: none;
2177
	-webkit-box-shadow: none;
2178
	box-shadow: none;
2179
	background: transparent;
2180
	color: inherit;
2181
	cursor: pointer;
2182
	color: #197de1;
2183
	text-decoration: underline;
2184
	font-weight: inherit;
2185
	-webkit-transition: color 140ms;
2186
	-moz-transition: color 140ms;
2187
	transition: color 140ms;
2188
}
2189

    
2190
.mytheme .v-button-link:hover:after {
2191
	background: transparent;
2192
}
2193

    
2194
.mytheme .v-button-link:active {
2195
	opacity: 0.7;
2196
	filter: alpha(opacity=70) ;
2197
}
2198

    
2199
.mytheme .v-button-link:active:after {
2200
	background: transparent;
2201
}
2202

    
2203
.mytheme .v-button-link:hover {
2204
	color: #4396ea;
2205
}
2206

    
2207
.mytheme .v-button-tiny {
2208
	height: 28px;
2209
	padding: 0 13px;
2210
	
2211
	
2212
	font-size: 12px;
2213
	
2214
	border-radius: 4px;
2215
}
2216

    
2217
.mytheme .v-button-tiny:after {
2218
	border: inherit;
2219
	top: -1px;
2220
	right: -1px;
2221
	bottom: -1px;
2222
	left: -1px;
2223
}
2224

    
2225
.mytheme .v-button-small {
2226
	height: 31px;
2227
	padding: 0 14px;
2228
	
2229
	
2230
	font-size: 14px;
2231
	
2232
	border-radius: 4px;
2233
}
2234

    
2235
.mytheme .v-button-small:after {
2236
	border: inherit;
2237
	top: -1px;
2238
	right: -1px;
2239
	bottom: -1px;
2240
	left: -1px;
2241
}
2242

    
2243
.mytheme .v-button-large {
2244
	height: 44px;
2245
	padding: 0 19px;
2246
	
2247
	
2248
	font-size: 20px;
2249
	
2250
	border-radius: 4px;
2251
}
2252

    
2253
.mytheme .v-button-large:after {
2254
	border: inherit;
2255
	top: -1px;
2256
	right: -1px;
2257
	bottom: -1px;
2258
	left: -1px;
2259
}
2260

    
2261
.mytheme .v-button-huge {
2262
	height: 59px;
2263
	padding: 0 26px;
2264
	
2265
	
2266
	font-size: 26px;
2267
	
2268
	border-radius: 4px;
2269
}
2270

    
2271
.mytheme .v-button-huge:after {
2272
	border: inherit;
2273
	top: -1px;
2274
	right: -1px;
2275
	bottom: -1px;
2276
	left: -1px;
2277
}
2278

    
2279
.mytheme .v-button-icon-align-right [class*="wrap"] {
2280
	display: inline-block;
2281
}
2282

    
2283
.mytheme .v-button-icon-align-right .v-icon {
2284
	float: right;
2285
	margin-left: 13px;
2286
}
2287

    
2288
.mytheme .v-button-icon-align-right .v-icon  + span:not(:empty) {
2289
	margin-left: 0;
2290
}
2291

    
2292
.mytheme .v-button-icon-align-top {
2293
	height: auto;
2294
	padding-top: 5px;
2295
	padding-bottom: 5px;
2296
}
2297

    
2298
.mytheme .v-button-icon-align-top [class*="wrap"] {
2299
	display: inline-block;
2300
}
2301

    
2302
.mytheme .v-button-icon-align-top .v-icon {
2303
	display: block;
2304
}
2305

    
2306
.mytheme .v-button-icon-align-top .v-icon  + span:not(:empty) {
2307
	margin-top: 7px;
2308
	margin-left: 0;
2309
}
2310

    
2311
.mytheme .v-button-icon-only {
2312
	width: 37px;
2313
	padding: 0;
2314
}
2315

    
2316
.mytheme .v-button-icon-only.v-button-tiny {
2317
	width: 28px;
2318
}
2319

    
2320
.mytheme .v-button-icon-only.v-button-small {
2321
	width: 31px;
2322
}
2323

    
2324
.mytheme .v-button-icon-only.v-button-large {
2325
	width: 44px;
2326
}
2327

    
2328
.mytheme .v-button-icon-only.v-button-huge {
2329
	width: 59px;
2330
}
2331

    
2332
.mytheme .v-button-icon-only .v-button-caption {
2333
	display: none;
2334
}
2335

    
2336
.mytheme .v-checkbox {
2337
	position: relative;
2338
	line-height: 19px;
2339
	white-space: nowrap;
2340
}
2341

    
2342
.mytheme .v-checkbox.v-has-width label {
2343
	white-space: normal;
2344
}
2345

    
2346
:root .mytheme .v-checkbox {
2347
	padding-left: 25px;
2348
}
2349

    
2350
:root .mytheme .v-checkbox label {
2351
	-webkit-tap-highlight-color: transparent;
2352
	-webkit-touch-callout: none;
2353
	cursor: pointer;
2354
	display: inline-block;
2355
}
2356

    
2357
:root .mytheme .v-checkbox > input {
2358
	position: absolute;
2359
	clip: rect(0, 0, 0, 0);
2360
	left: 0.2em;
2361
	top: 0.2em;
2362
	z-index: 0;
2363
	margin: 0;
2364
}
2365

    
2366
:root .mytheme .v-checkbox > input:focus ~ label:before {
2367
	border-color: #197de1;
2368
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
2369
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
2370
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
2371
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
2372
}
2373

    
2374
:root .mytheme .v-checkbox > input ~ label:before, :root .mytheme .v-checkbox > input ~ label:after {
2375
	content: "";
2376
	display: inline-block;
2377
	-webkit-box-sizing: border-box;
2378
	-moz-box-sizing: border-box;
2379
	box-sizing: border-box;
2380
	width: 19px;
2381
	height: 19px;
2382
	position: absolute;
2383
	top: 0;
2384
	left: 0;
2385
	border-radius: 4px;
2386
	font-size: 13px;
2387
	text-align: center;
2388
}
2389

    
2390
:root .mytheme .v-checkbox > input ~ label:before {
2391
	height: 18.5px;
2392
	padding: 0 9px;
2393
	color: #191919;
2394
	font-weight: 400;
2395
	
2396
	
2397
	border-radius: 4px;
2398
	border: 1px solid #c5c5c5;
2399
	border-top-color: #c5c5c5;
2400
	border-bottom-color: #bcbcbc;
2401
	background-color: #fafafa;
2402
	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
2403
	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
2404
	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
2405
	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
2406
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
2407
	padding: 0;
2408
	height: 19px;
2409
}
2410

    
2411
:root .mytheme .v-checkbox > input ~ label:before:after {
2412
	border: inherit;
2413
	top: -1px;
2414
	right: -1px;
2415
	bottom: -1px;
2416
	left: -1px;
2417
}
2418

    
2419
:root .mytheme .v-checkbox > input ~ label:before:hover:after {
2420
	background-color: rgba(186, 186, 186, 0.1);
2421
}
2422

    
2423
:root .mytheme .v-checkbox > input ~ label:before:focus:after {
2424
	border-color: #197de1;
2425
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
2426
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
2427
}
2428

    
2429
:root .mytheme .v-checkbox > input ~ label:before:active:after {
2430
	background-color: rgba(125, 125, 125, 0.2);
2431
}
2432

    
2433
:root .mytheme .v-checkbox > input ~ label:after {
2434
	content: "\f00c";
2435
	font-family: FontAwesome;
2436
	color: transparent;
2437
	-webkit-transition: color 100ms;
2438
	-moz-transition: color 100ms;
2439
	transition: color 100ms;
2440
}
2441

    
2442
:root .mytheme .v-checkbox > input:active ~ label:after {
2443
	background-color: rgba(125, 125, 125, 0.2);
2444
}
2445

    
2446
:root .mytheme .v-checkbox > input:checked ~ label:after {
2447
	color: #197de1;
2448
}
2449

    
2450
:root .mytheme .v-checkbox > input[disabled]  ~ label, :root .mytheme .v-checkbox > input[disabled]  ~ label .v-icon, :root .mytheme .v-checkbox > input[disabled]  ~ .v-icon {
2451
	cursor: default;
2452
}
2453

    
2454
:root .mytheme .v-checkbox > input[disabled]  ~ label:before, :root .mytheme .v-checkbox > input[disabled]  ~ label:after {
2455
	opacity: 0.5;
2456
	filter: alpha(opacity=50) ;
2457
}
2458

    
2459
:root .mytheme .v-checkbox > input[disabled]:active ~ label:after {
2460
	background: transparent;
2461
}
2462

    
2463
.mytheme .v-checkbox > .v-icon, .mytheme .v-checkbox > label .v-icon {
2464
	margin: 0 6px 0 3px;
2465
	min-width: 1em;
2466
	cursor: pointer;
2467
}
2468

    
2469
.mytheme .v-checkbox-small {
2470
	position: relative;
2471
	line-height: 16px;
2472
	white-space: nowrap;
2473
	font-size: 14px;
2474
}
2475

    
2476
.mytheme .v-checkbox-small.v-has-width label {
2477
	white-space: normal;
2478
}
2479

    
2480
:root .mytheme .v-checkbox-small {
2481
	padding-left: 21px;
2482
}
2483

    
2484
:root .mytheme .v-checkbox-small label {
2485
	-webkit-tap-highlight-color: transparent;
2486
	-webkit-touch-callout: none;
2487
	cursor: pointer;
2488
	display: inline-block;
2489
}
2490

    
2491
:root .mytheme .v-checkbox-small > input {
2492
	position: absolute;
2493
	clip: rect(0, 0, 0, 0);
2494
	left: 0.2em;
2495
	top: 0.2em;
2496
	z-index: 0;
2497
	margin: 0;
2498
}
2499

    
2500
:root .mytheme .v-checkbox-small > input:focus ~ label:before {
2501
	border-color: #197de1;
2502
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
2503
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
2504
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
2505
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
2506
}
2507

    
2508
:root .mytheme .v-checkbox-small > input ~ label:before, :root .mytheme .v-checkbox-small > input ~ label:after {
2509
	content: "";
2510
	display: inline-block;
2511
	-webkit-box-sizing: border-box;
2512
	-moz-box-sizing: border-box;
2513
	box-sizing: border-box;
2514
	width: 16px;
2515
	height: 16px;
2516
	position: absolute;
2517
	top: 0;
2518
	left: 0;
2519
	border-radius: 4px;
2520
	font-size: 11px;
2521
	text-align: center;
2522
}
2523

    
2524
:root .mytheme .v-checkbox-small > input ~ label:before {
2525
	height: 15.5px;
2526
	padding: 0 7px;
2527
	color: #191919;
2528
	font-weight: 400;
2529
	
2530
	
2531
	border-radius: 4px;
2532
	border: 1px solid #c5c5c5;
2533
	border-top-color: #c5c5c5;
2534
	border-bottom-color: #bcbcbc;
2535
	background-color: #fafafa;
2536
	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
2537
	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
2538
	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
2539
	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
2540
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
2541
	padding: 0;
2542
	height: 16px;
2543
}
2544

    
2545
:root .mytheme .v-checkbox-small > input ~ label:before:after {
2546
	border: inherit;
2547
	top: -1px;
2548
	right: -1px;
2549
	bottom: -1px;
2550
	left: -1px;
2551
}
2552

    
2553
:root .mytheme .v-checkbox-small > input ~ label:before:hover:after {
2554
	background-color: rgba(186, 186, 186, 0.1);
2555
}
2556

    
2557
:root .mytheme .v-checkbox-small > input ~ label:before:focus:after {
2558
	border-color: #197de1;
2559
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
2560
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
2561
}
2562

    
2563
:root .mytheme .v-checkbox-small > input ~ label:before:active:after {
2564
	background-color: rgba(125, 125, 125, 0.2);
2565
}
2566

    
2567
:root .mytheme .v-checkbox-small > input ~ label:after {
2568
	content: "\f00c";
2569
	font-family: FontAwesome;
2570
	color: transparent;
2571
	-webkit-transition: color 100ms;
2572
	-moz-transition: color 100ms;
2573
	transition: color 100ms;
2574
}
2575

    
2576
:root .mytheme .v-checkbox-small > input:active ~ label:after {
2577
	background-color: rgba(125, 125, 125, 0.2);
2578
}
2579

    
2580
:root .mytheme .v-checkbox-small > input:checked ~ label:after {
2581
	color: #197de1;
2582
}
2583

    
2584
:root .mytheme .v-checkbox-small > input[disabled]  ~ label, :root .mytheme .v-checkbox-small > input[disabled]  ~ label .v-icon, :root .mytheme .v-checkbox-small > input[disabled]  ~ .v-icon {
2585
	cursor: default;
2586
}
2587

    
2588
:root .mytheme .v-checkbox-small > input[disabled]  ~ label:before, :root .mytheme .v-checkbox-small > input[disabled]  ~ label:after {
2589
	opacity: 0.5;
2590
	filter: alpha(opacity=50) ;
2591
}
2592

    
2593
:root .mytheme .v-checkbox-small > input[disabled]:active ~ label:after {
2594
	background: transparent;
2595
}
2596

    
2597
.mytheme .v-checkbox-small > .v-icon, .mytheme .v-checkbox-small > label .v-icon {
2598
	margin: 0 5px 0 3px;
2599
	min-width: 1em;
2600
	cursor: pointer;
2601
}
2602

    
2603
.mytheme .v-checkbox-large {
2604
	position: relative;
2605
	line-height: 22px;
2606
	white-space: nowrap;
2607
	font-size: 20px;
2608
}
2609

    
2610
.mytheme .v-checkbox-large.v-has-width label {
2611
	white-space: normal;
2612
}
2613

    
2614
:root .mytheme .v-checkbox-large {
2615
	padding-left: 29px;
2616
}
2617

    
2618
:root .mytheme .v-checkbox-large label {
2619
	-webkit-tap-highlight-color: transparent;
2620
	-webkit-touch-callout: none;
2621
	cursor: pointer;
2622
	display: inline-block;
2623
}
2624

    
2625
:root .mytheme .v-checkbox-large > input {
2626
	position: absolute;
2627
	clip: rect(0, 0, 0, 0);
2628
	left: 0.2em;
2629
	top: 0.2em;
2630
	z-index: 0;
2631
	margin: 0;
2632
}
2633

    
2634
:root .mytheme .v-checkbox-large > input:focus ~ label:before {
2635
	border-color: #197de1;
2636
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
2637
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
2638
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
2639
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
2640
}
2641

    
2642
:root .mytheme .v-checkbox-large > input ~ label:before, :root .mytheme .v-checkbox-large > input ~ label:after {
2643
	content: "";
2644
	display: inline-block;
2645
	-webkit-box-sizing: border-box;
2646
	-moz-box-sizing: border-box;
2647
	box-sizing: border-box;
2648
	width: 22px;
2649
	height: 22px;
2650
	position: absolute;
2651
	top: 0;
2652
	left: 0;
2653
	border-radius: 4px;
2654
	font-size: 15px;
2655
	text-align: center;
2656
}
2657

    
2658
:root .mytheme .v-checkbox-large > input ~ label:before {
2659
	height: 22px;
2660
	padding: 0 10px;
2661
	color: #191919;
2662
	font-weight: 400;
2663
	
2664
	
2665
	border-radius: 4px;
2666
	border: 1px solid #c5c5c5;
2667
	border-top-color: #c5c5c5;
2668
	border-bottom-color: #bcbcbc;
2669
	background-color: #fafafa;
2670
	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
2671
	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
2672
	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
2673
	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
2674
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
2675
	padding: 0;
2676
	height: 22px;
2677
}
2678

    
2679
:root .mytheme .v-checkbox-large > input ~ label:before:after {
2680
	border: inherit;
2681
	top: -1px;
2682
	right: -1px;
2683
	bottom: -1px;
2684
	left: -1px;
2685
}
2686

    
2687
:root .mytheme .v-checkbox-large > input ~ label:before:hover:after {
2688
	background-color: rgba(186, 186, 186, 0.1);
2689
}
2690

    
2691
:root .mytheme .v-checkbox-large > input ~ label:before:focus:after {
2692
	border-color: #197de1;
2693
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
2694
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
2695
}
2696

    
2697
:root .mytheme .v-checkbox-large > input ~ label:before:active:after {
2698
	background-color: rgba(125, 125, 125, 0.2);
2699
}
2700

    
2701
:root .mytheme .v-checkbox-large > input ~ label:after {
2702
	content: "\f00c";
2703
	font-family: FontAwesome;
2704
	color: transparent;
2705
	-webkit-transition: color 100ms;
2706
	-moz-transition: color 100ms;
2707
	transition: color 100ms;
2708
}
2709

    
2710
:root .mytheme .v-checkbox-large > input:active ~ label:after {
2711
	background-color: rgba(125, 125, 125, 0.2);
2712
}
2713

    
2714
:root .mytheme .v-checkbox-large > input:checked ~ label:after {
2715
	color: #197de1;
2716
}
2717

    
2718
:root .mytheme .v-checkbox-large > input[disabled]  ~ label, :root .mytheme .v-checkbox-large > input[disabled]  ~ label .v-icon, :root .mytheme .v-checkbox-large > input[disabled]  ~ .v-icon {
2719
	cursor: default;
2720
}
2721

    
2722
:root .mytheme .v-checkbox-large > input[disabled]  ~ label:before, :root .mytheme .v-checkbox-large > input[disabled]  ~ label:after {
2723
	opacity: 0.5;
2724
	filter: alpha(opacity=50) ;
2725
}
2726

    
2727
:root .mytheme .v-checkbox-large > input[disabled]:active ~ label:after {
2728
	background: transparent;
2729
}
2730

    
2731
.mytheme .v-checkbox-large > .v-icon, .mytheme .v-checkbox-large > label .v-icon {
2732
	margin: 0 7px 0 4px;
2733
	min-width: 1em;
2734
	cursor: pointer;
2735
}
2736

    
2737
.mytheme .v-filterselect {
2738
	position: relative;
2739
	width: 185px;
2740
	height: 37px;
2741
	border-radius: 4px;
2742
	white-space: nowrap;
2743
}
2744

    
2745
.mytheme .v-filterselect [class*="input"] {
2746
	-webkit-box-sizing: border-box;
2747
	-moz-box-sizing: border-box;
2748
	box-sizing: border-box;
2749
	-webkit-appearance: none;
2750
	-moz-appearance: none;
2751
	-ms-appearance: none;
2752
	-o-appearance: none;
2753
	appearance: none;
2754
	-webkit-user-select: text;
2755
	-moz-user-select: text;
2756
	-ms-user-select: text;
2757
	user-select: text;
2758
	margin: 0;
2759
	font: inherit;
2760
	
2761
	font-weight: 400;
2762
	line-height: normal;
2763
	height: 37px;
2764
	border-radius: 4px;
2765
	padding: 4px 9px;
2766
	border: 1px solid #c5c5c5;
2767
	background: white;
2768
	color: #474747;
2769
	-webkit-box-shadow: inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
2770
	box-shadow: inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
2771
	-webkit-transition: box-shadow 180ms, border 180ms;
2772
	-moz-transition: box-shadow 180ms, border 180ms;
2773
	transition: box-shadow 180ms, border 180ms;
2774
	width: 100% !important;
2775
	height: 100%;
2776
	padding-right: 44px;
2777
	border-radius: inherit;
2778
}
2779

    
2780
.v-ie8 .mytheme .v-filterselect [class*="input"], .v-ie9 .mytheme .v-filterselect [class*="input"] {
2781
	line-height: 37px;
2782
	padding-top: 0;
2783
	padding-bottom: 0;
2784
}
2785

    
2786
.mytheme .v-filterselect [class*="input"].v-disabled {
2787
	opacity: 0.5;
2788
	filter: alpha(opacity=50) ;
2789
}
2790

    
2791
.mytheme .v-filterselect [class*="input"]:focus {
2792
	outline: none;
2793
	-webkit-transition: none;
2794
	-moz-transition: none;
2795
	transition: none;
2796
	border-color: #197de1;
2797
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
2798
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
2799
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
2800
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
2801
}
2802

    
2803
.mytheme .v-filterselect [class*="input"][class*="prompt"] {
2804
	color: #a3a3a3;
2805
}
2806

    
2807
.mytheme .v-filterselect .v-icon + [class*="input"] {
2808
	padding-left: 37px;
2809
}
2810

    
2811
.mytheme .v-filterselect img.v-icon {
2812
	max-height: 37px;
2813
	margin-left: 9px;
2814
}
2815

    
2816
.mytheme .v-filterselect span.v-icon {
2817
	color: #474747;
2818
	width: 37px;
2819
	line-height: 1;
2820
	padding-top: 0.12em;
2821
}
2822

    
2823
.mytheme .v-filterselect[class*="prompt"] > [class*="input"] {
2824
	color: #a3a3a3;
2825
}
2826

    
2827
.mytheme .v-filterselect [class$="button"] {
2828
	-webkit-tap-highlight-color: transparent;
2829
	-webkit-touch-callout: none;
2830
	cursor: pointer;
2831
	position: absolute;
2832
	top: 1px;
2833
	right: 1px;
2834
	bottom: 1px;
2835
	width: 37px;
2836
	cursor: pointer;
2837
	border-left: 1px solid #e4e4e4;
2838
	color: #a3a3a3;
2839
	border-radius: 0 3px 3px 0;
2840
}
2841

    
2842
.v-ie8 .mytheme .v-filterselect [class$="button"] {
2843
	background-color: white;
2844
}
2845

    
2846
.mytheme .v-filterselect [class$="button"]:before {
2847
	font-family: FontAwesome;
2848
	content: "\f078";
2849
	-webkit-transition: color 140ms;
2850
	-moz-transition: color 140ms;
2851
	transition: color 140ms;
2852
	position: absolute;
2853
	width: 37px;
2854
	text-align: center;
2855
	top: 50%;
2856
	line-height: 1;
2857
	margin-top: -0.47em;
2858
}
2859

    
2860
.mytheme .v-filterselect [class$="button"]:hover:before {
2861
	color: #474747;
2862
}
2863

    
2864
.mytheme .v-filterselect [class$="button"]:active:after {
2865
	content: "";
2866
	position: absolute;
2867
	top: 0;
2868
	right: 0;
2869
	bottom: 0;
2870
	left: 0;
2871
	border-radius: inherit;
2872
	background-color: rgba(128, 128, 128, 0.2);
2873
}
2874

    
2875
.mytheme .v-filterselect.v-disabled {
2876
	opacity: 0.5;
2877
	filter: alpha(opacity=50) ;
2878
}
2879

    
2880
.mytheme .v-filterselect.v-disabled [class$="button"] {
2881
	cursor: default;
2882
	pointer-events: none;
2883
}
2884

    
2885
.mytheme .v-filterselect.v-disabled [class$="button"]:active:after {
2886
	display: none;
2887
}
2888

    
2889
.mytheme .v-filterselect.v-readonly [class*="input"] {
2890
	background: #fafafa;
2891
	color: #464646;
2892
	-webkit-box-shadow: none;
2893
	box-shadow: none;
2894
}
2895

    
2896
.mytheme .v-filterselect.v-readonly [class*="input"]:focus {
2897
	box-shadow: none;
2898
	border-color: #c5c5c5;
2899
}
2900

    
2901
.mytheme .v-filterselect.v-readonly [class$="button"] {
2902
	cursor: default;
2903
	pointer-events: none;
2904
}
2905

    
2906
.mytheme .v-filterselect.v-readonly [class$="button"]:active:after {
2907
	display: none;
2908
}
2909

    
2910
.mytheme .v-filterselect .v-icon {
2911
	position: absolute;
2912
	pointer-events: none;
2913
}
2914

    
2915
.mytheme .v-filterselect-error .v-filterselect-input {
2916
	border-color: #ed473b !important;
2917
	background: #fffbfb;
2918
	color: #6c2621;
2919
}
2920

    
2921
.mytheme .v-filterselect-error .v-filterselect-button {
2922
	color: #ed473b;
2923
	border-color: #ed473b;
2924
}
2925

    
2926
.mytheme .v-filterselect-suggestpopup {
2927
	margin-top: 5px !important;
2928
}
2929

    
2930
.mytheme .v-filterselect-suggestpopup[class*="animate-in"] {
2931
	-webkit-animation: valo-overlay-animate-in 120ms;
2932
	-moz-animation: valo-overlay-animate-in 120ms;
2933
	animation: valo-overlay-animate-in 120ms;
2934
}
2935

    
2936
.mytheme .v-filterselect-suggestpopup [class$="suggestmenu"] {
2937
	padding: 4px 4px;
2938
	border-radius: 4px;
2939
	background-color: white;
2940
	color: #474747;
2941
	-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
2942
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
2943
	-webkit-backface-visibility: hidden;
2944
	-moz-backface-visibility: hidden;
2945
	-ms-backface-visibility: hidden;
2946
	backface-visibility: hidden;
2947
	padding: 4px 4px;
2948
	-webkit-box-sizing: border-box;
2949
	-moz-box-sizing: border-box;
2950
	box-sizing: border-box;
2951
	position: relative;
2952
	z-index: 1;
2953
}
2954

    
2955
.mytheme .v-filterselect-suggestpopup [class$="suggestmenu"][style*="height"] {
2956
	-webkit-box-sizing: content-box;
2957
	-moz-box-sizing: content-box;
2958
	box-sizing: content-box;
2959
}
2960

    
2961
.mytheme .v-filterselect-suggestpopup table, .mytheme .v-filterselect-suggestpopup tbody, .mytheme .v-filterselect-suggestpopup tr, .mytheme .v-filterselect-suggestpopup td {
2962
	display: block;
2963
}
2964

    
2965
.mytheme .v-filterselect-suggestpopup .gwt-MenuItem {
2966
	cursor: pointer;
2967
	line-height: 27px;
2968
	padding: 0 20px 0 10px;
2969
	border-radius: 3px;
2970
	font-weight: 400;
2971
	white-space: nowrap;
2972
	position: relative;
2973
}
2974

    
2975
.mytheme .v-filterselect-suggestpopup .gwt-MenuItem:active:before {
2976
	content: "";
2977
	position: absolute;
2978
	top: 0;
2979
	right: 0;
2980
	bottom: 0;
2981
	left: 0;
2982
	background: #0957a6;
2983
	opacity: 0.15;
2984
	filter: alpha(opacity=15.0) ;
2985
	pointer-events: none;
2986
	border-radius: inherit;
2987
}
2988

    
2989
.mytheme .v-filterselect-suggestpopup .gwt-MenuItem .v-icon {
2990
	max-height: 27px;
2991
	margin-right: 5px;
2992
	min-width: 1em;
2993
}
2994

    
2995
.mytheme .v-filterselect-suggestpopup .gwt-MenuItem-selected {
2996
	background-color: #197de1;
2997
	background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
2998
	background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
2999
	color: #ecf2f8;
3000
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
3001
}
3002

    
3003
.mytheme .v-filterselect-suggestpopup [class$="status"] {
3004
	position: absolute;
3005
	right: 4px;
3006
	background: rgba(212, 212, 212, 0.9);
3007
	color: #3b3b3b;
3008
	border-radius: 0 0 4px 4px;
3009
	height: 23px;
3010
	bottom: -23px;
3011
	font-size: 12px;
3012
	line-height: 23px;
3013
	padding: 0 6px;
3014
	cursor: default;
3015
	pointer-events: none;
3016
	-webkit-animation: valo-animate-in-slide-down 200ms 80ms backwards;
3017
	-moz-animation: valo-animate-in-slide-down 200ms 80ms backwards;
3018
	animation: valo-animate-in-slide-down 200ms 80ms backwards;
3019
}
3020

    
3021
.mytheme .v-filterselect-suggestpopup [class$="status"]  > * {
3022
	color: #3b3b3b;
3023
	text-decoration: none;
3024
}
3025

    
3026
.mytheme .v-filterselect-suggestpopup div[class*="page"] {
3027
	position: absolute;
3028
	z-index: 3;
3029
	right: 0;
3030
	opacity: 0.2;
3031
	filter: alpha(opacity=20) ;
3032
	cursor: pointer;
3033
	-webkit-transition: all 200ms;
3034
	-moz-transition: all 200ms;
3035
	transition: all 200ms;
3036
	width: 25px;
3037
	height: 25px;
3038
	line-height: 25px;
3039
	text-align: center;
3040
	font-family: FontAwesome;
3041
	-webkit-transform: scale(0.8);
3042
	-moz-transform: scale(0.8);
3043
	-ms-transform: scale(0.8);
3044
	-o-transform: scale(0.8);
3045
	transform: scale(0.8);
3046
	color: #464646;
3047
}
3048

    
3049
.mytheme .v-filterselect-suggestpopup div[class*="page"]:after {
3050
	content: "";
3051
	position: absolute;
3052
	display: block;
3053
	border-radius: 50%;
3054
}
3055

    
3056
.mytheme .v-filterselect-suggestpopup div[class*="page"]:hover {
3057
	opacity: 1;
3058
	filter: none ;
3059
	background: rgba(250, 250, 250, 0.5);
3060
}
3061

    
3062
.mytheme .v-filterselect-suggestpopup div[class*="page"]:hover:after {
3063
	top: -10px;
3064
	bottom: -10px;
3065
	left: -20px;
3066
	right: -20px;
3067
}
3068

    
3069
.mytheme .v-filterselect-suggestpopup div[class*="page"] span {
3070
	display: none;
3071
}
3072

    
3073
.mytheme .v-filterselect-suggestpopup:hover div[class*="page"] {
3074
	-webkit-transform: scale(1);
3075
	-moz-transform: scale(1);
3076
	-ms-transform: scale(1);
3077
	-o-transform: scale(1);
3078
	transform: scale(1);
3079
}
3080

    
3081
.mytheme .v-filterselect-suggestpopup div[class*="prev"] {
3082
	top: 0;
3083
	-webkit-transform-origin: 100% 0%;
3084
	-moz-transform-origin: 100% 0%;
3085
	-ms-transform-origin: 100% 0%;
3086
	-o-transform-origin: 100% 0%;
3087
	transform-origin: 100% 0%;
3088
	border-radius: 0 4px 0 4px;
3089
}
3090

    
3091
.mytheme .v-filterselect-suggestpopup div[class*="prev"]:before {
3092
	content: "\f0d8";
3093
}
3094

    
3095
.mytheme .v-filterselect-suggestpopup div[class*="next"] {
3096
	bottom: 0;
3097
	-webkit-transform-origin: 100% 100%;
3098
	-moz-transform-origin: 100% 100%;
3099
	-ms-transform-origin: 100% 100%;
3100
	-o-transform-origin: 100% 100%;
3101
	transform-origin: 100% 100%;
3102
	border-radius: 4px 0 4px 0;
3103
}
3104

    
3105
.mytheme .v-filterselect-suggestpopup div[class*="next"]:before {
3106
	content: "\f0d7";
3107
}
3108

    
3109
.mytheme .v-filterselect-suggestpopup div[class*="-off"] {
3110
	display: none;
3111
}
3112

    
3113
.mytheme .v-filterselect-no-input {
3114
	cursor: pointer;
3115
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
3116
}
3117

    
3118
.mytheme .v-filterselect-no-input [class*="input"] {
3119
	-webkit-user-select: none;
3120
	-moz-user-select: none;
3121
	-ms-user-select: none;
3122
	user-select: none;
3123
	background-color: #fafafa;
3124
	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
3125
	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
3126
	cursor: inherit;
3127
	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
3128
	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
3129
	border: 1px solid #c5c5c5;
3130
	border-top-color: #c5c5c5;
3131
	border-bottom-color: #bcbcbc;
3132
	text-shadow: inherit;
3133
	text-overflow: ellipsis;
3134
	border-radius: inherit;
3135
}
3136

    
3137
.mytheme .v-filterselect-no-input [class*="input"]:focus {
3138
	outline: none;
3139
	-webkit-transition: none;
3140
	-moz-transition: none;
3141
	transition: none;
3142
	border-color: #197de1;
3143
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
3144
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
3145
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
3146
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
3147
}
3148

    
3149
.mytheme .v-filterselect-no-input [class$="button"] {
3150
	border-left: none !important;
3151
}
3152

    
3153
.mytheme .v-filterselect-no-input:hover [class$="button"]:before {
3154
	color: inherit;
3155
}
3156

    
3157
.mytheme .v-filterselect-borderless .v-filterselect-input {
3158
	border: none;
3159
	border-radius: 0;
3160
	background: transparent;
3161
	-webkit-box-shadow: none;
3162
	box-shadow: none;
3163
	color: inherit;
3164
}
3165

    
3166
.mytheme .v-filterselect-borderless .v-filterselect-input:focus {
3167
	-webkit-box-shadow: none;
3168
	box-shadow: none;
3169
}
3170

    
3171
.mytheme .v-filterselect-borderless .v-filterselect-input[class*="prompt"] {
3172
	color: inherit;
3173
	opacity: 0.5;
3174
	filter: alpha(opacity=50) ;
3175
}
3176

    
3177
.mytheme .v-filterselect-borderless .v-filterselect-button {
3178
	border: none;
3179
	color: inherit;
3180
	opacity: 0.5;
3181
	filter: alpha(opacity=50) ;
3182
}
3183

    
3184
.mytheme .v-filterselect-borderless.v-filterselect-prompt .v-filterselect-input {
3185
	color: inherit;
3186
	opacity: 0.5;
3187
	filter: alpha(opacity=50) ;
3188
}
3189

    
3190
.mytheme .v-filterselect-align-right input {
3191
	text-align: right;
3192
}
3193

    
3194
.mytheme .v-filterselect-align-center input {
3195
	text-align: center;
3196
}
3197

    
3198
.mytheme .v-filterselect-tiny {
3199
	height: 28px;
3200
	
3201
	font-size: 12px;
3202
}
3203

    
3204
.mytheme .v-filterselect-tiny [class*="input"] {
3205
	-webkit-box-sizing: border-box;
3206
	-moz-box-sizing: border-box;
3207
	box-sizing: border-box;
3208
	-webkit-appearance: none;
3209
	-moz-appearance: none;
3210
	-ms-appearance: none;
3211
	-o-appearance: none;
3212
	appearance: none;
3213
	-webkit-user-select: text;
3214
	-moz-user-select: text;
3215
	-ms-user-select: text;
3216
	user-select: text;
3217
	margin: 0;
3218
	font: inherit;
3219
	
3220
	font-weight: 400;
3221
	line-height: normal;
3222
	height: 28px;
3223
	
3224
	padding: 3px 5px;
3225
	
3226
	
3227
	-webkit-transition: box-shadow 180ms, border 180ms;
3228
	-moz-transition: box-shadow 180ms, border 180ms;
3229
	transition: box-shadow 180ms, border 180ms;
3230
	width: 100% !important;
3231
	height: 100%;
3232
	padding-right: 34px;
3233
	border-radius: inherit;
3234
}
3235

    
3236
.v-ie8 .mytheme .v-filterselect-tiny [class*="input"], .v-ie9 .mytheme .v-filterselect-tiny [class*="input"] {
3237
	line-height: 28px;
3238
	padding-top: 0;
3239
	padding-bottom: 0;
3240
}
3241

    
3242
.mytheme .v-filterselect-tiny .v-icon + [class*="input"] {
3243
	padding-left: 28px;
3244
}
3245

    
3246
.mytheme .v-filterselect-tiny img.v-icon {
3247
	max-height: 28px;
3248
	margin-left: 5px;
3249
}
3250

    
3251
.mytheme .v-filterselect-tiny span.v-icon {
3252
	
3253
	width: 28px;
3254
	line-height: 1;
3255
	padding-top: 0.12em;
3256
}
3257

    
3258
.mytheme .v-filterselect-tiny [class$="button"] {
3259
	-webkit-tap-highlight-color: transparent;
3260
	-webkit-touch-callout: none;
3261
	cursor: pointer;
3262
	position: absolute;
3263
	top: 1px;
3264
	right: 1px;
3265
	bottom: 1px;
3266
	width: 28px;
3267
	cursor: pointer;
3268
	border-radius: 0 3px 3px 0;
3269
}
3270

    
3271
.mytheme .v-filterselect-tiny [class$="button"]:before {
3272
	font-family: FontAwesome;
3273
	content: "\f078";
3274
	-webkit-transition: color 140ms;
3275
	-moz-transition: color 140ms;
3276
	transition: color 140ms;
3277
	position: absolute;
3278
	width: 28px;
3279
	text-align: center;
3280
	top: 50%;
3281
	line-height: 1;
3282
	margin-top: -0.47em;
3283
}
3284

    
3285
.mytheme .v-filterselect-tiny [class$="button"]:active:after {
3286
	content: "";
3287
	position: absolute;
3288
	top: 0;
3289
	right: 0;
3290
	bottom: 0;
3291
	left: 0;
3292
	border-radius: inherit;
3293
}
3294

    
3295
.mytheme .v-filterselect-tiny.v-disabled {
3296
	opacity: 0.5;
3297
	filter: alpha(opacity=50) ;
3298
}
3299

    
3300
.mytheme .v-filterselect-tiny.v-disabled [class$="button"] {
3301
	cursor: default;
3302
	pointer-events: none;
3303
}
3304

    
3305
.mytheme .v-filterselect-tiny.v-disabled [class$="button"]:active:after {
3306
	display: none;
3307
}
3308

    
3309
.mytheme .v-filterselect-tiny.v-readonly [class*="input"] {
3310
	background: #fafafa;
3311
	color: #464646;
3312
	-webkit-box-shadow: none;
3313
	box-shadow: none;
3314
}
3315

    
3316
.mytheme .v-filterselect-tiny.v-readonly [class*="input"]:focus {
3317
	box-shadow: none;
3318
	border-color: #c5c5c5;
3319
}
3320

    
3321
.mytheme .v-filterselect-tiny.v-readonly [class$="button"] {
3322
	cursor: default;
3323
	pointer-events: none;
3324
}
3325

    
3326
.mytheme .v-filterselect-tiny.v-readonly [class$="button"]:active:after {
3327
	display: none;
3328
}
3329

    
3330
.mytheme .v-filterselect-compact, .mytheme .v-filterselect-small {
3331
	height: 31px;
3332
	
3333
}
3334

    
3335
.mytheme .v-filterselect-compact [class*="input"], .mytheme .v-filterselect-small [class*="input"] {
3336
	-webkit-box-sizing: border-box;
3337
	-moz-box-sizing: border-box;
3338
	box-sizing: border-box;
3339
	-webkit-appearance: none;
3340
	-moz-appearance: none;
3341
	-ms-appearance: none;
3342
	-o-appearance: none;
3343
	appearance: none;
3344
	-webkit-user-select: text;
3345
	-moz-user-select: text;
3346
	-ms-user-select: text;
3347
	user-select: text;
3348
	margin: 0;
3349
	font: inherit;
3350
	
3351
	font-weight: 400;
3352
	line-height: normal;
3353
	height: 31px;
3354
	
3355
	padding: 3px 6px;
3356
	
3357
	
3358
	-webkit-transition: box-shadow 180ms, border 180ms;
3359
	-moz-transition: box-shadow 180ms, border 180ms;
3360
	transition: box-shadow 180ms, border 180ms;
3361
	width: 100% !important;
3362
	height: 100%;
3363
	padding-right: 37px;
3364
	border-radius: inherit;
3365
}
3366

    
3367
.v-ie8 .mytheme .v-filterselect-compact [class*="input"], .v-ie9 .mytheme .v-filterselect-compact [class*="input"], .v-ie8 .mytheme .v-filterselect-small [class*="input"], .v-ie9 .mytheme .v-filterselect-small [class*="input"] {
3368
	line-height: 31px;
3369
	padding-top: 0;
3370
	padding-bottom: 0;
3371
}
3372

    
3373
.mytheme .v-filterselect-compact .v-icon + [class*="input"], .mytheme .v-filterselect-small .v-icon + [class*="input"] {
3374
	padding-left: 31px;
3375
}
3376

    
3377
.mytheme .v-filterselect-compact img.v-icon, .mytheme .v-filterselect-small img.v-icon {
3378
	max-height: 31px;
3379
	margin-left: 6px;
3380
}
3381

    
3382
.mytheme .v-filterselect-compact span.v-icon, .mytheme .v-filterselect-small span.v-icon {
3383
	
3384
	width: 31px;
3385
	line-height: 1;
3386
	padding-top: 0.12em;
3387
}
3388

    
3389
.mytheme .v-filterselect-compact [class$="button"], .mytheme .v-filterselect-small [class$="button"] {
3390
	-webkit-tap-highlight-color: transparent;
3391
	-webkit-touch-callout: none;
3392
	cursor: pointer;
3393
	position: absolute;
3394
	top: 1px;
3395
	right: 1px;
3396
	bottom: 1px;
3397
	width: 31px;
3398
	cursor: pointer;
3399
	border-radius: 0 3px 3px 0;
3400
}
3401

    
3402
.mytheme .v-filterselect-compact [class$="button"]:before, .mytheme .v-filterselect-small [class$="button"]:before {
3403
	font-family: FontAwesome;
3404
	content: "\f078";
3405
	-webkit-transition: color 140ms;
3406
	-moz-transition: color 140ms;
3407
	transition: color 140ms;
3408
	position: absolute;
3409
	width: 31px;
3410
	text-align: center;
3411
	top: 50%;
3412
	line-height: 1;
3413
	margin-top: -0.47em;
3414
}
3415

    
3416
.mytheme .v-filterselect-compact [class$="button"]:active:after, .mytheme .v-filterselect-small [class$="button"]:active:after {
3417
	content: "";
3418
	position: absolute;
3419
	top: 0;
3420
	right: 0;
3421
	bottom: 0;
3422
	left: 0;
3423
	border-radius: inherit;
3424
}
3425

    
3426
.mytheme .v-filterselect-compact.v-disabled, .mytheme .v-filterselect-small.v-disabled {
3427
	opacity: 0.5;
3428
	filter: alpha(opacity=50) ;
3429
}
3430

    
3431
.mytheme .v-filterselect-compact.v-disabled [class$="button"], .mytheme .v-filterselect-small.v-disabled [class$="button"] {
3432
	cursor: default;
3433
	pointer-events: none;
3434
}
3435

    
3436
.mytheme .v-filterselect-compact.v-disabled [class$="button"]:active:after, .mytheme .v-filterselect-small.v-disabled [class$="button"]:active:after {
3437
	display: none;
3438
}
3439

    
3440
.mytheme .v-filterselect-compact.v-readonly [class*="input"], .mytheme .v-filterselect-small.v-readonly [class*="input"] {
3441
	background: #fafafa;
3442
	color: #464646;
3443
	-webkit-box-shadow: none;
3444
	box-shadow: none;
3445
}
3446

    
3447
.mytheme .v-filterselect-compact.v-readonly [class*="input"]:focus, .mytheme .v-filterselect-small.v-readonly [class*="input"]:focus {
3448
	box-shadow: none;
3449
	border-color: #c5c5c5;
3450
}
3451

    
3452
.mytheme .v-filterselect-compact.v-readonly [class$="button"], .mytheme .v-filterselect-small.v-readonly [class$="button"] {
3453
	cursor: default;
3454
	pointer-events: none;
3455
}
3456

    
3457
.mytheme .v-filterselect-compact.v-readonly [class$="button"]:active:after, .mytheme .v-filterselect-small.v-readonly [class$="button"]:active:after {
3458
	display: none;
3459
}
3460

    
3461
.mytheme .v-filterselect-small {
3462
	font-size: 14px;
3463
}
3464

    
3465
.mytheme .v-filterselect-large {
3466
	height: 44px;
3467
	
3468
	font-size: 20px;
3469
}
3470

    
3471
.mytheme .v-filterselect-large [class*="input"] {
3472
	-webkit-box-sizing: border-box;
3473
	-moz-box-sizing: border-box;
3474
	box-sizing: border-box;
3475
	-webkit-appearance: none;
3476
	-moz-appearance: none;
3477
	-ms-appearance: none;
3478
	-o-appearance: none;
3479
	appearance: none;
3480
	-webkit-user-select: text;
3481
	-moz-user-select: text;
3482
	-ms-user-select: text;
3483
	user-select: text;
3484
	margin: 0;
3485
	font: inherit;
3486
	
3487
	font-weight: 400;
3488
	line-height: normal;
3489
	height: 44px;
3490
	
3491
	padding: 5px 8px;
3492
	
3493
	
3494
	-webkit-transition: box-shadow 180ms, border 180ms;
3495
	-moz-transition: box-shadow 180ms, border 180ms;
3496
	transition: box-shadow 180ms, border 180ms;
3497
	width: 100% !important;
3498
	height: 100%;
3499
	padding-right: 53px;
3500
	border-radius: inherit;
3501
}
3502

    
3503
.v-ie8 .mytheme .v-filterselect-large [class*="input"], .v-ie9 .mytheme .v-filterselect-large [class*="input"] {
3504
	line-height: 44px;
3505
	padding-top: 0;
3506
	padding-bottom: 0;
3507
}
3508

    
3509
.mytheme .v-filterselect-large .v-icon + [class*="input"] {
3510
	padding-left: 44px;
3511
}
3512

    
3513
.mytheme .v-filterselect-large img.v-icon {
3514
	max-height: 44px;
3515
	margin-left: 8px;
3516
}
3517

    
3518
.mytheme .v-filterselect-large span.v-icon {
3519
	
3520
	width: 44px;
3521
	line-height: 1;
3522
	padding-top: 0.12em;
3523
}
3524

    
3525
.mytheme .v-filterselect-large [class$="button"] {
3526
	-webkit-tap-highlight-color: transparent;
3527
	-webkit-touch-callout: none;
3528
	cursor: pointer;
3529
	position: absolute;
3530
	top: 1px;
3531
	right: 1px;
3532
	bottom: 1px;
3533
	width: 44px;
3534
	cursor: pointer;
3535
	border-radius: 0 3px 3px 0;
3536
}
3537

    
3538
.mytheme .v-filterselect-large [class$="button"]:before {
3539
	font-family: FontAwesome;
3540
	content: "\f078";
3541
	-webkit-transition: color 140ms;
3542
	-moz-transition: color 140ms;
3543
	transition: color 140ms;
3544
	position: absolute;
3545
	width: 44px;
3546
	text-align: center;
3547
	top: 50%;
3548
	line-height: 1;
3549
	margin-top: -0.47em;
3550
}
3551

    
3552
.mytheme .v-filterselect-large [class$="button"]:active:after {
3553
	content: "";
3554
	position: absolute;
3555
	top: 0;
3556
	right: 0;
3557
	bottom: 0;
3558
	left: 0;
3559
	border-radius: inherit;
3560
}
3561

    
3562
.mytheme .v-filterselect-large.v-disabled {
3563
	opacity: 0.5;
3564
	filter: alpha(opacity=50) ;
3565
}
3566

    
3567
.mytheme .v-filterselect-large.v-disabled [class$="button"] {
3568
	cursor: default;
3569
	pointer-events: none;
3570
}
3571

    
3572
.mytheme .v-filterselect-large.v-disabled [class$="button"]:active:after {
3573
	display: none;
3574
}
3575

    
3576
.mytheme .v-filterselect-large.v-readonly [class*="input"] {
3577
	background: #fafafa;
3578
	color: #464646;
3579
	-webkit-box-shadow: none;
3580
	box-shadow: none;
3581
}
3582

    
3583
.mytheme .v-filterselect-large.v-readonly [class*="input"]:focus {
3584
	box-shadow: none;
3585
	border-color: #c5c5c5;
3586
}
3587

    
3588
.mytheme .v-filterselect-large.v-readonly [class$="button"] {
3589
	cursor: default;
3590
	pointer-events: none;
3591
}
3592

    
3593
.mytheme .v-filterselect-large.v-readonly [class$="button"]:active:after {
3594
	display: none;
3595
}
3596

    
3597
.mytheme .v-filterselect-huge {
3598
	height: 59px;
3599
	
3600
	font-size: 26px;
3601
}
3602

    
3603
.mytheme .v-filterselect-huge [class*="input"] {
3604
	-webkit-box-sizing: border-box;
3605
	-moz-box-sizing: border-box;
3606
	box-sizing: border-box;
3607
	-webkit-appearance: none;
3608
	-moz-appearance: none;
3609
	-ms-appearance: none;
3610
	-o-appearance: none;
3611
	appearance: none;
3612
	-webkit-user-select: text;
3613
	-moz-user-select: text;
3614
	-ms-user-select: text;
3615
	user-select: text;
3616
	margin: 0;
3617
	font: inherit;
3618
	
3619
	font-weight: 400;
3620
	line-height: normal;
3621
	height: 59px;
3622
	
3623
	padding: 7px 10px;
3624
	
3625
	
3626
	-webkit-transition: box-shadow 180ms, border 180ms;
3627
	-moz-transition: box-shadow 180ms, border 180ms;
3628
	transition: box-shadow 180ms, border 180ms;
3629
	width: 100% !important;
3630
	height: 100%;
3631
	padding-right: 71px;
3632
	border-radius: inherit;
3633
}
3634

    
3635
.v-ie8 .mytheme .v-filterselect-huge [class*="input"], .v-ie9 .mytheme .v-filterselect-huge [class*="input"] {
3636
	line-height: 59px;
3637
	padding-top: 0;
3638
	padding-bottom: 0;
3639
}
3640

    
3641
.mytheme .v-filterselect-huge .v-icon + [class*="input"] {
3642
	padding-left: 59px;
3643
}
3644

    
3645
.mytheme .v-filterselect-huge img.v-icon {
3646
	max-height: 59px;
3647
	margin-left: 10px;
3648
}
3649

    
3650
.mytheme .v-filterselect-huge span.v-icon {
3651
	
3652
	width: 59px;
3653
	line-height: 1;
3654
	padding-top: 0.12em;
3655
}
3656

    
3657
.mytheme .v-filterselect-huge [class$="button"] {
3658
	-webkit-tap-highlight-color: transparent;
3659
	-webkit-touch-callout: none;
3660
	cursor: pointer;
3661
	position: absolute;
3662
	top: 1px;
3663
	right: 1px;
3664
	bottom: 1px;
3665
	width: 59px;
3666
	cursor: pointer;
3667
	border-radius: 0 3px 3px 0;
3668
}
3669

    
3670
.mytheme .v-filterselect-huge [class$="button"]:before {
3671
	font-family: FontAwesome;
3672
	content: "\f078";
3673
	-webkit-transition: color 140ms;
3674
	-moz-transition: color 140ms;
3675
	transition: color 140ms;
3676
	position: absolute;
3677
	width: 59px;
3678
	text-align: center;
3679
	top: 50%;
3680
	line-height: 1;
3681
	margin-top: -0.47em;
3682
}
3683

    
3684
.mytheme .v-filterselect-huge [class$="button"]:active:after {
3685
	content: "";
3686
	position: absolute;
3687
	top: 0;
3688
	right: 0;
3689
	bottom: 0;
3690
	left: 0;
3691
	border-radius: inherit;
3692
}
3693

    
3694
.mytheme .v-filterselect-huge.v-disabled {
3695
	opacity: 0.5;
3696
	filter: alpha(opacity=50) ;
3697
}
3698

    
3699
.mytheme .v-filterselect-huge.v-disabled [class$="button"] {
3700
	cursor: default;
3701
	pointer-events: none;
3702
}
3703

    
3704
.mytheme .v-filterselect-huge.v-disabled [class$="button"]:active:after {
3705
	display: none;
3706
}
3707

    
3708
.mytheme .v-filterselect-huge.v-readonly [class*="input"] {
3709
	background: #fafafa;
3710
	color: #464646;
3711
	-webkit-box-shadow: none;
3712
	box-shadow: none;
3713
}
3714

    
3715
.mytheme .v-filterselect-huge.v-readonly [class*="input"]:focus {
3716
	box-shadow: none;
3717
	border-color: #c5c5c5;
3718
}
3719

    
3720
.mytheme .v-filterselect-huge.v-readonly [class$="button"] {
3721
	cursor: default;
3722
	pointer-events: none;
3723
}
3724

    
3725
.mytheme .v-filterselect-huge.v-readonly [class$="button"]:active:after {
3726
	display: none;
3727
}
3728

    
3729
.mytheme .v-csslayout-well {
3730
	background: #f5f5f5;
3731
	color: #454545;
3732
	-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 2px 3px rgba(0, 0, 0, 0.05);
3733
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 2px 3px rgba(0, 0, 0, 0.05);
3734
	border-radius: 4px;
3735
	border: 1px solid #c5c5c5;
3736
}
3737

    
3738
.mytheme .v-csslayout-well  > div > [class*="-caption"] {
3739
	background: transparent;
3740
	-webkit-box-shadow: none;
3741
	box-shadow: none;
3742
}
3743

    
3744
.mytheme .v-csslayout-well  > .v-margin-top {
3745
	padding-top: 12px;
3746
}
3747

    
3748
.mytheme .v-csslayout-well  > .v-margin-right {
3749
	padding-right: 12px;
3750
}
3751

    
3752
.mytheme .v-csslayout-well  > .v-margin-bottom {
3753
	padding-bottom: 12px;
3754
}
3755

    
3756
.mytheme .v-csslayout-well  > .v-margin-left {
3757
	padding-left: 12px;
3758
}
3759

    
3760
.mytheme .v-csslayout-card {
3761
	background: white;
3762
	color: #474747;
3763
	border-radius: 4px;
3764
	border: 1px solid #d5d5d5;
3765
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
3766
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
3767
}
3768

    
3769
.mytheme .v-csslayout-card  > .v-margin-top {
3770
	padding-top: 12px;
3771
}
3772

    
3773
.mytheme .v-csslayout-card  > .v-margin-right {
3774
	padding-right: 12px;
3775
}
3776

    
3777
.mytheme .v-csslayout-card  > .v-margin-bottom {
3778
	padding-bottom: 12px;
3779
}
3780

    
3781
.mytheme .v-csslayout-card  > .v-margin-left {
3782
	padding-left: 12px;
3783
}
3784

    
3785
.mytheme .v-csslayout-v-component-group {
3786
	white-space: nowrap;
3787
	position: relative;
3788
}
3789

    
3790
.mytheme .v-csslayout-v-component-group .v-widget ~ .v-widget:not(:last-child) {
3791
	border-radius: 0;
3792
}
3793

    
3794
.mytheme .v-csslayout-v-component-group .v-widget:last-child {
3795
	border-top-left-radius: 0;
3796
	border-bottom-left-radius: 0;
3797
}
3798

    
3799
.mytheme .v-csslayout-v-component-group .v-widget:first-child, .mytheme .v-csslayout-v-component-group .v-caption:first-child + .v-widget {
3800
	border-top-right-radius: 0;
3801
	border-bottom-right-radius: 0;
3802
}
3803

    
3804
.mytheme .v-csslayout-v-component-group .v-widget ~ .v-widget.first.first {
3805
	border-radius: 4px 0 0 4px;
3806
}
3807

    
3808
.mytheme .v-csslayout-v-component-group .v-widget ~ .v-widget.last.last {
3809
	border-radius: 0 4px 4px 0;
3810
}
3811

    
3812
.mytheme .v-csslayout-v-component-group .v-widget {
3813
	vertical-align: middle;
3814
	margin-left: -1px;
3815
}
3816

    
3817
.mytheme .v-csslayout-v-component-group .v-widget:first-child {
3818
	margin-left: 0;
3819
}
3820

    
3821
.mytheme .v-csslayout-v-component-group .v-widget:focus, .mytheme .v-csslayout-v-component-group .v-widget[class*="focus"], .mytheme .v-csslayout-v-component-group .v-widget [class*="focus"] {
3822
	position: relative;
3823
	z-index: 5;
3824
}
3825

    
3826
.mytheme .v-form fieldset {
3827
	border: none;
3828
	padding: 0;
3829
	margin: 0;
3830
	height: 100%;
3831
}
3832

    
3833
.mytheme .v-form-content {
3834
	height: 100%;
3835
	-webkit-box-sizing: border-box;
3836
	-moz-box-sizing: border-box;
3837
	box-sizing: border-box;
3838
}
3839

    
3840
.mytheme [class*="spacing"] > tbody > [class*="row"] > td {
3841
	padding-top: 12px;
3842
}
3843

    
3844
.mytheme [class*="spacing"] > tbody > [class*="firstrow"] > td {
3845
	padding-top: 0;
3846
}
3847

    
3848
.mytheme [class*="margin-top"] > tbody > [class*="firstrow"] > td {
3849
	padding-top: 37px;
3850
}
3851

    
3852
.mytheme [class*="margin-bottom"] > tbody > [class*="lastrow"] > td {
3853
	padding-bottom: 37px;
3854
}
3855

    
3856
.mytheme [class*="margin-left"] > tbody > [class*="row"] > [class*="captioncell"] {
3857
	padding-left: 37px;
3858
}
3859

    
3860
.mytheme [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"]  > .v-label-h2, .mytheme [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"]  > .v-label-h3, .mytheme [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"]  > .v-label-h4 {
3861
	left: 37px;
3862
}
3863

    
3864
.mytheme [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] {
3865
	padding-right: 37px;
3866
}
3867

    
3868
.mytheme [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"]  > .v-label-h2, .mytheme [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"]  > .v-label-h3, .mytheme [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"]  > .v-label-h4 {
3869
	right: 37px;
3870
}
3871

    
3872
.mytheme .v-formlayout > table {
3873
	border-spacing: 0;
3874
	position: relative;
3875
}
3876

    
3877
.mytheme .v-formlayout.v-has-width > table, .mytheme .v-formlayout.v-has-width .v-formlayout-contentcell {
3878
	width: 100%;
3879
}
3880

    
3881
.mytheme .v-formlayout-error-indicator {
3882
	width: 19px;
3883
}
3884

    
3885
.mytheme .v-formlayout-captioncell {
3886
	vertical-align: top;
3887
	line-height: 36px;
3888
}
3889

    
3890
.mytheme .v-formlayout-captioncell .v-caption {
3891
	padding-bottom: 0;
3892
}
3893

    
3894
.mytheme .v-formlayout-captioncell .v-caption-h2, .mytheme .v-formlayout-captioncell .v-caption-h3, .mytheme .v-formlayout-captioncell .v-caption-h4 {
3895
	height: 3em;
3896
}
3897

    
3898
.mytheme .v-formlayout-contentcell .v-checkbox, .mytheme .v-formlayout-contentcell .v-radiobutton {
3899
	font-weight: 400;
3900
}
3901

    
3902
.mytheme .v-formlayout-contentcell  > .v-label-h2, .mytheme .v-formlayout-contentcell  > .v-label-h3, .mytheme .v-formlayout-contentcell  > .v-label-h4 {
3903
	position: absolute;
3904
	left: 0;
3905
	right: 0;
3906
	width: auto !important;
3907
	margin-top: -0.5em;
3908
	padding-bottom: 0.5em;
3909
	border-bottom: 1px solid #dfdfdf;
3910
}
3911

    
3912
.mytheme .v-formlayout.light  > table {
3913
	padding: 0;
3914
}
3915

    
3916
.mytheme .v-formlayout.light  > table > tbody > tr > td {
3917
	padding-top: 0;
3918
	height: 37px;
3919
	border-bottom: 1px solid #eaeaea;
3920
}
3921

    
3922
.mytheme .v-formlayout.light  > table > tbody > [class*="lastrow"] > td {
3923
	border-bottom: none;
3924
}
3925

    
3926
.mytheme .v-formlayout.light  > table > tbody > tr > [class*="captioncell"] {
3927
	color: #7d7d7d;
3928
	text-align: right;
3929
	padding-left: 13px;
3930
	line-height: 37px;
3931
}
3932

    
3933
.mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"] {
3934
	padding-right: 0;
3935
}
3936

    
3937
.mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textfield, .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textarea, .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-filterselect, .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-datefield, .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-filterselect-input, .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-datefield-textfield {
3938
	width: 100%;
3939
}
3940

    
3941
.mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textfield, .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textarea, .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-filterselect input, .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-datefield input, .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-richtextarea {
3942
	-webkit-appearance: none;
3943
	-moz-appearance: none;
3944
	-ms-appearance: none;
3945
	-o-appearance: none;
3946
	appearance: none;
3947
	-webkit-user-select: text;
3948
	-moz-user-select: text;
3949
	-ms-user-select: text;
3950
	user-select: text;
3951
	margin: 0;
3952
	font: inherit;
3953
	
3954
	font-weight: 400;
3955
	line-height: normal;
3956
	height: 37px;
3957
	border-radius: 0;
3958
	padding: 4px 7px;
3959
	
3960
	-webkit-box-shadow: none;
3961
	box-shadow: none;
3962
	-webkit-transition: box-shadow 180ms, border 180ms;
3963
	-moz-transition: box-shadow 180ms, border 180ms;
3964
	transition: box-shadow 180ms, border 180ms;
3965
	background: transparent;
3966
	border: none;
3967
	color: inherit;
3968
}
3969

    
3970
.v-ie8 .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textfield, .v-ie9 .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textfield, .v-ie8 .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textarea, .v-ie9 .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textarea, .v-ie8 .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-filterselect input, .v-ie9 .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-filterselect input, .v-ie8 .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-datefield input, .v-ie9 .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-datefield input, .v-ie8 .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-richtextarea, .v-ie9 .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-richtextarea {
3971
	line-height: 37px;
3972
	padding-top: 0;
3973
	padding-bottom: 0;
3974
}
3975

    
3976
.mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textfield.v-disabled, .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textarea.v-disabled, .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-filterselect input.v-disabled, .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-datefield input.v-disabled, .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-richtextarea.v-disabled {
3977
	opacity: 0.5;
3978
	filter: alpha(opacity=50) ;
3979
}
3980

    
3981
.mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textfield:focus, .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textarea:focus, .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-filterselect input:focus, .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-datefield input:focus, .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-richtextarea:focus {
3982
	outline: none;
3983
	-webkit-transition: none;
3984
	-moz-transition: none;
3985
	transition: none;
3986
	border-color: #197de1;
3987
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), none;
3988
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), none;
3989
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
3990
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
3991
}
3992

    
3993
.mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textfield:focus, .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textarea:focus, .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-filterselect input:focus, .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-datefield input:focus, .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-richtextarea:focus {
3994
	box-shadow: none;
3995
}
3996

    
3997
.mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textfield-prompt, .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textarea-prompt, .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-filterselect-prompt input, .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-datefield-prompt input {
3998
	color: #a3a3a3;
3999
}
4000

    
4001
.mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textarea, .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-richtextarea {
4002
	height: auto;
4003
}
4004

    
4005
.mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-label-h2, .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-label-h3, .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-label-h4 {
4006
	border-bottom: none;
4007
	left: 0;
4008
	right: 0;
4009
}
4010

    
4011
.mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-label-h3, .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-label-h4 {
4012
	margin-top: 0;
4013
}
4014

    
4015
.mytheme .v-formlayout.light .v-richtextarea {
4016
	margin: 5px 0;
4017
}
4018

    
4019
.mytheme .v-formlayout.light .v-filterselect-button, .mytheme .v-formlayout.light .v-datefield-button {
4020
	border: none;
4021
}
4022

    
4023
.mytheme .v-formlayout.light .v-filterselect-button:active:after, .mytheme .v-formlayout.light .v-datefield-button:active:after {
4024
	display: none;
4025
}
4026

    
4027
.mytheme .v-formlayout.light .v-datefield-button {
4028
	right: 0;
4029
	left: auto;
4030
}
4031

    
4032
.mytheme .v-formlayout.light .v-checkbox {
4033
	margin-left: 7px;
4034
}
4035

    
4036
.mytheme .v-escalator {
4037
	position: relative;
4038
	background-color: white;
4039
}
4040

    
4041
.mytheme .v-escalator-scroller {
4042
	position: absolute;
4043
	overflow: auto;
4044
	z-index: 20;
4045
}
4046

    
4047
.mytheme .v-escalator-scroller-horizontal {
4048
	left: 0;
4049
	right: 0;
4050
	bottom: 0;
4051
	overflow-y: hidden;
4052
	-ms-overflow-y: hidden;
4053
}
4054

    
4055
.mytheme .v-escalator-scroller-vertical {
4056
	right: 0;
4057
	top: 0;
4058
	bottom: 0;
4059
	overflow-x: hidden;
4060
	-ms-overflow-x: hidden;
4061
}
4062

    
4063
.mytheme .v-escalator-tablewrapper {
4064
	position: absolute;
4065
	overflow: hidden;
4066
}
4067

    
4068
.mytheme .v-escalator-tablewrapper > table {
4069
	border-spacing: 0;
4070
	table-layout: fixed;
4071
	width: inherit;
4072
}
4073

    
4074
.mytheme .v-escalator-header, .mytheme .v-escalator-body, .mytheme .v-escalator-footer {
4075
	position: absolute;
4076
	left: 0;
4077
	width: inherit;
4078
	z-index: 10;
4079
}
4080

    
4081
.mytheme .v-escalator-header {
4082
	top: 0;
4083
}
4084

    
4085
.mytheme .v-escalator-footer {
4086
	bottom: 0;
4087
}
4088

    
4089
.mytheme .v-escalator-body {
4090
	z-index: 0;
4091
	top: 0;
4092
}
4093

    
4094
.mytheme .v-escalator-body .v-escalator-row {
4095
	position: absolute;
4096
	top: 0;
4097
	left: 0;
4098
}
4099

    
4100
.mytheme .v-escalator-row {
4101
	display: block;
4102
}
4103

    
4104
.v-ie8 .mytheme .v-escalator-row {
4105
	float: left;
4106
	clear: left;
4107
	margin-top: 0;
4108
}
4109

    
4110
.mytheme .v-escalator-row  > td, .mytheme .v-escalator-row  > th {
4111
	background-color: white;
4112
}
4113

    
4114
.mytheme .v-escalator-row {
4115
	width: inherit;
4116
}
4117

    
4118
.mytheme .v-escalator-cell {
4119
	display: block;
4120
	float: left;
4121
	border: 1px solid #aaa;
4122
	padding: 2px;
4123
	white-space: nowrap;
4124
	-moz-box-sizing: border-box;
4125
	box-sizing: border-box;
4126
}
4127

    
4128
.mytheme .v-escalator-cell.frozen {
4129
	position: relative;
4130
	z-index: 0;
4131
}
4132

    
4133
.mytheme .v-textfield {
4134
	-webkit-appearance: none;
4135
	-moz-appearance: none;
4136
	-ms-appearance: none;
4137
	-o-appearance: none;
4138
	appearance: none;
4139
	-webkit-user-select: text;
4140
	-moz-user-select: text;
4141
	-ms-user-select: text;
4142
	user-select: text;
4143
	margin: 0;
4144
	font: inherit;
4145
	
4146
	font-weight: 400;
4147
	line-height: normal;
4148
	height: 37px;
4149
	border-radius: 4px;
4150
	padding: 4px 9px;
4151
	border: 1px solid #c5c5c5;
4152
	background: white;
4153
	color: #474747;
4154
	-webkit-box-shadow: inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
4155
	box-shadow: inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
4156
	-webkit-transition: box-shadow 180ms, border 180ms;
4157
	-moz-transition: box-shadow 180ms, border 180ms;
4158
	transition: box-shadow 180ms, border 180ms;
4159
	width: 185px;
4160
}
4161

    
4162
.v-ie8 .mytheme .v-textfield, .v-ie9 .mytheme .v-textfield {
4163
	line-height: 37px;
4164
	padding-top: 0;
4165
	padding-bottom: 0;
4166
}
4167

    
4168
.mytheme .v-textfield.v-disabled {
4169
	opacity: 0.5;
4170
	filter: alpha(opacity=50) ;
4171
}
4172

    
4173
.mytheme .v-textfield:focus {
4174
	outline: none;
4175
	-webkit-transition: none;
4176
	-moz-transition: none;
4177
	transition: none;
4178
	border-color: #197de1;
4179
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
4180
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
4181
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
4182
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
4183
}
4184

    
4185
.mytheme .v-textfield[class*="prompt"] {
4186
	color: #a3a3a3;
4187
}
4188

    
4189
.mytheme .v-textfield-readonly {
4190
	background: #fafafa;
4191
	color: #464646;
4192
	-webkit-box-shadow: none;
4193
	box-shadow: none;
4194
}
4195

    
4196
.mytheme .v-textfield-readonly:focus {
4197
	box-shadow: none;
4198
	border-color: #c5c5c5;
4199
}
4200

    
4201
.mytheme .v-textfield-error {
4202
	border-color: #ed473b !important;
4203
	background: #fffbfb;
4204
	color: #6c2621;
4205
}
4206

    
4207
.mytheme .v-textfield-borderless {
4208
	border: none;
4209
	border-radius: 0;
4210
	background: transparent;
4211
	-webkit-box-shadow: none;
4212
	box-shadow: none;
4213
	color: inherit;
4214
}
4215

    
4216
.mytheme .v-textfield-borderless:focus {
4217
	-webkit-box-shadow: none;
4218
	box-shadow: none;
4219
}
4220

    
4221
.mytheme .v-textfield-borderless[class*="prompt"] {
4222
	color: inherit;
4223
	opacity: 0.5;
4224
	filter: alpha(opacity=50) ;
4225
}
4226

    
4227
.mytheme .v-textfield-tiny {
4228
	-webkit-appearance: none;
4229
	-moz-appearance: none;
4230
	-ms-appearance: none;
4231
	-o-appearance: none;
4232
	appearance: none;
4233
	-webkit-user-select: text;
4234
	-moz-user-select: text;
4235
	-ms-user-select: text;
4236
	user-select: text;
4237
	margin: 0;
4238
	font: inherit;
4239
	
4240
	font-weight: 400;
4241
	line-height: normal;
4242
	height: 28px;
4243
	border-radius: 4px;
4244
	padding: 3px 7px;
4245
	
4246
	
4247
	-webkit-transition: box-shadow 180ms, border 180ms;
4248
	-moz-transition: box-shadow 180ms, border 180ms;
4249
	transition: box-shadow 180ms, border 180ms;
4250
	font-size: 12px;
4251
}
4252

    
4253
.v-ie8 .mytheme .v-textfield-tiny, .v-ie9 .mytheme .v-textfield-tiny {
4254
	line-height: 28px;
4255
	padding-top: 0;
4256
	padding-bottom: 0;
4257
}
4258

    
4259
.mytheme .v-textfield-compact, .mytheme .v-textfield-small {
4260
	-webkit-appearance: none;
4261
	-moz-appearance: none;
4262
	-ms-appearance: none;
4263
	-o-appearance: none;
4264
	appearance: none;
4265
	-webkit-user-select: text;
4266
	-moz-user-select: text;
4267
	-ms-user-select: text;
4268
	user-select: text;
4269
	margin: 0;
4270
	font: inherit;
4271
	
4272
	font-weight: 400;
4273
	line-height: normal;
4274
	height: 31px;
4275
	border-radius: 4px;
4276
	padding: 3px 8px;
4277
	
4278
	
4279
	-webkit-transition: box-shadow 180ms, border 180ms;
4280
	-moz-transition: box-shadow 180ms, border 180ms;
4281
	transition: box-shadow 180ms, border 180ms;
4282
}
4283

    
4284
.v-ie8 .mytheme .v-textfield-compact, .v-ie9 .mytheme .v-textfield-compact, .v-ie8 .mytheme .v-textfield-small, .v-ie9 .mytheme .v-textfield-small {
4285
	line-height: 31px;
4286
	padding-top: 0;
4287
	padding-bottom: 0;
4288
}
4289

    
4290
.mytheme .v-textfield-small {
4291
	font-size: 14px;
4292
}
4293

    
4294
.mytheme .v-textfield-large {
4295
	-webkit-appearance: none;
4296
	-moz-appearance: none;
4297
	-ms-appearance: none;
4298
	-o-appearance: none;
4299
	appearance: none;
4300
	-webkit-user-select: text;
4301
	-moz-user-select: text;
4302
	-ms-user-select: text;
4303
	user-select: text;
4304
	margin: 0;
4305
	font: inherit;
4306
	
4307
	font-weight: 400;
4308
	line-height: normal;
4309
	height: 44px;
4310
	border-radius: 4px;
4311
	padding: 5px 10px;
4312
	
4313
	
4314
	-webkit-transition: box-shadow 180ms, border 180ms;
4315
	-moz-transition: box-shadow 180ms, border 180ms;
4316
	transition: box-shadow 180ms, border 180ms;
4317
	font-size: 20px;
4318
}
4319

    
4320
.v-ie8 .mytheme .v-textfield-large, .v-ie9 .mytheme .v-textfield-large {
4321
	line-height: 44px;
4322
	padding-top: 0;
4323
	padding-bottom: 0;
4324
}
4325

    
4326
.mytheme .v-textfield-huge {
4327
	-webkit-appearance: none;
4328
	-moz-appearance: none;
4329
	-ms-appearance: none;
4330
	-o-appearance: none;
4331
	appearance: none;
4332
	-webkit-user-select: text;
4333
	-moz-user-select: text;
4334
	-ms-user-select: text;
4335
	user-select: text;
4336
	margin: 0;
4337
	font: inherit;
4338
	
4339
	font-weight: 400;
4340
	line-height: normal;
4341
	height: 59px;
4342
	border-radius: 4px;
4343
	padding: 7px 12px;
4344
	
4345
	
4346
	-webkit-transition: box-shadow 180ms, border 180ms;
4347
	-moz-transition: box-shadow 180ms, border 180ms;
4348
	transition: box-shadow 180ms, border 180ms;
4349
	font-size: 26px;
4350
}
4351

    
4352
.v-ie8 .mytheme .v-textfield-huge, .v-ie9 .mytheme .v-textfield-huge {
4353
	line-height: 59px;
4354
	padding-top: 0;
4355
	padding-bottom: 0;
4356
}
4357

    
4358
.mytheme .v-slot-inline-icon {
4359
	position: relative;
4360
}
4361

    
4362
.mytheme .v-caption-inline-icon {
4363
	padding: 0;
4364
}
4365

    
4366
.mytheme .v-caption-inline-icon .v-captiontext {
4367
	font-size: 14px;
4368
	font-weight: 400;
4369
	padding-bottom: 0.3em;
4370
	padding-left: 1px;
4371
	margin: 0;
4372
}
4373

    
4374
.mytheme .v-caption-inline-icon .v-icon {
4375
	position: absolute;
4376
	z-index: 10;
4377
}
4378

    
4379
.mytheme .v-caption-inline-icon span.v-icon {
4380
	left: 1px;
4381
	bottom: 1px;
4382
	width: 37px;
4383
	line-height: 35px;
4384
	text-align: center;
4385
	font-size: 16px;
4386
}
4387

    
4388
.mytheme .v-caption-inline-icon img.v-icon {
4389
	left: 11px;
4390
	bottom: 11px;
4391
}
4392

    
4393
.mytheme .v-textfield-inline-icon  {
4394
	padding-left: 37px;
4395
}
4396

    
4397
.mytheme .v-slot-inline-icon.v-slot-tiny {
4398
	position: relative;
4399
}
4400

    
4401
.mytheme .v-caption-inline-icon.v-caption-tiny {
4402
	padding: 0;
4403
}
4404

    
4405
.mytheme .v-caption-inline-icon.v-caption-tiny .v-captiontext {
4406
	font-size: 14px;
4407
	font-weight: 400;
4408
	padding-bottom: 0.3em;
4409
	padding-left: 1px;
4410
	margin: 0;
4411
}
4412

    
4413
.mytheme .v-caption-inline-icon.v-caption-tiny .v-icon {
4414
	position: absolute;
4415
	z-index: 10;
4416
}
4417

    
4418
.mytheme .v-caption-inline-icon.v-caption-tiny span.v-icon {
4419
	left: 1px;
4420
	bottom: 1px;
4421
	width: 28px;
4422
	line-height: 26px;
4423
	text-align: center;
4424
	font-size: 12px;
4425
}
4426

    
4427
.mytheme .v-caption-inline-icon.v-caption-tiny img.v-icon {
4428
	left: 6px;
4429
	bottom: 6px;
4430
}
4431

    
4432
.mytheme .v-textfield-inline-icon.v-textfield-tiny  {
4433
	padding-left: 28px;
4434
}
4435

    
4436
.mytheme .v-slot-inline-icon.v-slot-compact {
4437
	position: relative;
4438
}
4439

    
4440
.mytheme .v-caption-inline-icon.v-caption-compact {
4441
	padding: 0;
4442
}
4443

    
4444
.mytheme .v-caption-inline-icon.v-caption-compact .v-captiontext {
4445
	font-size: 14px;
4446
	font-weight: 400;
4447
	padding-bottom: 0.3em;
4448
	padding-left: 1px;
4449
	margin: 0;
4450
}
4451

    
4452
.mytheme .v-caption-inline-icon.v-caption-compact .v-icon {
4453
	position: absolute;
4454
	z-index: 10;
4455
}
4456

    
4457
.mytheme .v-caption-inline-icon.v-caption-compact span.v-icon {
4458
	left: 1px;
4459
	bottom: 1px;
4460
	width: 31px;
4461
	line-height: 29px;
4462
	text-align: center;
4463
	font-size: 16px;
4464
}
4465

    
4466
.mytheme .v-caption-inline-icon.v-caption-compact img.v-icon {
4467
	left: 8px;
4468
	bottom: 8px;
4469
}
4470

    
4471
.mytheme .v-textfield-inline-icon.v-textfield-compact  {
4472
	padding-left: 31px;
4473
}
4474

    
4475
.mytheme .v-slot-inline-icon.v-slot-small {
4476
	position: relative;
4477
}
4478

    
4479
.mytheme .v-caption-inline-icon.v-caption-small {
4480
	padding: 0;
4481
}
4482

    
4483
.mytheme .v-caption-inline-icon.v-caption-small .v-captiontext {
4484
	font-size: 14px;
4485
	font-weight: 400;
4486
	padding-bottom: 0.3em;
4487
	padding-left: 1px;
4488
	margin: 0;
4489
}
4490

    
4491
.mytheme .v-caption-inline-icon.v-caption-small .v-icon {
4492
	position: absolute;
4493
	z-index: 10;
4494
}
4495

    
4496
.mytheme .v-caption-inline-icon.v-caption-small span.v-icon {
4497
	left: 1px;
4498
	bottom: 1px;
4499
	width: 31px;
4500
	line-height: 29px;
4501
	text-align: center;
4502
	font-size: 14px;
4503
}
4504

    
4505
.mytheme .v-caption-inline-icon.v-caption-small img.v-icon {
4506
	left: 8px;
4507
	bottom: 8px;
4508
}
4509

    
4510
.mytheme .v-textfield-inline-icon.v-textfield-small  {
4511
	padding-left: 31px;
4512
}
4513

    
4514
.mytheme .v-slot-inline-icon.v-slot-large {
4515
	position: relative;
4516
}
4517

    
4518
.mytheme .v-caption-inline-icon.v-caption-large {
4519
	padding: 0;
4520
}
4521

    
4522
.mytheme .v-caption-inline-icon.v-caption-large .v-captiontext {
4523
	font-size: 14px;
4524
	font-weight: 400;
4525
	padding-bottom: 0.3em;
4526
	padding-left: 1px;
4527
	margin: 0;
4528
}
4529

    
4530
.mytheme .v-caption-inline-icon.v-caption-large .v-icon {
4531
	position: absolute;
4532
	z-index: 10;
4533
}
4534

    
4535
.mytheme .v-caption-inline-icon.v-caption-large span.v-icon {
4536
	left: 1px;
4537
	bottom: 1px;
4538
	width: 44px;
4539
	line-height: 42px;
4540
	text-align: center;
4541
	font-size: 20px;
4542
}
4543

    
4544
.mytheme .v-caption-inline-icon.v-caption-large img.v-icon {
4545
	left: 14px;
4546
	bottom: 14px;
4547
}
4548

    
4549
.mytheme .v-textfield-inline-icon.v-textfield-large  {
4550
	padding-left: 44px;
4551
}
4552

    
4553
.mytheme .v-slot-inline-icon.v-slot-huge {
4554
	position: relative;
4555
}
4556

    
4557
.mytheme .v-caption-inline-icon.v-caption-huge {
4558
	padding: 0;
4559
}
4560

    
4561
.mytheme .v-caption-inline-icon.v-caption-huge .v-captiontext {
4562
	font-size: 14px;
4563
	font-weight: 400;
4564
	padding-bottom: 0.3em;
4565
	padding-left: 1px;
4566
	margin: 0;
4567
}
4568

    
4569
.mytheme .v-caption-inline-icon.v-caption-huge .v-icon {
4570
	position: absolute;
4571
	z-index: 10;
4572
}
4573

    
4574
.mytheme .v-caption-inline-icon.v-caption-huge span.v-icon {
4575
	left: 1px;
4576
	bottom: 1px;
4577
	width: 59px;
4578
	line-height: 57px;
4579
	text-align: center;
4580
	font-size: 26px;
4581
}
4582

    
4583
.mytheme .v-caption-inline-icon.v-caption-huge img.v-icon {
4584
	left: 22px;
4585
	bottom: 22px;
4586
}
4587

    
4588
.mytheme .v-textfield-inline-icon.v-textfield-huge  {
4589
	padding-left: 59px;
4590
}
4591

    
4592
.mytheme .v-textfield-align-right {
4593
	text-align: right;
4594
}
4595

    
4596
.mytheme .v-textfield-align-center {
4597
	text-align: center;
4598
}
4599

    
4600
.mytheme .v-textarea {
4601
	-webkit-appearance: none;
4602
	-moz-appearance: none;
4603
	-ms-appearance: none;
4604
	-o-appearance: none;
4605
	appearance: none;
4606
	-webkit-user-select: text;
4607
	-moz-user-select: text;
4608
	-ms-user-select: text;
4609
	user-select: text;
4610
	margin: 0;
4611
	font: inherit;
4612
	
4613
	font-weight: 400;
4614
	line-height: normal;
4615
	height: 37px;
4616
	border-radius: 4px;
4617
	padding: 6px;
4618
	border: 1px solid #c5c5c5;
4619
	background: white;
4620
	color: #474747;
4621
	-webkit-box-shadow: inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
4622
	box-shadow: inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
4623
	-webkit-transition: box-shadow 180ms, border 180ms;
4624
	-moz-transition: box-shadow 180ms, border 180ms;
4625
	transition: box-shadow 180ms, border 180ms;
4626
	height: auto;
4627
	resize: none;
4628
	white-space: pre-wrap;
4629
	width: 185px;
4630
}
4631

    
4632
.v-ie8 .mytheme .v-textarea, .v-ie9 .mytheme .v-textarea {
4633
	line-height: 37px;
4634
	padding-top: 0;
4635
	padding-bottom: 0;
4636
}
4637

    
4638
.mytheme .v-textarea.v-disabled {
4639
	opacity: 0.5;
4640
	filter: alpha(opacity=50) ;
4641
}
4642

    
4643
.mytheme .v-textarea:focus {
4644
	outline: none;
4645
	-webkit-transition: none;
4646
	-moz-transition: none;
4647
	transition: none;
4648
	border-color: #197de1;
4649
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
4650
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
4651
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
4652
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
4653
}
4654

    
4655
.mytheme .v-textarea[class*="prompt"] {
4656
	color: #a3a3a3;
4657
}
4658

    
4659
.v-ie8 .mytheme .v-textarea, .v-ie9 .mytheme .v-textarea {
4660
	line-height: inherit;
4661
	padding-top: 4px;
4662
	padding-bottom: 4px;
4663
}
4664

    
4665
.mytheme .v-textarea-readonly {
4666
	background: #fafafa;
4667
	color: #464646;
4668
	-webkit-box-shadow: none;
4669
	box-shadow: none;
4670
}
4671

    
4672
.mytheme .v-textarea-readonly:focus {
4673
	box-shadow: none;
4674
	border-color: #c5c5c5;
4675
}
4676

    
4677
.mytheme .v-textarea-error {
4678
	border-color: #ed473b !important;
4679
	background: #fffbfb;
4680
	color: #6c2621;
4681
}
4682

    
4683
.mytheme .v-textarea-borderless {
4684
	border: none;
4685
	border-radius: 0;
4686
	background: transparent;
4687
	-webkit-box-shadow: none;
4688
	box-shadow: none;
4689
	color: inherit;
4690
}
4691

    
4692
.mytheme .v-textarea-borderless:focus {
4693
	-webkit-box-shadow: none;
4694
	box-shadow: none;
4695
}
4696

    
4697
.mytheme .v-textarea-borderless[class*="prompt"] {
4698
	color: inherit;
4699
	opacity: 0.5;
4700
	filter: alpha(opacity=50) ;
4701
}
4702

    
4703
.mytheme .v-textarea-tiny {
4704
	-webkit-appearance: none;
4705
	-moz-appearance: none;
4706
	-ms-appearance: none;
4707
	-o-appearance: none;
4708
	appearance: none;
4709
	-webkit-user-select: text;
4710
	-moz-user-select: text;
4711
	-ms-user-select: text;
4712
	user-select: text;
4713
	margin: 0;
4714
	font: inherit;
4715
	
4716
	font-weight: 400;
4717
	line-height: normal;
4718
	height: 28px;
4719
	border-radius: 4px;
4720
	padding: 6px;
4721
	
4722
	
4723
	
4724
	-webkit-transition: box-shadow 180ms, border 180ms;
4725
	-moz-transition: box-shadow 180ms, border 180ms;
4726
	transition: box-shadow 180ms, border 180ms;
4727
	height: auto;
4728
	resize: none;
4729
	white-space: pre-wrap;
4730
	font-size: 12px;
4731
}
4732

    
4733
.v-ie8 .mytheme .v-textarea-tiny, .v-ie9 .mytheme .v-textarea-tiny {
4734
	line-height: 28px;
4735
	padding-top: 0;
4736
	padding-bottom: 0;
4737
}
4738

    
4739
.v-ie8 .mytheme .v-textarea-tiny, .v-ie9 .mytheme .v-textarea-tiny {
4740
	line-height: inherit;
4741
	padding-top: 3px;
4742
	padding-bottom: 3px;
4743
}
4744

    
4745
.mytheme .v-textarea-small {
4746
	-webkit-appearance: none;
4747
	-moz-appearance: none;
4748
	-ms-appearance: none;
4749
	-o-appearance: none;
4750
	appearance: none;
4751
	-webkit-user-select: text;
4752
	-moz-user-select: text;
4753
	-ms-user-select: text;
4754
	user-select: text;
4755
	margin: 0;
4756
	font: inherit;
4757
	
4758
	font-weight: 400;
4759
	line-height: normal;
4760
	height: 31px;
4761
	border-radius: 4px;
4762
	padding: 6px;
4763
	
4764
	
4765
	
4766
	-webkit-transition: box-shadow 180ms, border 180ms;
4767
	-moz-transition: box-shadow 180ms, border 180ms;
4768
	transition: box-shadow 180ms, border 180ms;
4769
	height: auto;
4770
	resize: none;
4771
	white-space: pre-wrap;
4772
	font-size: 14px;
4773
}
4774

    
4775
.v-ie8 .mytheme .v-textarea-small, .v-ie9 .mytheme .v-textarea-small {
4776
	line-height: 31px;
4777
	padding-top: 0;
4778
	padding-bottom: 0;
4779
}
4780

    
4781
.v-ie8 .mytheme .v-textarea-small, .v-ie9 .mytheme .v-textarea-small {
4782
	line-height: inherit;
4783
	padding-top: 3px;
4784
	padding-bottom: 3px;
4785
}
4786

    
4787
.mytheme .v-textarea-large {
4788
	-webkit-appearance: none;
4789
	-moz-appearance: none;
4790
	-ms-appearance: none;
4791
	-o-appearance: none;
4792
	appearance: none;
4793
	-webkit-user-select: text;
4794
	-moz-user-select: text;
4795
	-ms-user-select: text;
4796
	user-select: text;
4797
	margin: 0;
4798
	font: inherit;
4799
	
4800
	font-weight: 400;
4801
	line-height: normal;
4802
	height: 44px;
4803
	border-radius: 4px;
4804
	padding: 6px;
4805
	
4806
	
4807
	
4808
	-webkit-transition: box-shadow 180ms, border 180ms;
4809
	-moz-transition: box-shadow 180ms, border 180ms;
4810
	transition: box-shadow 180ms, border 180ms;
4811
	height: auto;
4812
	resize: none;
4813
	white-space: pre-wrap;
4814
	font-size: 20px;
4815
}
4816

    
4817
.v-ie8 .mytheme .v-textarea-large, .v-ie9 .mytheme .v-textarea-large {
4818
	line-height: 44px;
4819
	padding-top: 0;
4820
	padding-bottom: 0;
4821
}
4822

    
4823
.v-ie8 .mytheme .v-textarea-large, .v-ie9 .mytheme .v-textarea-large {
4824
	line-height: inherit;
4825
	padding-top: 5px;
4826
	padding-bottom: 5px;
4827
}
4828

    
4829
.mytheme .v-textarea-huge {
4830
	-webkit-appearance: none;
4831
	-moz-appearance: none;
4832
	-ms-appearance: none;
4833
	-o-appearance: none;
4834
	appearance: none;
4835
	-webkit-user-select: text;
4836
	-moz-user-select: text;
4837
	-ms-user-select: text;
4838
	user-select: text;
4839
	margin: 0;
4840
	font: inherit;
4841
	
4842
	font-weight: 400;
4843
	line-height: normal;
4844
	height: 59px;
4845
	border-radius: 4px;
4846
	padding: 6px;
4847
	
4848
	
4849
	
4850
	-webkit-transition: box-shadow 180ms, border 180ms;
4851
	-moz-transition: box-shadow 180ms, border 180ms;
4852
	transition: box-shadow 180ms, border 180ms;
4853
	height: auto;
4854
	resize: none;
4855
	white-space: pre-wrap;
4856
	font-size: 26px;
4857
}
4858

    
4859
.v-ie8 .mytheme .v-textarea-huge, .v-ie9 .mytheme .v-textarea-huge {
4860
	line-height: 59px;
4861
	padding-top: 0;
4862
	padding-bottom: 0;
4863
}
4864

    
4865
.v-ie8 .mytheme .v-textarea-huge, .v-ie9 .mytheme .v-textarea-huge {
4866
	line-height: inherit;
4867
	padding-top: 7px;
4868
	padding-bottom: 7px;
4869
}
4870

    
4871
.mytheme .v-textarea-align-right {
4872
	text-align: right;
4873
}
4874

    
4875
.mytheme .v-textarea-align-center {
4876
	text-align: center;
4877
}
4878

    
4879
.mytheme .v-datefield {
4880
	position: relative;
4881
	width: 185px;
4882
	height: 37px;
4883
	border-radius: 4px;
4884
}
4885

    
4886
.mytheme .v-datefield [class*="textfield"] {
4887
	-webkit-box-sizing: border-box;
4888
	-moz-box-sizing: border-box;
4889
	box-sizing: border-box;
4890
	-webkit-appearance: none;
4891
	-moz-appearance: none;
4892
	-ms-appearance: none;
4893
	-o-appearance: none;
4894
	appearance: none;
4895
	-webkit-user-select: text;
4896
	-moz-user-select: text;
4897
	-ms-user-select: text;
4898
	user-select: text;
4899
	margin: 0;
4900
	font: inherit;
4901
	
4902
	font-weight: 400;
4903
	line-height: normal;
4904
	height: 37px;
4905
	border-radius: 4px;
4906
	padding: 4px 9px;
4907
	border: 1px solid #c5c5c5;
4908
	background: white;
4909
	color: #474747;
4910
	-webkit-box-shadow: inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
4911
	box-shadow: inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
4912
	-webkit-transition: box-shadow 180ms, border 180ms;
4913
	-moz-transition: box-shadow 180ms, border 180ms;
4914
	transition: box-shadow 180ms, border 180ms;
4915
	padding-left: 44.4px;
4916
	width: 100%;
4917
	height: 100%;
4918
	border-radius: inherit;
4919
}
4920

    
4921
.v-ie8 .mytheme .v-datefield [class*="textfield"], .v-ie9 .mytheme .v-datefield [class*="textfield"] {
4922
	line-height: 37px;
4923
	padding-top: 0;
4924
	padding-bottom: 0;
4925
}
4926

    
4927
.mytheme .v-datefield [class*="textfield"].v-disabled {
4928
	opacity: 0.5;
4929
	filter: alpha(opacity=50) ;
4930
}
4931

    
4932
.mytheme .v-datefield [class*="textfield"]:focus {
4933
	outline: none;
4934
	-webkit-transition: none;
4935
	-moz-transition: none;
4936
	transition: none;
4937
	border-color: #197de1;
4938
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
4939
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
4940
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
4941
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
4942
}
4943

    
4944
.mytheme .v-datefield [class*="textfield"][class*="prompt"] {
4945
	color: #a3a3a3;
4946
}
4947

    
4948
.mytheme .v-datefield[class*="prompt"] > [class*="textfield"] {
4949
	color: #a3a3a3;
4950
}
4951

    
4952
.mytheme .v-datefield [class*="button"] {
4953
	-webkit-tap-highlight-color: transparent;
4954
	-webkit-touch-callout: none;
4955
	cursor: pointer;
4956
	-webkit-appearance: none;
4957
	background: transparent;
4958
	border: none;
4959
	padding: 0;
4960
	position: absolute;
4961
	z-index: 10;
4962
	top: 1px;
4963
	bottom: 1px;
4964
	left: 1px;
4965
	width: 37px;
4966
	line-height: 35px;
4967
	text-align: center;
4968
	cursor: pointer;
4969
	font: inherit;
4970
	outline: none;
4971
	margin: 0;
4972
	border-right: 1px solid #e4e4e4;
4973
	color: #a3a3a3;
4974
	border-radius: 3px 0 0 3px;
4975
}
4976

    
4977
.mytheme .v-datefield [class*="button"]:hover {
4978
	color: #474747;
4979
}
4980

    
4981
.mytheme .v-datefield [class*="button"]:before {
4982
	font-family: FontAwesome;
4983
	content: "\f073";
4984
	-webkit-transition: color 140ms;
4985
	-moz-transition: color 140ms;
4986
	transition: color 140ms;
4987
}
4988

    
4989
.mytheme .v-datefield [class*="button"]:active:after {
4990
	content: "";
4991
	position: absolute;
4992
	top: 0;
4993
	right: 0;
4994
	bottom: 0;
4995
	left: 0;
4996
	background-color: rgba(128, 128, 128, 0.2);
4997
	border-radius: inherit;
4998
}
4999

    
5000
.mytheme .v-datefield.v-disabled {
5001
	opacity: 0.5;
5002
	filter: alpha(opacity=50) ;
5003
}
5004

    
5005
.mytheme .v-datefield.v-disabled [class*="button"] {
5006
	cursor: default;
5007
	pointer-events: none;
5008
}
5009

    
5010
.mytheme .v-datefield.v-disabled [class*="button"]:active:after {
5011
	display: none;
5012
}
5013

    
5014
.mytheme .v-datefield.v-readonly [class*="textfield"] {
5015
	background: #fafafa;
5016
	color: #464646;
5017
	-webkit-box-shadow: none;
5018
	box-shadow: none;
5019
}
5020

    
5021
.mytheme .v-datefield.v-readonly [class*="textfield"]:focus {
5022
	box-shadow: none;
5023
	border-color: #c5c5c5;
5024
}
5025

    
5026
.mytheme .v-datefield.v-readonly [class*="button"] {
5027
	cursor: default;
5028
	pointer-events: none;
5029
}
5030

    
5031
.mytheme .v-datefield.v-readonly [class*="button"]:active:after {
5032
	display: none;
5033
}
5034

    
5035
.mytheme .v-datefield-error .v-datefield-textfield {
5036
	border-color: #ed473b !important;
5037
	background: #fffbfb;
5038
	color: #6c2621;
5039
}
5040

    
5041
.mytheme .v-datefield-error .v-datefield-button {
5042
	color: #ed473b;
5043
	border-color: #ed473b;
5044
}
5045

    
5046
.mytheme .v-datefield-full {
5047
	width: 240px;
5048
}
5049

    
5050
.mytheme .v-datefield-day {
5051
	width: 185px;
5052
}
5053

    
5054
.mytheme .v-datefield-month {
5055
	width: 120px;
5056
}
5057

    
5058
.mytheme .v-datefield-year {
5059
	width: 104px;
5060
}
5061

    
5062
.mytheme .v-datefield-popup {
5063
	padding: 4px 4px;
5064
	border-radius: 4px;
5065
	background-color: white;
5066
	color: #474747;
5067
	-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
5068
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
5069
	-webkit-backface-visibility: hidden;
5070
	-moz-backface-visibility: hidden;
5071
	-ms-backface-visibility: hidden;
5072
	backface-visibility: hidden;
5073
	margin-top: 5px !important;
5074
	cursor: default;
5075
	width: auto;
5076
}
5077

    
5078
.mytheme .v-datefield-popup[class*="animate-in"] {
5079
	-webkit-animation: valo-overlay-animate-in 120ms;
5080
	-moz-animation: valo-overlay-animate-in 120ms;
5081
	animation: valo-overlay-animate-in 120ms;
5082
}
5083

    
5084
.mytheme .v-datefield-popup[class*="animate-out"] {
5085
	-webkit-animation: valo-animate-out-fade 120ms;
5086
	-moz-animation: valo-animate-out-fade 120ms;
5087
	animation: valo-animate-out-fade 120ms;
5088
}
5089

    
5090
.mytheme .v-datefield-popup table {
5091
	border-collapse: collapse;
5092
	border-spacing: 0;
5093
	margin: 0 auto;
5094
}
5095

    
5096
.mytheme .v-datefield-popup td {
5097
	padding: 2px;
5098
}
5099

    
5100
.mytheme .v-datefield-popup .v-datefield-calendarpanel {
5101
	font-size: 16px;
5102
	text-align: center;
5103
}
5104

    
5105
.mytheme .v-datefield-popup .v-datefield-calendarpanel:focus {
5106
	outline: none;
5107
}
5108

    
5109
.mytheme .v-datefield-popup .v-datefield-calendarpanel-day {
5110
	-webkit-box-sizing: border-box;
5111
	-moz-box-sizing: border-box;
5112
	box-sizing: border-box;
5113
	width: 30px;
5114
	height: 26px;
5115
	border: 1px solid transparent;
5116
	line-height: 26px;
5117
	text-align: center;
5118
	font-size: 14px;
5119
	background: #fafafa;
5120
	border-radius: 2px;
5121
	-webkit-transition: color 200ms;
5122
	-moz-transition: color 200ms;
5123
	transition: color 200ms;
5124
	display: inline-block;
5125
	-webkit-box-sizing: border-box;
5126
	-moz-box-sizing: border-box;
5127
	box-sizing: border-box;
5128
	cursor: pointer;
5129
}
5130

    
5131
.mytheme .v-datefield-popup .v-datefield-calendarpanel-day:hover {
5132
	color: #197de1;
5133
}
5134

    
5135
.mytheme .v-datefield-popup .v-datefield-calendarpanel-day-offmonth {
5136
	color: #a0a0a0;
5137
	background: transparent;
5138
}
5139

    
5140
.mytheme .v-datefield-popup .v-datefield-calendarpanel-day-today {
5141
	color: #191919;
5142
	font-weight: 600;
5143
	border-color: #afafaf;
5144
}
5145

    
5146
.mytheme .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected, .mytheme .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected:hover {
5147
	color: #c8dbed;
5148
	background-color: #197de1;
5149
	background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
5150
	background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
5151
	border: none;
5152
	font-weight: 600;
5153
}
5154

    
5155
.mytheme .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
5156
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
5157
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
5158
	position: relative;
5159
}
5160

    
5161
.v-ie8 .mytheme .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
5162
	border-color: #197de1;
5163
}
5164

    
5165
.mytheme .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range, .mytheme .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range:hover {
5166
	color: #a0a0a0;
5167
	cursor: not-allowed;
5168
}
5169

    
5170
.mytheme .v-datefield-popup .v-datefield-calendarpanel-weekdays {
5171
	height: 26px;
5172
	color: rgba(133, 133, 133, 0.85);
5173
}
5174

    
5175
.mytheme .v-datefield-popup .v-datefield-calendarpanel-weekdays strong {
5176
	font: inherit;
5177
	font-size: 14px;
5178
}
5179

    
5180
.mytheme .v-datefield-popup .v-datefield-calendarpanel-header {
5181
	white-space: nowrap;
5182
}
5183

    
5184
.mytheme .v-datefield-popup td[class*="year"] button, .mytheme .v-datefield-popup td[class*="month"] button {
5185
	-webkit-appearance: none;
5186
	-moz-appearance: none;
5187
	-ms-appearance: none;
5188
	-o-appearance: none;
5189
	appearance: none;
5190
	border: none;
5191
	background: transparent;
5192
	padding: 0;
5193
	margin: 0;
5194
	cursor: pointer;
5195
	color: transparent;
5196
	font-size: 0;
5197
	width: 19px;
5198
	height: 25px;
5199
	outline: none;
5200
	position: relative;
5201
	vertical-align: middle;
5202
}
5203

    
5204
.mytheme .v-datefield-popup td[class*="year"] button:before, .mytheme .v-datefield-popup td[class*="month"] button:before {
5205
	color: #a0a0a0;
5206
	font-size: 21px;
5207
	line-height: 24px;
5208
	-webkit-transition: color 200ms;
5209
	-moz-transition: color 200ms;
5210
	transition: color 200ms;
5211
}
5212

    
5213
.mytheme .v-datefield-popup td[class*="year"] button:hover:before, .mytheme .v-datefield-popup td[class*="month"] button:hover:before {
5214
	color: #197de1;
5215
}
5216

    
5217
.mytheme .v-datefield-popup td[class*="year"] button.outside-range, .mytheme .v-datefield-popup td[class*="month"] button.outside-range {
5218
	cursor: default;
5219
	opacity: 0.3;
5220
	filter: alpha(opacity=30.0) ;
5221
}
5222

    
5223
.mytheme .v-datefield-popup td[class*="year"] button.outside-range:hover:before, .mytheme .v-datefield-popup td[class*="month"] button.outside-range:hover:before {
5224
	color: #a0a0a0;
5225
}
5226

    
5227
.mytheme .v-datefield-popup .v-button-prevyear:before {
5228
	font-family: FontAwesome;
5229
	content: "\f100";
5230
}
5231

    
5232
.mytheme .v-datefield-popup .v-button-prevmonth:before {
5233
	font-family: FontAwesome;
5234
	content: "\f104";
5235
}
5236

    
5237
.mytheme .v-datefield-popup .v-button-nextyear:before {
5238
	font-family: FontAwesome;
5239
	content: "\f101";
5240
}
5241

    
5242
.mytheme .v-datefield-popup .v-button-nextmonth:before {
5243
	font-family: FontAwesome;
5244
	content: "\f105";
5245
}
5246

    
5247
.mytheme .v-datefield-popup td.v-datefield-calendarpanel-month {
5248
	width: 148px;
5249
	color: #197de1;
5250
}
5251

    
5252
.mytheme .v-datefield-popup .v-datefield-calendarpanel-year td.v-datefield-calendarpanel-month {
5253
	width: 74px;
5254
}
5255

    
5256
.mytheme .v-datefield-popup .v-datefield-calendarpanel-weeknumber, .mytheme .v-datefield-popup .v-datefield-calendarpanel-weekdays.v-datefield-calendarpanel-weeknumbers td:first-child {
5257
	width: 30px;
5258
	color: rgba(133, 133, 133, 0.85);
5259
	font-size: 14px;
5260
	display: inline-block;
5261
	text-align: left;
5262
}
5263

    
5264
.mytheme .v-datefield-popup .v-datefield-calendarpanel-weeknumber {
5265
	position: relative;
5266
}
5267

    
5268
.mytheme .v-datefield-popup .v-datefield-calendarpanel-weeknumbers .v-first:before {
5269
	content: "";
5270
	position: absolute;
5271
	top: 38px;
5272
	bottom: 0;
5273
	left: 0;
5274
	width: 34px;
5275
	border-top: 1px solid #eaeaea;
5276
	border-right: 1px solid #eaeaea;
5277
	border-top-right-radius: 4px;
5278
	border-bottom-left-radius: 4px;
5279
	background: #fafafa;
5280
}
5281

    
5282
.mytheme .v-datefield-popup td.v-datefield-calendarpanel-time {
5283
	width: 100%;
5284
	font-size: 14px;
5285
}
5286

    
5287
.mytheme .v-datefield-popup td.v-datefield-calendarpanel-time .v-label {
5288
	display: inline;
5289
	margin: 0 0.1em;
5290
	font-weight: 400;
5291
}
5292

    
5293
.mytheme .v-datefield-calendarpanel {
5294
	font-size: 16px;
5295
	text-align: center;
5296
}
5297

    
5298
.mytheme .v-datefield-calendarpanel:focus {
5299
	outline: none;
5300
}
5301

    
5302
.mytheme .v-datefield-calendarpanel-day {
5303
	-webkit-box-sizing: border-box;
5304
	-moz-box-sizing: border-box;
5305
	box-sizing: border-box;
5306
	width: 30px;
5307
	height: 26px;
5308
	border: 1px solid transparent;
5309
	line-height: 26px;
5310
	text-align: center;
5311
	font-size: 14px;
5312
	background: #fafafa;
5313
	border-radius: 2px;
5314
	-webkit-transition: color 200ms;
5315
	-moz-transition: color 200ms;
5316
	transition: color 200ms;
5317
	display: inline-block;
5318
	-webkit-box-sizing: border-box;
5319
	-moz-box-sizing: border-box;
5320
	box-sizing: border-box;
5321
	cursor: pointer;
5322
}
5323

    
5324
.mytheme .v-datefield-calendarpanel-day:hover {
5325
	color: #197de1;
5326
}
5327

    
5328
.mytheme .v-datefield-calendarpanel-day-offmonth {
5329
	color: #a0a0a0;
5330
	background: transparent;
5331
}
5332

    
5333
.mytheme .v-datefield-calendarpanel-day-today {
5334
	color: #191919;
5335
	font-weight: 600;
5336
	border-color: #afafaf;
5337
}
5338

    
5339
.mytheme .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected, .mytheme .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected:hover {
5340
	color: #c8dbed;
5341
	background-color: #197de1;
5342
	background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
5343
	background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
5344
	border: none;
5345
	font-weight: 600;
5346
}
5347

    
5348
.mytheme .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
5349
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
5350
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
5351
	position: relative;
5352
}
5353

    
5354
.v-ie8 .mytheme .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
5355
	border-color: #197de1;
5356
}
5357

    
5358
.mytheme .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range, .mytheme .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range:hover {
5359
	color: #a0a0a0;
5360
	cursor: not-allowed;
5361
}
5362

    
5363
.mytheme .v-datefield-calendarpanel-weekdays {
5364
	height: 26px;
5365
	color: rgba(133, 133, 133, 0.85);
5366
}
5367

    
5368
.mytheme .v-datefield-calendarpanel-weekdays strong {
5369
	font: inherit;
5370
	font-size: 14px;
5371
}
5372

    
5373
.mytheme .v-datefield-calendarpanel-header {
5374
	white-space: nowrap;
5375
}
5376

    
5377
.mytheme td[class*="year"] button, .mytheme td[class*="month"] button {
5378
	-webkit-appearance: none;
5379
	-moz-appearance: none;
5380
	-ms-appearance: none;
5381
	-o-appearance: none;
5382
	appearance: none;
5383
	border: none;
5384
	background: transparent;
5385
	padding: 0;
5386
	margin: 0;
5387
	cursor: pointer;
5388
	color: transparent;
5389
	font-size: 0;
5390
	width: 19px;
5391
	height: 25px;
5392
	outline: none;
5393
	position: relative;
5394
	vertical-align: middle;
5395
}
5396

    
5397
.mytheme td[class*="year"] button:before, .mytheme td[class*="month"] button:before {
5398
	color: #a0a0a0;
5399
	font-size: 21px;
5400
	line-height: 24px;
5401
	-webkit-transition: color 200ms;
5402
	-moz-transition: color 200ms;
5403
	transition: color 200ms;
5404
}
5405

    
5406
.mytheme td[class*="year"] button:hover:before, .mytheme td[class*="month"] button:hover:before {
5407
	color: #197de1;
5408
}
5409

    
5410
.mytheme td[class*="year"] button.outside-range, .mytheme td[class*="month"] button.outside-range {
5411
	cursor: default;
5412
	opacity: 0.3;
5413
	filter: alpha(opacity=30.0) ;
5414
}
5415

    
5416
.mytheme td[class*="year"] button.outside-range:hover:before, .mytheme td[class*="month"] button.outside-range:hover:before {
5417
	color: #a0a0a0;
5418
}
5419

    
5420
.mytheme .v-button-prevyear:before {
5421
	font-family: FontAwesome;
5422
	content: "\f100";
5423
}
5424

    
5425
.mytheme .v-button-prevmonth:before {
5426
	font-family: FontAwesome;
5427
	content: "\f104";
5428
}
5429

    
5430
.mytheme .v-button-nextyear:before {
5431
	font-family: FontAwesome;
5432
	content: "\f101";
5433
}
5434

    
5435
.mytheme .v-button-nextmonth:before {
5436
	font-family: FontAwesome;
5437
	content: "\f105";
5438
}
5439

    
5440
.mytheme td.v-datefield-calendarpanel-month {
5441
	width: 148px;
5442
	color: #197de1;
5443
}
5444

    
5445
.mytheme .v-datefield-calendarpanel-year td.v-datefield-calendarpanel-month {
5446
	width: 74px;
5447
}
5448

    
5449
.mytheme .v-datefield-calendarpanel-weeknumber, .mytheme .v-datefield-calendarpanel-weekdays.v-datefield-calendarpanel-weeknumbers td:first-child {
5450
	width: 30px;
5451
	color: rgba(133, 133, 133, 0.85);
5452
	font-size: 14px;
5453
	display: inline-block;
5454
	text-align: left;
5455
}
5456

    
5457
.mytheme .v-datefield-calendarpanel-weeknumber {
5458
	position: relative;
5459
}
5460

    
5461
.mytheme .v-datefield-calendarpanel-weeknumbers .v-first:before {
5462
	content: "";
5463
	position: absolute;
5464
	top: 38px;
5465
	bottom: 0;
5466
	left: 0;
5467
	width: 34px;
5468
	border-top: 1px solid #eaeaea;
5469
	border-right: 1px solid #eaeaea;
5470
	border-top-right-radius: 4px;
5471
	border-bottom-left-radius: 4px;
5472
	background: #fafafa;
5473
}
5474

    
5475
.mytheme td.v-datefield-calendarpanel-time {
5476
	width: 100%;
5477
	font-size: 14px;
5478
}
5479

    
5480
.mytheme td.v-datefield-calendarpanel-time .v-label {
5481
	display: inline;
5482
	margin: 0 0.1em;
5483
	font-weight: 400;
5484
}
5485

    
5486
.mytheme .v-datefield-borderless .v-datefield-textfield {
5487
	border: none;
5488
	border-radius: 0;
5489
	background: transparent;
5490
	-webkit-box-shadow: none;
5491
	box-shadow: none;
5492
	color: inherit;
5493
}
5494

    
5495
.mytheme .v-datefield-borderless .v-datefield-textfield:focus {
5496
	-webkit-box-shadow: none;
5497
	box-shadow: none;
5498
}
5499

    
5500
.mytheme .v-datefield-borderless .v-datefield-textfield[class*="prompt"] {
5501
	color: inherit;
5502
	opacity: 0.5;
5503
	filter: alpha(opacity=50) ;
5504
}
5505

    
5506
.mytheme .v-datefield-borderless .v-datefield-button {
5507
	border: none;
5508
	color: inherit;
5509
	opacity: 0.5;
5510
	filter: alpha(opacity=50) ;
5511
}
5512

    
5513
.mytheme .v-datefield-align-right input {
5514
	text-align: right;
5515
}
5516

    
5517
.mytheme .v-datefield-align-center input {
5518
	text-align: center;
5519
}
5520

    
5521
.mytheme .v-datefield-tiny {
5522
	height: 28px;
5523
	border-radius: 4px;
5524
	font-size: 12px;
5525
}
5526

    
5527
.mytheme .v-datefield-tiny [class*="textfield"] {
5528
	-webkit-box-sizing: border-box;
5529
	-moz-box-sizing: border-box;
5530
	box-sizing: border-box;
5531
	-webkit-appearance: none;
5532
	-moz-appearance: none;
5533
	-ms-appearance: none;
5534
	-o-appearance: none;
5535
	appearance: none;
5536
	-webkit-user-select: text;
5537
	-moz-user-select: text;
5538
	-ms-user-select: text;
5539
	user-select: text;
5540
	margin: 0;
5541
	font: inherit;
5542
	
5543
	font-weight: 400;
5544
	line-height: normal;
5545
	height: 28px;
5546
	border-radius: 4px;
5547
	padding: 3px 7px;
5548
	
5549
	
5550
	
5551
	-webkit-transition: box-shadow 180ms, border 180ms;
5552
	-moz-transition: box-shadow 180ms, border 180ms;
5553
	transition: box-shadow 180ms, border 180ms;
5554
	padding-left: 33.6px;
5555
	width: 100%;
5556
	height: 100%;
5557
	border-radius: inherit;
5558
}
5559

    
5560
.v-ie8 .mytheme .v-datefield-tiny [class*="textfield"], .v-ie9 .mytheme .v-datefield-tiny [class*="textfield"] {
5561
	line-height: 28px;
5562
	padding-top: 0;
5563
	padding-bottom: 0;
5564
}
5565

    
5566
.mytheme .v-datefield-tiny [class*="button"] {
5567
	-webkit-tap-highlight-color: transparent;
5568
	-webkit-touch-callout: none;
5569
	cursor: pointer;
5570
	-webkit-appearance: none;
5571
	background: transparent;
5572
	padding: 0;
5573
	position: absolute;
5574
	z-index: 10;
5575
	top: 0;
5576
	bottom: 0;
5577
	left: 0;
5578
	width: 28px;
5579
	line-height: 28px;
5580
	text-align: center;
5581
	cursor: pointer;
5582
	font: inherit;
5583
	outline: none;
5584
	margin: 0;
5585
	border-radius: 4px 0 0 4px;
5586
}
5587

    
5588
.mytheme .v-datefield-tiny [class*="button"]:before {
5589
	font-family: FontAwesome;
5590
	content: "\f073";
5591
	-webkit-transition: color 140ms;
5592
	-moz-transition: color 140ms;
5593
	transition: color 140ms;
5594
}
5595

    
5596
.mytheme .v-datefield-tiny [class*="button"]:active:after {
5597
	content: "";
5598
	position: absolute;
5599
	top: 0;
5600
	right: 0;
5601
	bottom: 0;
5602
	left: 0;
5603
	border-radius: inherit;
5604
}
5605

    
5606
.mytheme .v-datefield-tiny.v-disabled {
5607
	opacity: 0.5;
5608
	filter: alpha(opacity=50) ;
5609
}
5610

    
5611
.mytheme .v-datefield-tiny.v-disabled [class*="button"] {
5612
	cursor: default;
5613
	pointer-events: none;
5614
}
5615

    
5616
.mytheme .v-datefield-tiny.v-disabled [class*="button"]:active:after {
5617
	display: none;
5618
}
5619

    
5620
.mytheme .v-datefield-tiny.v-readonly [class*="textfield"] {
5621
	background: #fafafa;
5622
	color: #464646;
5623
	-webkit-box-shadow: none;
5624
	box-shadow: none;
5625
}
5626

    
5627
.mytheme .v-datefield-tiny.v-readonly [class*="textfield"]:focus {
5628
	box-shadow: none;
5629
	border-color: #c5c5c5;
5630
}
5631

    
5632
.mytheme .v-datefield-tiny.v-readonly [class*="button"] {
5633
	cursor: default;
5634
	pointer-events: none;
5635
}
5636

    
5637
.mytheme .v-datefield-tiny.v-readonly [class*="button"]:active:after {
5638
	display: none;
5639
}
5640

    
5641
.mytheme .v-datefield-compact, .mytheme .v-datefield-small {
5642
	height: 31px;
5643
	border-radius: 4px;
5644
}
5645

    
5646
.mytheme .v-datefield-compact [class*="textfield"], .mytheme .v-datefield-small [class*="textfield"] {
5647
	-webkit-box-sizing: border-box;
5648
	-moz-box-sizing: border-box;
5649
	box-sizing: border-box;
5650
	-webkit-appearance: none;
5651
	-moz-appearance: none;
5652
	-ms-appearance: none;
5653
	-o-appearance: none;
5654
	appearance: none;
5655
	-webkit-user-select: text;
5656
	-moz-user-select: text;
5657
	-ms-user-select: text;
5658
	user-select: text;
5659
	margin: 0;
5660
	font: inherit;
5661
	
5662
	font-weight: 400;
5663
	line-height: normal;
5664
	height: 31px;
5665
	border-radius: 4px;
5666
	padding: 3px 8px;
5667
	
5668
	
5669
	
5670
	-webkit-transition: box-shadow 180ms, border 180ms;
5671
	-moz-transition: box-shadow 180ms, border 180ms;
5672
	transition: box-shadow 180ms, border 180ms;
5673
	padding-left: 37.2px;
5674
	width: 100%;
5675
	height: 100%;
5676
	border-radius: inherit;
5677
}
5678

    
5679
.v-ie8 .mytheme .v-datefield-compact [class*="textfield"], .v-ie9 .mytheme .v-datefield-compact [class*="textfield"], .v-ie8 .mytheme .v-datefield-small [class*="textfield"], .v-ie9 .mytheme .v-datefield-small [class*="textfield"] {
5680
	line-height: 31px;
5681
	padding-top: 0;
5682
	padding-bottom: 0;
5683
}
5684

    
5685
.mytheme .v-datefield-compact [class*="button"], .mytheme .v-datefield-small [class*="button"] {
5686
	-webkit-tap-highlight-color: transparent;
5687
	-webkit-touch-callout: none;
5688
	cursor: pointer;
5689
	-webkit-appearance: none;
5690
	background: transparent;
5691
	padding: 0;
5692
	position: absolute;
5693
	z-index: 10;
5694
	top: 0;
5695
	bottom: 0;
5696
	left: 0;
5697
	width: 31px;
5698
	line-height: 31px;
5699
	text-align: center;
5700
	cursor: pointer;
5701
	font: inherit;
5702
	outline: none;
5703
	margin: 0;
5704
	border-radius: 4px 0 0 4px;
5705
}
5706

    
5707
.mytheme .v-datefield-compact [class*="button"]:before, .mytheme .v-datefield-small [class*="button"]:before {
5708
	font-family: FontAwesome;
5709
	content: "\f073";
5710
	-webkit-transition: color 140ms;
5711
	-moz-transition: color 140ms;
5712
	transition: color 140ms;
5713
}
5714

    
5715
.mytheme .v-datefield-compact [class*="button"]:active:after, .mytheme .v-datefield-small [class*="button"]:active:after {
5716
	content: "";
5717
	position: absolute;
5718
	top: 0;
5719
	right: 0;
5720
	bottom: 0;
5721
	left: 0;
5722
	border-radius: inherit;
5723
}
5724

    
5725
.mytheme .v-datefield-compact.v-disabled, .mytheme .v-datefield-small.v-disabled {
5726
	opacity: 0.5;
5727
	filter: alpha(opacity=50) ;
5728
}
5729

    
5730
.mytheme .v-datefield-compact.v-disabled [class*="button"], .mytheme .v-datefield-small.v-disabled [class*="button"] {
5731
	cursor: default;
5732
	pointer-events: none;
5733
}
5734

    
5735
.mytheme .v-datefield-compact.v-disabled [class*="button"]:active:after, .mytheme .v-datefield-small.v-disabled [class*="button"]:active:after {
5736
	display: none;
5737
}
5738

    
5739
.mytheme .v-datefield-compact.v-readonly [class*="textfield"], .mytheme .v-datefield-small.v-readonly [class*="textfield"] {
5740
	background: #fafafa;
5741
	color: #464646;
5742
	-webkit-box-shadow: none;
5743
	box-shadow: none;
5744
}
5745

    
5746
.mytheme .v-datefield-compact.v-readonly [class*="textfield"]:focus, .mytheme .v-datefield-small.v-readonly [class*="textfield"]:focus {
5747
	box-shadow: none;
5748
	border-color: #c5c5c5;
5749
}
5750

    
5751
.mytheme .v-datefield-compact.v-readonly [class*="button"], .mytheme .v-datefield-small.v-readonly [class*="button"] {
5752
	cursor: default;
5753
	pointer-events: none;
5754
}
5755

    
5756
.mytheme .v-datefield-compact.v-readonly [class*="button"]:active:after, .mytheme .v-datefield-small.v-readonly [class*="button"]:active:after {
5757
	display: none;
5758
}
5759

    
5760
.mytheme .v-datefield-small {
5761
	font-size: 14px;
5762
}
5763

    
5764
.mytheme .v-datefield-large {
5765
	height: 44px;
5766
	border-radius: 4px;
5767
	font-size: 20px;
5768
}
5769

    
5770
.mytheme .v-datefield-large [class*="textfield"] {
5771
	-webkit-box-sizing: border-box;
5772
	-moz-box-sizing: border-box;
5773
	box-sizing: border-box;
5774
	-webkit-appearance: none;
5775
	-moz-appearance: none;
5776
	-ms-appearance: none;
5777
	-o-appearance: none;
5778
	appearance: none;
5779
	-webkit-user-select: text;
5780
	-moz-user-select: text;
5781
	-ms-user-select: text;
5782
	user-select: text;
5783
	margin: 0;
5784
	font: inherit;
5785
	
5786
	font-weight: 400;
5787
	line-height: normal;
5788
	height: 44px;
5789
	border-radius: 4px;
5790
	padding: 5px 10px;
5791
	
5792
	
5793
	
5794
	-webkit-transition: box-shadow 180ms, border 180ms;
5795
	-moz-transition: box-shadow 180ms, border 180ms;
5796
	transition: box-shadow 180ms, border 180ms;
5797
	padding-left: 52.8px;
5798
	width: 100%;
5799
	height: 100%;
5800
	border-radius: inherit;
5801
}
5802

    
5803
.v-ie8 .mytheme .v-datefield-large [class*="textfield"], .v-ie9 .mytheme .v-datefield-large [class*="textfield"] {
5804
	line-height: 44px;
5805
	padding-top: 0;
5806
	padding-bottom: 0;
5807
}
5808

    
5809
.mytheme .v-datefield-large [class*="button"] {
5810
	-webkit-tap-highlight-color: transparent;
5811
	-webkit-touch-callout: none;
5812
	cursor: pointer;
5813
	-webkit-appearance: none;
5814
	background: transparent;
5815
	padding: 0;
5816
	position: absolute;
5817
	z-index: 10;
5818
	top: 0;
5819
	bottom: 0;
5820
	left: 0;
5821
	width: 44px;
5822
	line-height: 44px;
5823
	text-align: center;
5824
	cursor: pointer;
5825
	font: inherit;
5826
	outline: none;
5827
	margin: 0;
5828
	border-radius: 4px 0 0 4px;
5829
}
5830

    
5831
.mytheme .v-datefield-large [class*="button"]:before {
5832
	font-family: FontAwesome;
5833
	content: "\f073";
5834
	-webkit-transition: color 140ms;
5835
	-moz-transition: color 140ms;
5836
	transition: color 140ms;
5837
}
5838

    
5839
.mytheme .v-datefield-large [class*="button"]:active:after {
5840
	content: "";
5841
	position: absolute;
5842
	top: 0;
5843
	right: 0;
5844
	bottom: 0;
5845
	left: 0;
5846
	border-radius: inherit;
5847
}
5848

    
5849
.mytheme .v-datefield-large.v-disabled {
5850
	opacity: 0.5;
5851
	filter: alpha(opacity=50) ;
5852
}
5853

    
5854
.mytheme .v-datefield-large.v-disabled [class*="button"] {
5855
	cursor: default;
5856
	pointer-events: none;
5857
}
5858

    
5859
.mytheme .v-datefield-large.v-disabled [class*="button"]:active:after {
5860
	display: none;
5861
}
5862

    
5863
.mytheme .v-datefield-large.v-readonly [class*="textfield"] {
5864
	background: #fafafa;
5865
	color: #464646;
5866
	-webkit-box-shadow: none;
5867
	box-shadow: none;
5868
}
5869

    
5870
.mytheme .v-datefield-large.v-readonly [class*="textfield"]:focus {
5871
	box-shadow: none;
5872
	border-color: #c5c5c5;
5873
}
5874

    
5875
.mytheme .v-datefield-large.v-readonly [class*="button"] {
5876
	cursor: default;
5877
	pointer-events: none;
5878
}
5879

    
5880
.mytheme .v-datefield-large.v-readonly [class*="button"]:active:after {
5881
	display: none;
5882
}
5883

    
5884
.mytheme .v-datefield-huge {
5885
	height: 59px;
5886
	border-radius: 4px;
5887
	font-size: 26px;
5888
}
5889

    
5890
.mytheme .v-datefield-huge [class*="textfield"] {
5891
	-webkit-box-sizing: border-box;
5892
	-moz-box-sizing: border-box;
5893
	box-sizing: border-box;
5894
	-webkit-appearance: none;
5895
	-moz-appearance: none;
5896
	-ms-appearance: none;
5897
	-o-appearance: none;
5898
	appearance: none;
5899
	-webkit-user-select: text;
5900
	-moz-user-select: text;
5901
	-ms-user-select: text;
5902
	user-select: text;
5903
	margin: 0;
5904
	font: inherit;
5905
	
5906
	font-weight: 400;
5907
	line-height: normal;
5908
	height: 59px;
5909
	border-radius: 4px;
5910
	padding: 7px 12px;
5911
	
5912
	
5913
	
5914
	-webkit-transition: box-shadow 180ms, border 180ms;
5915
	-moz-transition: box-shadow 180ms, border 180ms;
5916
	transition: box-shadow 180ms, border 180ms;
5917
	padding-left: 70.8px;
5918
	width: 100%;
5919
	height: 100%;
5920
	border-radius: inherit;
5921
}
5922

    
5923
.v-ie8 .mytheme .v-datefield-huge [class*="textfield"], .v-ie9 .mytheme .v-datefield-huge [class*="textfield"] {
5924
	line-height: 59px;
5925
	padding-top: 0;
5926
	padding-bottom: 0;
5927
}
5928

    
5929
.mytheme .v-datefield-huge [class*="button"] {
5930
	-webkit-tap-highlight-color: transparent;
5931
	-webkit-touch-callout: none;
5932
	cursor: pointer;
5933
	-webkit-appearance: none;
5934
	background: transparent;
5935
	padding: 0;
5936
	position: absolute;
5937
	z-index: 10;
5938
	top: 0;
5939
	bottom: 0;
5940
	left: 0;
5941
	width: 59px;
5942
	line-height: 59px;
5943
	text-align: center;
5944
	cursor: pointer;
5945
	font: inherit;
5946
	outline: none;
5947
	margin: 0;
5948
	border-radius: 4px 0 0 4px;
5949
}
5950

    
5951
.mytheme .v-datefield-huge [class*="button"]:before {
5952
	font-family: FontAwesome;
5953
	content: "\f073";
5954
	-webkit-transition: color 140ms;
5955
	-moz-transition: color 140ms;
5956
	transition: color 140ms;
5957
}
5958

    
5959
.mytheme .v-datefield-huge [class*="button"]:active:after {
5960
	content: "";
5961
	position: absolute;
5962
	top: 0;
5963
	right: 0;
5964
	bottom: 0;
5965
	left: 0;
5966
	border-radius: inherit;
5967
}
5968

    
5969
.mytheme .v-datefield-huge.v-disabled {
5970
	opacity: 0.5;
5971
	filter: alpha(opacity=50) ;
5972
}
5973

    
5974
.mytheme .v-datefield-huge.v-disabled [class*="button"] {
5975
	cursor: default;
5976
	pointer-events: none;
5977
}
5978

    
5979
.mytheme .v-datefield-huge.v-disabled [class*="button"]:active:after {
5980
	display: none;
5981
}
5982

    
5983
.mytheme .v-datefield-huge.v-readonly [class*="textfield"] {
5984
	background: #fafafa;
5985
	color: #464646;
5986
	-webkit-box-shadow: none;
5987
	box-shadow: none;
5988
}
5989

    
5990
.mytheme .v-datefield-huge.v-readonly [class*="textfield"]:focus {
5991
	box-shadow: none;
5992
	border-color: #c5c5c5;
5993
}
5994

    
5995
.mytheme .v-datefield-huge.v-readonly [class*="button"] {
5996
	cursor: default;
5997
	pointer-events: none;
5998
}
5999

    
6000
.mytheme .v-datefield-huge.v-readonly [class*="button"]:active:after {
6001
	display: none;
6002
}
6003

    
6004
.mytheme .v-inline-datefield-calendarpanel {
6005
	font-size: 16px;
6006
	text-align: center;
6007
}
6008

    
6009
.mytheme .v-inline-datefield-calendarpanel:focus {
6010
	outline: none;
6011
}
6012

    
6013
.mytheme .v-inline-datefield-calendarpanel-day {
6014
	-webkit-box-sizing: border-box;
6015
	-moz-box-sizing: border-box;
6016
	box-sizing: border-box;
6017
	width: 30px;
6018
	height: 26px;
6019
	border: 1px solid transparent;
6020
	line-height: 26px;
6021
	text-align: center;
6022
	font-size: 14px;
6023
	background: #fafafa;
6024
	border-radius: 2px;
6025
	-webkit-transition: color 200ms;
6026
	-moz-transition: color 200ms;
6027
	transition: color 200ms;
6028
	display: inline-block;
6029
	-webkit-box-sizing: border-box;
6030
	-moz-box-sizing: border-box;
6031
	box-sizing: border-box;
6032
	cursor: pointer;
6033
}
6034

    
6035
.mytheme .v-inline-datefield-calendarpanel-day:hover {
6036
	color: #197de1;
6037
}
6038

    
6039
.mytheme .v-inline-datefield-calendarpanel-day-offmonth {
6040
	color: #a0a0a0;
6041
	background: transparent;
6042
}
6043

    
6044
.mytheme .v-inline-datefield-calendarpanel-day-today {
6045
	color: #191919;
6046
	font-weight: 600;
6047
	border-color: #afafaf;
6048
}
6049

    
6050
.mytheme .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-selected, .mytheme .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-selected:hover {
6051
	color: #c8dbed;
6052
	background-color: #197de1;
6053
	background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
6054
	background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
6055
	border: none;
6056
	font-weight: 600;
6057
}
6058

    
6059
.mytheme .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-focused {
6060
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
6061
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
6062
	position: relative;
6063
}
6064

    
6065
.v-ie8 .mytheme .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-focused {
6066
	border-color: #197de1;
6067
}
6068

    
6069
.mytheme .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-outside-range, .mytheme .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-outside-range:hover {
6070
	color: #a0a0a0;
6071
	cursor: not-allowed;
6072
}
6073

    
6074
.mytheme .v-inline-datefield-calendarpanel-weekdays {
6075
	height: 26px;
6076
	color: rgba(133, 133, 133, 0.85);
6077
}
6078

    
6079
.mytheme .v-inline-datefield-calendarpanel-weekdays strong {
6080
	font: inherit;
6081
	font-size: 14px;
6082
}
6083

    
6084
.mytheme .v-inline-datefield-calendarpanel-header {
6085
	white-space: nowrap;
6086
}
6087

    
6088
.mytheme td[class*="year"] button, .mytheme td[class*="month"] button {
6089
	-webkit-appearance: none;
6090
	-moz-appearance: none;
6091
	-ms-appearance: none;
6092
	-o-appearance: none;
6093
	appearance: none;
6094
	border: none;
6095
	background: transparent;
6096
	padding: 0;
6097
	margin: 0;
6098
	cursor: pointer;
6099
	color: transparent;
6100
	font-size: 0;
6101
	width: 19px;
6102
	height: 25px;
6103
	outline: none;
6104
	position: relative;
6105
	vertical-align: middle;
6106
}
6107

    
6108
.mytheme td[class*="year"] button:before, .mytheme td[class*="month"] button:before {
6109
	color: #a0a0a0;
6110
	font-size: 21px;
6111
	line-height: 24px;
6112
	-webkit-transition: color 200ms;
6113
	-moz-transition: color 200ms;
6114
	transition: color 200ms;
6115
}
6116

    
6117
.mytheme td[class*="year"] button:hover:before, .mytheme td[class*="month"] button:hover:before {
6118
	color: #197de1;
6119
}
6120

    
6121
.mytheme td[class*="year"] button.outside-range, .mytheme td[class*="month"] button.outside-range {
6122
	cursor: default;
6123
	opacity: 0.3;
6124
	filter: alpha(opacity=30.0) ;
6125
}
6126

    
6127
.mytheme td[class*="year"] button.outside-range:hover:before, .mytheme td[class*="month"] button.outside-range:hover:before {
6128
	color: #a0a0a0;
6129
}
6130

    
6131
.mytheme .v-button-prevyear:before {
6132
	font-family: FontAwesome;
6133
	content: "\f100";
6134
}
6135

    
6136
.mytheme .v-button-prevmonth:before {
6137
	font-family: FontAwesome;
6138
	content: "\f104";
6139
}
6140

    
6141
.mytheme .v-button-nextyear:before {
6142
	font-family: FontAwesome;
6143
	content: "\f101";
6144
}
6145

    
6146
.mytheme .v-button-nextmonth:before {
6147
	font-family: FontAwesome;
6148
	content: "\f105";
6149
}
6150

    
6151
.mytheme td.v-inline-datefield-calendarpanel-month {
6152
	width: 148px;
6153
	color: #197de1;
6154
}
6155

    
6156
.mytheme .v-inline-datefield-calendarpanel-year td.v-inline-datefield-calendarpanel-month {
6157
	width: 74px;
6158
}
6159

    
6160
.mytheme .v-inline-datefield-calendarpanel-weeknumber, .mytheme .v-inline-datefield-calendarpanel-weekdays.v-inline-datefield-calendarpanel-weeknumbers td:first-child {
6161
	width: 30px;
6162
	color: rgba(133, 133, 133, 0.85);
6163
	font-size: 14px;
6164
	display: inline-block;
6165
	text-align: left;
6166
}
6167

    
6168
.mytheme .v-inline-datefield-calendarpanel-weeknumber {
6169
	position: relative;
6170
}
6171

    
6172
.mytheme .v-inline-datefield-calendarpanel-weeknumbers .v-first:before {
6173
	content: "";
6174
	position: absolute;
6175
	top: 38px;
6176
	bottom: 0;
6177
	left: 0;
6178
	width: 34px;
6179
	border-top: 1px solid #eaeaea;
6180
	border-right: 1px solid #eaeaea;
6181
	border-top-right-radius: 4px;
6182
	border-bottom-left-radius: 4px;
6183
	background: #fafafa;
6184
}
6185

    
6186
.mytheme td.v-inline-datefield-calendarpanel-time {
6187
	width: 100%;
6188
	font-size: 14px;
6189
}
6190

    
6191
.mytheme td.v-inline-datefield-calendarpanel-time .v-label {
6192
	display: inline;
6193
	margin: 0 0.1em;
6194
	font-weight: 400;
6195
}
6196

    
6197
.mytheme .v-inline-datefield-calendarpanel {
6198
	position: relative;
6199
	background: white;
6200
	padding: 6px;
6201
}
6202

    
6203
.mytheme .v-gridlayout-margin-top {
6204
	padding-top: 37px;
6205
}
6206

    
6207
.mytheme .v-gridlayout-margin-bottom {
6208
	padding-bottom: 37px;
6209
}
6210

    
6211
.mytheme .v-gridlayout-margin-left {
6212
	padding-left: 37px;
6213
}
6214

    
6215
.mytheme .v-gridlayout-margin-right {
6216
	padding-right: 37px;
6217
}
6218

    
6219
.mytheme .v-gridlayout-spacing-on {
6220
	padding-left: 12px;
6221
	padding-top: 12px;
6222
}
6223

    
6224
.mytheme .v-menubar {
6225
	position: relative;
6226
	text-align: center;
6227
	white-space: nowrap;
6228
	outline: none;
6229
	-webkit-tap-highlight-color: transparent;
6230
	-webkit-touch-callout: none;
6231
	cursor: pointer;
6232
	height: 37px;
6233
	padding: 0 16px;
6234
	color: #191919;
6235
	font-weight: 400;
6236
	
6237
	cursor: default;
6238
	border-radius: 4px;
6239
	border: 1px solid #c5c5c5;
6240
	border-top-color: #c5c5c5;
6241
	border-bottom-color: #bcbcbc;
6242
	background-color: #fafafa;
6243
	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
6244
	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
6245
	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
6246
	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
6247
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
6248
	padding: 0;
6249
	text-align: left;
6250
	line-height: 35px;
6251
}
6252

    
6253
.mytheme .v-menubar:after {
6254
	content: "";
6255
	position: absolute;
6256
	top: 0;
6257
	right: 0;
6258
	bottom: 0;
6259
	left: 0;
6260
	border-radius: inherit;
6261
	-webkit-transition: box-shadow 180ms, border 180ms;
6262
	-moz-transition: box-shadow 180ms, border 180ms;
6263
	transition: box-shadow 180ms, border 180ms;
6264
}
6265

    
6266
.mytheme .v-menubar:focus:after {
6267
	-webkit-transition: none;
6268
	-moz-transition: none;
6269
	transition: none;
6270
}
6271

    
6272
.mytheme .v-menubar.v-disabled {
6273
	opacity: 0.5;
6274
	filter: alpha(opacity=50) ;
6275
}
6276

    
6277
.mytheme .v-menubar.v-disabled:after {
6278
	display: none;
6279
}
6280

    
6281
.mytheme .v-menubar:after {
6282
	border: inherit;
6283
	top: -1px;
6284
	right: -1px;
6285
	bottom: -1px;
6286
	left: -1px;
6287
}
6288

    
6289
.mytheme .v-menubar:focus:after {
6290
	border-color: #197de1;
6291
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
6292
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
6293
}
6294

    
6295
.mytheme .v-menubar  > .v-menubar-menuitem {
6296
	padding: 0 14px;
6297
}
6298

    
6299
.mytheme .v-menubar  > .v-menubar-menuitem[class*="-icon-only"] {
6300
	width: 37px;
6301
}
6302

    
6303
.mytheme .v-menubar:active:after {
6304
	background: transparent;
6305
}
6306

    
6307
.mytheme .v-menubar > .v-menubar-menuitem {
6308
	position: relative;
6309
	z-index: 1;
6310
	display: inline-block;
6311
	-webkit-box-sizing: border-box;
6312
	-moz-box-sizing: border-box;
6313
	box-sizing: border-box;
6314
	height: 37px;
6315
	padding: 0 15px;
6316
	color: inherit;
6317
	font-weight: 400;
6318
	
6319
	cursor: pointer;
6320
	border-radius: 0;
6321
	border: 1px solid #c5c5c5;
6322
	border-top-color: #c5c5c5;
6323
	border-bottom-color: #bcbcbc;
6324
	background-color: #fafafa;
6325
	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
6326
	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
6327
	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7;
6328
	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7;
6329
	background: transparent;
6330
	-webkit-box-shadow: none;
6331
	box-shadow: none;
6332
	border-width: 0 1px 0 0;
6333
	border-color: inherit;
6334
	height: 100%;
6335
	line-height: inherit;
6336
	vertical-align: top;
6337
	text-align: center;
6338
}
6339

    
6340
.mytheme .v-menubar > .v-menubar-menuitem:first-child {
6341
	border-left-width: 0;
6342
	border-radius: 3px 0 0 3px;
6343
}
6344

    
6345
.mytheme .v-menubar > .v-menubar-menuitem:last-child {
6346
	border-radius: 0 3px 3px 0;
6347
	border-right-width: 0;
6348
}
6349

    
6350
.mytheme .v-menubar > .v-menubar-menuitem:first-child:last-child {
6351
	border-radius: 3px;
6352
}
6353

    
6354
.mytheme .v-menubar > .v-menubar-menuitem:before {
6355
	content: "";
6356
	position: absolute;
6357
	top: 0;
6358
	right: 0;
6359
	bottom: 0;
6360
	left: 0;
6361
	border-radius: inherit;
6362
}
6363

    
6364
.mytheme .v-menubar > .v-menubar-menuitem:hover {
6365
	zoom: 1;
6366
}
6367

    
6368
.mytheme .v-menubar > .v-menubar-menuitem:hover:before {
6369
	background-color: rgba(186, 186, 186, 0.1);
6370
	border: none;
6371
}
6372

    
6373
.mytheme .v-menubar > .v-menubar-menuitem:active:before {
6374
	background-color: rgba(125, 125, 125, 0.2);
6375
}
6376

    
6377
.mytheme .v-menubar > .v-menubar-menuitem .v-icon {
6378
	margin: 0 4px 0 -4px;
6379
	cursor: inherit;
6380
}
6381

    
6382
.mytheme .v-menubar > .v-menubar-menuitem[class*="-icon-only"] {
6383
	width: 37px;
6384
	padding: 0;
6385
}
6386

    
6387
.mytheme .v-menubar > .v-menubar-menuitem[class*="-icon-only"] .v-icon {
6388
	margin: 0;
6389
}
6390

    
6391
.mytheme .v-menubar > .v-menubar-menuitem-checked {
6392
	-webkit-box-shadow: none;
6393
	box-shadow: none;
6394
	background-color: #ededed;
6395
	background-image: -webkit-linear-gradient(bottom, #ededed 2%, #e9e9e9 98%);
6396
	background-image: linear-gradient(to top,#ededed 2%, #e9e9e9 98%);
6397
	color: #181818;
6398
}
6399

    
6400
.mytheme .v-disabled > .v-menubar-menuitem, .mytheme .v-menubar > .v-menubar-menuitem-disabled {
6401
	cursor: default;
6402
}
6403

    
6404
.mytheme .v-disabled > .v-menubar-menuitem:before, .mytheme .v-menubar > .v-menubar-menuitem-disabled:before {
6405
	display: none;
6406
}
6407

    
6408
.mytheme .v-menubar-menuitem-disabled {
6409
	opacity: 0.5;
6410
	filter: alpha(opacity=50) ;
6411
}
6412

    
6413
.mytheme .v-menubar > .v-menubar-menuitem-selected {
6414
	color: #ecf2f8;
6415
	
6416
	
6417
	
6418
	border-radius: 0;
6419
	border: 1px solid #1362b1;
6420
	border-top-color: #156ab3;
6421
	border-bottom-color: #1156a8;
6422
	background-color: #197de1;
6423
	background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
6424
	background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
6425
	-webkit-box-shadow: inset 0 1px 0 #4d98e6, inset 0 -1px 0 #166bca;
6426
	box-shadow: inset 0 1px 0 #4d98e6, inset 0 -1px 0 #166bca;
6427
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
6428
	border-top-width: 0;
6429
	border-left-width: 0;
6430
	border-bottom-width: 0;
6431
	z-index: 2;
6432
}
6433

    
6434
.mytheme .v-menubar > .v-menubar-menuitem-selected:hover:before {
6435
	background: none;
6436
}
6437

    
6438
.mytheme .v-menubar .v-menubar-submenu-indicator {
6439
	display: none;
6440
}
6441

    
6442
.mytheme .v-menubar .v-menubar-submenu-indicator  + .v-menubar-menuitem-caption:after {
6443
	font-family: FontAwesome;
6444
	content: "\f078";
6445
	font-size: 0.7em;
6446
	vertical-align: 0.15em;
6447
	margin: 0 -0.2em 0 0.5em;
6448
	opacity: 0.5;
6449
}
6450

    
6451
.mytheme .v-menubar .v-menubar-submenu-indicator  + .v-menubar-menuitem-caption:empty:after {
6452
	margin-left: -0.2em;
6453
}
6454

    
6455
.mytheme .v-menubar-popup {
6456
	padding: 4px 4px;
6457
	border-radius: 4px;
6458
	background-color: white;
6459
	color: #474747;
6460
	-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
6461
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
6462
	-webkit-backface-visibility: hidden;
6463
	-moz-backface-visibility: hidden;
6464
	-ms-backface-visibility: hidden;
6465
	backface-visibility: hidden;
6466
	padding: 4px 4px;
6467
	margin: 5px 0 0 1px !important;
6468
}
6469

    
6470
.mytheme .v-menubar-popup[class*="animate-in"] {
6471
	-webkit-animation: valo-overlay-animate-in 120ms;
6472
	-moz-animation: valo-overlay-animate-in 120ms;
6473
	animation: valo-overlay-animate-in 120ms;
6474
}
6475

    
6476
.mytheme .v-menubar-popup[class*="animate-out"] {
6477
	-webkit-animation: valo-animate-out-fade 120ms;
6478
	-moz-animation: valo-animate-out-fade 120ms;
6479
	animation: valo-animate-out-fade 120ms;
6480
}
6481

    
6482
.mytheme .v-menubar-popup .v-menubar-submenu {
6483
	outline: none;
6484
}
6485

    
6486
.mytheme .v-menubar-popup .v-menubar-menuitem {
6487
	display: block;
6488
	cursor: pointer;
6489
	line-height: 27px;
6490
	padding: 0 20px 0 10px;
6491
	border-radius: 3px;
6492
	font-weight: 400;
6493
	white-space: nowrap;
6494
	position: relative;
6495
	padding-left: 32px;
6496
	padding-right: 37px;
6497
	position: relative;
6498
}
6499

    
6500
.mytheme .v-menubar-popup .v-menubar-menuitem:active:before {
6501
	content: "";
6502
	position: absolute;
6503
	top: 0;
6504
	right: 0;
6505
	bottom: 0;
6506
	left: 0;
6507
	background: #0957a6;
6508
	opacity: 0.15;
6509
	filter: alpha(opacity=15.0) ;
6510
	pointer-events: none;
6511
	border-radius: inherit;
6512
}
6513

    
6514
.mytheme .v-menubar-popup .v-menubar-menuitem .v-icon {
6515
	max-height: 27px;
6516
	margin-right: 5px;
6517
	min-width: 1em;
6518
}
6519

    
6520
.mytheme .v-menubar-popup .v-menubar-submenu-indicator {
6521
	display: none;
6522
}
6523

    
6524
.mytheme .v-menubar-popup .v-menubar-submenu-indicator  + .v-menubar-menuitem-caption:after {
6525
	position: absolute;
6526
	right: 10px;
6527
	font-family: FontAwesome;
6528
	content: "\f054";
6529
	line-height: 29px;
6530
}
6531

    
6532
.mytheme .v-menubar-popup .v-menubar-menuitem-selected {
6533
	background-color: #197de1;
6534
	background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
6535
	background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
6536
	color: #ecf2f8;
6537
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
6538
}
6539

    
6540
.mytheme .v-menubar-popup .v-menubar-separator {
6541
	display: block;
6542
	margin: 4px 0;
6543
	height: 0;
6544
	overflow: hidden;
6545
	border-bottom: 1px solid #e4e4e4;
6546
}
6547

    
6548
.mytheme .v-menubar-popup [class*="checked"] .v-menubar-menuitem-caption:before {
6549
	content: "\f00c";
6550
	font-family: FontAwesome;
6551
	position: absolute;
6552
	left: 10px;
6553
}
6554

    
6555
.mytheme .v-menubar-popup [class*="unchecked"] .v-menubar-menuitem-caption:before {
6556
	content: "";
6557
}
6558

    
6559
.mytheme .v-menubar-popup [class*="disabled"] {
6560
	cursor: default;
6561
}
6562

    
6563
.mytheme .v-menubar-popup.v-menubar-popup-animate-out {
6564
	-webkit-animation: none;
6565
	-moz-animation: none;
6566
	animation: none;
6567
}
6568

    
6569
.mytheme .v-menubar-small {
6570
	height: 31px;
6571
	padding: 0 14px;
6572
	
6573
	font-weight: 400;
6574
	
6575
	cursor: default;
6576
	border-radius: 4px;
6577
	padding: 0;
6578
	text-align: left;
6579
	line-height: 29px;
6580
	font-size: 14px;
6581
}
6582

    
6583
.mytheme .v-menubar-small:after {
6584
	border: inherit;
6585
	top: -1px;
6586
	right: -1px;
6587
	bottom: -1px;
6588
	left: -1px;
6589
}
6590

    
6591
.mytheme .v-menubar-small  > .v-menubar-menuitem {
6592
	padding: 0 12px;
6593
}
6594

    
6595
.mytheme .v-menubar-small  > .v-menubar-menuitem[class*="-icon-only"] {
6596
	width: 31px;
6597
}
6598

    
6599
.mytheme .v-menubar-borderless {
6600
	border: none;
6601
	border-radius: 0;
6602
	padding: 1px;
6603
	-webkit-box-shadow: none;
6604
	box-shadow: none;
6605
	text-shadow: none;
6606
	background: transparent;
6607
	color: inherit;
6608
}
6609

    
6610
.mytheme .v-menubar-borderless:focus:after {
6611
	display: none;
6612
}
6613

    
6614
.mytheme .v-menubar-borderless .v-menubar-menuitem {
6615
	-webkit-box-shadow: none;
6616
	box-shadow: none;
6617
	border: none;
6618
	margin-right: 1px;
6619
	border-radius: 4px;
6620
	color: #197de1;
6621
	padding: 0 12px;
6622
	-webkit-transition: color 140ms;
6623
	-moz-transition: color 140ms;
6624
	transition: color 140ms;
6625
}
6626

    
6627
.mytheme .v-menubar-borderless .v-menubar-menuitem:first-child, .mytheme .v-menubar-borderless .v-menubar-menuitem:last-child, .mytheme .v-menubar-borderless .v-menubar-menuitem:first-child:last-child {
6628
	border-radius: 4px;
6629
}
6630

    
6631
.mytheme .v-menubar-borderless .v-menubar-menuitem:before {
6632
	content: none;
6633
}
6634

    
6635
.mytheme .v-menubar-borderless .v-menubar-menuitem:hover {
6636
	color: #4396ea;
6637
}
6638

    
6639
.mytheme .v-menubar-borderless .v-menubar-menuitem:active {
6640
	color: inherit;
6641
}
6642

    
6643
.mytheme .v-menubar-borderless .v-menubar-menuitem-checked, .mytheme .v-menubar-borderless .v-menubar-menuitem-checked:first-child {
6644
	border: 1px solid #c5c5c5;
6645
	color: #197de1;
6646
}
6647

    
6648
.mytheme .v-menubar-borderless .v-menubar-menuitem-checked .v-menubar-menuitem-caption, .mytheme .v-menubar-borderless .v-menubar-menuitem-checked:first-child .v-menubar-menuitem-caption {
6649
	position: relative;
6650
	top: -1px;
6651
}
6652

    
6653
.mytheme .v-menubar-borderless .v-menubar-menuitem-selected {
6654
	color: #ecf2f8;
6655
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
6656
}
6657

    
6658
.mytheme .v-menubar-borderless .v-menubar-menuitem-selected:hover {
6659
	color: #ecf2f8;
6660
}
6661

    
6662
.mytheme .v-menubar-borderless .v-menubar-menuitem-disabled, .mytheme .v-menubar-borderless .v-menubar-menuitem-disabled:hover {
6663
	color: inherit;
6664
}
6665

    
6666
.mytheme .v-radiobutton {
6667
	position: relative;
6668
	line-height: 19px;
6669
	white-space: nowrap;
6670
}
6671

    
6672
.mytheme .v-radiobutton.v-has-width label {
6673
	white-space: normal;
6674
}
6675

    
6676
:root .mytheme .v-radiobutton {
6677
	padding-left: 25px;
6678
}
6679

    
6680
:root .mytheme .v-radiobutton label {
6681
	-webkit-tap-highlight-color: transparent;
6682
	-webkit-touch-callout: none;
6683
	cursor: pointer;
6684
	display: inline-block;
6685
}
6686

    
6687
:root .mytheme .v-radiobutton > input {
6688
	position: absolute;
6689
	clip: rect(0, 0, 0, 0);
6690
	left: 0.2em;
6691
	top: 0.2em;
6692
	z-index: 0;
6693
	margin: 0;
6694
}
6695

    
6696
:root .mytheme .v-radiobutton > input:focus ~ label:before {
6697
	border-color: #197de1;
6698
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
6699
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
6700
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
6701
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
6702
}
6703

    
6704
:root .mytheme .v-radiobutton > input ~ label:before, :root .mytheme .v-radiobutton > input ~ label:after {
6705
	content: "";
6706
	display: inline-block;
6707
	-webkit-box-sizing: border-box;
6708
	-moz-box-sizing: border-box;
6709
	box-sizing: border-box;
6710
	width: 19px;
6711
	height: 19px;
6712
	position: absolute;
6713
	top: 0;
6714
	left: 0;
6715
	border-radius: 4px;
6716
	font-size: 13px;
6717
	text-align: center;
6718
}
6719

    
6720
:root .mytheme .v-radiobutton > input ~ label:before {
6721
	height: 18.5px;
6722
	padding: 0 9px;
6723
	color: #191919;
6724
	font-weight: 400;
6725
	
6726
	
6727
	border-radius: 4px;
6728
	border: 1px solid #c5c5c5;
6729
	border-top-color: #c5c5c5;
6730
	border-bottom-color: #bcbcbc;
6731
	background-color: #fafafa;
6732
	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
6733
	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
6734
	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
6735
	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
6736
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
6737
	padding: 0;
6738
	height: 19px;
6739
}
6740

    
6741
:root .mytheme .v-radiobutton > input ~ label:before:after {
6742
	border: inherit;
6743
	top: -1px;
6744
	right: -1px;
6745
	bottom: -1px;
6746
	left: -1px;
6747
}
6748

    
6749
:root .mytheme .v-radiobutton > input ~ label:before:hover:after {
6750
	background-color: rgba(186, 186, 186, 0.1);
6751
}
6752

    
6753
:root .mytheme .v-radiobutton > input ~ label:before:focus:after {
6754
	border-color: #197de1;
6755
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
6756
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
6757
}
6758

    
6759
:root .mytheme .v-radiobutton > input ~ label:before:active:after {
6760
	background-color: rgba(125, 125, 125, 0.2);
6761
}
6762

    
6763
:root .mytheme .v-radiobutton > input ~ label:after {
6764
	content: "\f00c";
6765
	font-family: FontAwesome;
6766
	color: transparent;
6767
	-webkit-transition: color 100ms;
6768
	-moz-transition: color 100ms;
6769
	transition: color 100ms;
6770
}
6771

    
6772
:root .mytheme .v-radiobutton > input:active ~ label:after {
6773
	background-color: rgba(125, 125, 125, 0.2);
6774
}
6775

    
6776
:root .mytheme .v-radiobutton > input:checked ~ label:after {
6777
	color: #197de1;
6778
}
6779

    
6780
:root .mytheme .v-radiobutton > input[disabled]  ~ label, :root .mytheme .v-radiobutton > input[disabled]  ~ label .v-icon, :root .mytheme .v-radiobutton > input[disabled]  ~ .v-icon {
6781
	cursor: default;
6782
}
6783

    
6784
:root .mytheme .v-radiobutton > input[disabled]  ~ label:before, :root .mytheme .v-radiobutton > input[disabled]  ~ label:after {
6785
	opacity: 0.5;
6786
	filter: alpha(opacity=50) ;
6787
}
6788

    
6789
:root .mytheme .v-radiobutton > input[disabled]:active ~ label:after {
6790
	background: transparent;
6791
}
6792

    
6793
.mytheme .v-radiobutton > .v-icon, .mytheme .v-radiobutton > label .v-icon {
6794
	margin: 0 6px 0 3px;
6795
	min-width: 1em;
6796
	cursor: pointer;
6797
}
6798

    
6799
:root .mytheme .v-radiobutton > input:checked ~ label:after {
6800
	width: 7px;
6801
	height: 7px;
6802
	top: 6px;
6803
	left: 6px;
6804
	background: #197de1;
6805
}
6806

    
6807
:root .mytheme .v-radiobutton > input ~ label:before, :root .mytheme .v-radiobutton > input ~ label:after {
6808
	border-radius: 50%;
6809
	content: "";
6810
}
6811

    
6812
.mytheme .v-select-optiongroup .v-radiobutton, .mytheme .v-select-optiongroup .v-checkbox {
6813
	display: block;
6814
	margin: 9px 16px 0 0;
6815
}
6816

    
6817
.mytheme .v-select-optiongroup .v-radiobutton:first-child, .mytheme .v-select-optiongroup .v-checkbox:first-child {
6818
	margin-top: 6px;
6819
}
6820

    
6821
.mytheme .v-select-optiongroup .v-radiobutton:last-child, .mytheme .v-select-optiongroup .v-checkbox:last-child {
6822
	margin-bottom: 6px;
6823
}
6824

    
6825
.mytheme .v-select-optiongroup.v-has-width label {
6826
	white-space: normal;
6827
}
6828

    
6829
.mytheme .v-select-optiongroup-small {
6830
	font-size: 14px;
6831
}
6832

    
6833
.mytheme .v-select-optiongroup-small .v-checkbox {
6834
	position: relative;
6835
	line-height: 16px;
6836
	white-space: nowrap;
6837
}
6838

    
6839
.mytheme .v-select-optiongroup-small .v-checkbox.v-has-width label {
6840
	white-space: normal;
6841
}
6842

    
6843
:root .mytheme .v-select-optiongroup-small .v-checkbox {
6844
	padding-left: 21px;
6845
}
6846

    
6847
:root .mytheme .v-select-optiongroup-small .v-checkbox label {
6848
	-webkit-tap-highlight-color: transparent;
6849
	-webkit-touch-callout: none;
6850
	cursor: pointer;
6851
	display: inline-block;
6852
}
6853

    
6854
:root .mytheme .v-select-optiongroup-small .v-checkbox > input {
6855
	position: absolute;
6856
	clip: rect(0, 0, 0, 0);
6857
	left: 0.2em;
6858
	top: 0.2em;
6859
	z-index: 0;
6860
	margin: 0;
6861
}
6862

    
6863
:root .mytheme .v-select-optiongroup-small .v-checkbox > input:focus ~ label:before {
6864
	border-color: #197de1;
6865
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
6866
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
6867
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
6868
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
6869
}
6870

    
6871
:root .mytheme .v-select-optiongroup-small .v-checkbox > input ~ label:before, :root .mytheme .v-select-optiongroup-small .v-checkbox > input ~ label:after {
6872
	content: "";
6873
	display: inline-block;
6874
	-webkit-box-sizing: border-box;
6875
	-moz-box-sizing: border-box;
6876
	box-sizing: border-box;
6877
	width: 16px;
6878
	height: 16px;
6879
	position: absolute;
6880
	top: 0;
6881
	left: 0;
6882
	border-radius: 4px;
6883
	font-size: 11px;
6884
	text-align: center;
6885
}
6886

    
6887
:root .mytheme .v-select-optiongroup-small .v-checkbox > input ~ label:before {
6888
	height: 15.5px;
6889
	padding: 0 7px;
6890
	color: #191919;
6891
	font-weight: 400;
6892
	
6893
	
6894
	border-radius: 4px;
6895
	border: 1px solid #c5c5c5;
6896
	border-top-color: #c5c5c5;
6897
	border-bottom-color: #bcbcbc;
6898
	background-color: #fafafa;
6899
	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
6900
	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
6901
	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
6902
	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
6903
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
6904
	padding: 0;
6905
	height: 16px;
6906
}
6907

    
6908
:root .mytheme .v-select-optiongroup-small .v-checkbox > input ~ label:before:after {
6909
	border: inherit;
6910
	top: -1px;
6911
	right: -1px;
6912
	bottom: -1px;
6913
	left: -1px;
6914
}
6915

    
6916
:root .mytheme .v-select-optiongroup-small .v-checkbox > input ~ label:before:hover:after {
6917
	background-color: rgba(186, 186, 186, 0.1);
6918
}
6919

    
6920
:root .mytheme .v-select-optiongroup-small .v-checkbox > input ~ label:before:focus:after {
6921
	border-color: #197de1;
6922
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
6923
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
6924
}
6925

    
6926
:root .mytheme .v-select-optiongroup-small .v-checkbox > input ~ label:before:active:after {
6927
	background-color: rgba(125, 125, 125, 0.2);
6928
}
6929

    
6930
:root .mytheme .v-select-optiongroup-small .v-checkbox > input ~ label:after {
6931
	content: "\f00c";
6932
	font-family: FontAwesome;
6933
	color: transparent;
6934
	-webkit-transition: color 100ms;
6935
	-moz-transition: color 100ms;
6936
	transition: color 100ms;
6937
}
6938

    
6939
:root .mytheme .v-select-optiongroup-small .v-checkbox > input:active ~ label:after {
6940
	background-color: rgba(125, 125, 125, 0.2);
6941
}
6942

    
6943
:root .mytheme .v-select-optiongroup-small .v-checkbox > input:checked ~ label:after {
6944
	color: #197de1;
6945
}
6946

    
6947
:root .mytheme .v-select-optiongroup-small .v-checkbox > input[disabled]  ~ label, :root .mytheme .v-select-optiongroup-small .v-checkbox > input[disabled]  ~ label .v-icon, :root .mytheme .v-select-optiongroup-small .v-checkbox > input[disabled]  ~ .v-icon {
6948
	cursor: default;
6949
}
6950

    
6951
:root .mytheme .v-select-optiongroup-small .v-checkbox > input[disabled]  ~ label:before, :root .mytheme .v-select-optiongroup-small .v-checkbox > input[disabled]  ~ label:after {
6952
	opacity: 0.5;
6953
	filter: alpha(opacity=50) ;
6954
}
6955

    
6956
:root .mytheme .v-select-optiongroup-small .v-checkbox > input[disabled]:active ~ label:after {
6957
	background: transparent;
6958
}
6959

    
6960
.mytheme .v-select-optiongroup-small .v-checkbox > .v-icon, .mytheme .v-select-optiongroup-small .v-checkbox > label .v-icon {
6961
	margin: 0 5px 0 3px;
6962
	min-width: 1em;
6963
	cursor: pointer;
6964
}
6965

    
6966
.mytheme .v-select-optiongroup-small .v-radiobutton {
6967
	position: relative;
6968
	line-height: 16px;
6969
	white-space: nowrap;
6970
}
6971

    
6972
.mytheme .v-select-optiongroup-small .v-radiobutton.v-has-width label {
6973
	white-space: normal;
6974
}
6975

    
6976
:root .mytheme .v-select-optiongroup-small .v-radiobutton {
6977
	padding-left: 21px;
6978
}
6979

    
6980
:root .mytheme .v-select-optiongroup-small .v-radiobutton label {
6981
	-webkit-tap-highlight-color: transparent;
6982
	-webkit-touch-callout: none;
6983
	cursor: pointer;
6984
	display: inline-block;
6985
}
6986

    
6987
:root .mytheme .v-select-optiongroup-small .v-radiobutton > input {
6988
	position: absolute;
6989
	clip: rect(0, 0, 0, 0);
6990
	left: 0.2em;
6991
	top: 0.2em;
6992
	z-index: 0;
6993
	margin: 0;
6994
}
6995

    
6996
:root .mytheme .v-select-optiongroup-small .v-radiobutton > input:focus ~ label:before {
6997
	border-color: #197de1;
6998
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
6999
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
7000
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
7001
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
7002
}
7003

    
7004
:root .mytheme .v-select-optiongroup-small .v-radiobutton > input ~ label:before, :root .mytheme .v-select-optiongroup-small .v-radiobutton > input ~ label:after {
7005
	content: "";
7006
	display: inline-block;
7007
	-webkit-box-sizing: border-box;
7008
	-moz-box-sizing: border-box;
7009
	box-sizing: border-box;
7010
	width: 16px;
7011
	height: 16px;
7012
	position: absolute;
7013
	top: 0;
7014
	left: 0;
7015
	border-radius: 4px;
7016
	font-size: 11px;
7017
	text-align: center;
7018
}
7019

    
7020
:root .mytheme .v-select-optiongroup-small .v-radiobutton > input ~ label:before {
7021
	height: 15.5px;
7022
	padding: 0 7px;
7023
	color: #191919;
7024
	font-weight: 400;
7025
	
7026
	
7027
	border-radius: 4px;
7028
	border: 1px solid #c5c5c5;
7029
	border-top-color: #c5c5c5;
7030
	border-bottom-color: #bcbcbc;
7031
	background-color: #fafafa;
7032
	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
7033
	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
7034
	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
7035
	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
7036
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
7037
	padding: 0;
7038
	height: 16px;
7039
}
7040

    
7041
:root .mytheme .v-select-optiongroup-small .v-radiobutton > input ~ label:before:after {
7042
	border: inherit;
7043
	top: -1px;
7044
	right: -1px;
7045
	bottom: -1px;
7046
	left: -1px;
7047
}
7048

    
7049
:root .mytheme .v-select-optiongroup-small .v-radiobutton > input ~ label:before:hover:after {
7050
	background-color: rgba(186, 186, 186, 0.1);
7051
}
7052

    
7053
:root .mytheme .v-select-optiongroup-small .v-radiobutton > input ~ label:before:focus:after {
7054
	border-color: #197de1;
7055
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
7056
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
7057
}
7058

    
7059
:root .mytheme .v-select-optiongroup-small .v-radiobutton > input ~ label:before:active:after {
7060
	background-color: rgba(125, 125, 125, 0.2);
7061
}
7062

    
7063
:root .mytheme .v-select-optiongroup-small .v-radiobutton > input ~ label:after {
7064
	content: "\f00c";
7065
	font-family: FontAwesome;
7066
	color: transparent;
7067
	-webkit-transition: color 100ms;
7068
	-moz-transition: color 100ms;
7069
	transition: color 100ms;
7070
}
7071

    
7072
:root .mytheme .v-select-optiongroup-small .v-radiobutton > input:active ~ label:after {
7073
	background-color: rgba(125, 125, 125, 0.2);
7074
}
7075

    
7076
:root .mytheme .v-select-optiongroup-small .v-radiobutton > input:checked ~ label:after {
7077
	color: #197de1;
7078
}
7079

    
7080
:root .mytheme .v-select-optiongroup-small .v-radiobutton > input[disabled]  ~ label, :root .mytheme .v-select-optiongroup-small .v-radiobutton > input[disabled]  ~ label .v-icon, :root .mytheme .v-select-optiongroup-small .v-radiobutton > input[disabled]  ~ .v-icon {
7081
	cursor: default;
7082
}
7083

    
7084
:root .mytheme .v-select-optiongroup-small .v-radiobutton > input[disabled]  ~ label:before, :root .mytheme .v-select-optiongroup-small .v-radiobutton > input[disabled]  ~ label:after {
7085
	opacity: 0.5;
7086
	filter: alpha(opacity=50) ;
7087
}
7088

    
7089
:root .mytheme .v-select-optiongroup-small .v-radiobutton > input[disabled]:active ~ label:after {
7090
	background: transparent;
7091
}
7092

    
7093
.mytheme .v-select-optiongroup-small .v-radiobutton > .v-icon, .mytheme .v-select-optiongroup-small .v-radiobutton > label .v-icon {
7094
	margin: 0 5px 0 3px;
7095
	min-width: 1em;
7096
	cursor: pointer;
7097
}
7098

    
7099
:root .mytheme .v-select-optiongroup-small .v-radiobutton > input:checked ~ label:after {
7100
	width: 6px;
7101
	height: 6px;
7102
	top: 5px;
7103
	left: 5px;
7104
	background: #197de1;
7105
}
7106

    
7107
:root .mytheme .v-select-optiongroup-small .v-radiobutton > input ~ label:before, :root .mytheme .v-select-optiongroup-small .v-radiobutton > input ~ label:after {
7108
	border-radius: 50%;
7109
	content: "";
7110
}
7111

    
7112
.mytheme .v-select-optiongroup-small .v-radiobutton, .mytheme .v-select-optiongroup-small .v-checkbox {
7113
	display: block;
7114
	margin: 8px 16px 0 0;
7115
}
7116

    
7117
.mytheme .v-select-optiongroup-small .v-radiobutton:first-child, .mytheme .v-select-optiongroup-small .v-checkbox:first-child {
7118
	margin-top: 5px;
7119
}
7120

    
7121
.mytheme .v-select-optiongroup-small .v-radiobutton:last-child, .mytheme .v-select-optiongroup-small .v-checkbox:last-child {
7122
	margin-bottom: 5px;
7123
}
7124

    
7125
.mytheme .v-select-optiongroup-small.v-has-width label {
7126
	white-space: normal;
7127
}
7128

    
7129
.mytheme .v-select-optiongroup-large {
7130
	font-size: 20px;
7131
}
7132

    
7133
.mytheme .v-select-optiongroup-large .v-checkbox {
7134
	position: relative;
7135
	line-height: 22px;
7136
	white-space: nowrap;
7137
}
7138

    
7139
.mytheme .v-select-optiongroup-large .v-checkbox.v-has-width label {
7140
	white-space: normal;
7141
}
7142

    
7143
:root .mytheme .v-select-optiongroup-large .v-checkbox {
7144
	padding-left: 29px;
7145
}
7146

    
7147
:root .mytheme .v-select-optiongroup-large .v-checkbox label {
7148
	-webkit-tap-highlight-color: transparent;
7149
	-webkit-touch-callout: none;
7150
	cursor: pointer;
7151
	display: inline-block;
7152
}
7153

    
7154
:root .mytheme .v-select-optiongroup-large .v-checkbox > input {
7155
	position: absolute;
7156
	clip: rect(0, 0, 0, 0);
7157
	left: 0.2em;
7158
	top: 0.2em;
7159
	z-index: 0;
7160
	margin: 0;
7161
}
7162

    
7163
:root .mytheme .v-select-optiongroup-large .v-checkbox > input:focus ~ label:before {
7164
	border-color: #197de1;
7165
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
7166
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
7167
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
7168
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
7169
}
7170

    
7171
:root .mytheme .v-select-optiongroup-large .v-checkbox > input ~ label:before, :root .mytheme .v-select-optiongroup-large .v-checkbox > input ~ label:after {
7172
	content: "";
7173
	display: inline-block;
7174
	-webkit-box-sizing: border-box;
7175
	-moz-box-sizing: border-box;
7176
	box-sizing: border-box;
7177
	width: 22px;
7178
	height: 22px;
7179
	position: absolute;
7180
	top: 0;
7181
	left: 0;
7182
	border-radius: 4px;
7183
	font-size: 15px;
7184
	text-align: center;
7185
}
7186

    
7187
:root .mytheme .v-select-optiongroup-large .v-checkbox > input ~ label:before {
7188
	height: 22px;
7189
	padding: 0 10px;
7190
	color: #191919;
7191
	font-weight: 400;
7192
	
7193
	
7194
	border-radius: 4px;
7195
	border: 1px solid #c5c5c5;
7196
	border-top-color: #c5c5c5;
7197
	border-bottom-color: #bcbcbc;
7198
	background-color: #fafafa;
7199
	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
7200
	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
7201
	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
7202
	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
7203
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
7204
	padding: 0;
7205
	height: 22px;
7206
}
7207

    
7208
:root .mytheme .v-select-optiongroup-large .v-checkbox > input ~ label:before:after {
7209
	border: inherit;
7210
	top: -1px;
7211
	right: -1px;
7212
	bottom: -1px;
7213
	left: -1px;
7214
}
7215

    
7216
:root .mytheme .v-select-optiongroup-large .v-checkbox > input ~ label:before:hover:after {
7217
	background-color: rgba(186, 186, 186, 0.1);
7218
}
7219

    
7220
:root .mytheme .v-select-optiongroup-large .v-checkbox > input ~ label:before:focus:after {
7221
	border-color: #197de1;
7222
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
7223
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
7224
}
7225

    
7226
:root .mytheme .v-select-optiongroup-large .v-checkbox > input ~ label:before:active:after {
7227
	background-color: rgba(125, 125, 125, 0.2);
7228
}
7229

    
7230
:root .mytheme .v-select-optiongroup-large .v-checkbox > input ~ label:after {
7231
	content: "\f00c";
7232
	font-family: FontAwesome;
7233
	color: transparent;
7234
	-webkit-transition: color 100ms;
7235
	-moz-transition: color 100ms;
7236
	transition: color 100ms;
7237
}
7238

    
7239
:root .mytheme .v-select-optiongroup-large .v-checkbox > input:active ~ label:after {
7240
	background-color: rgba(125, 125, 125, 0.2);
7241
}
7242

    
7243
:root .mytheme .v-select-optiongroup-large .v-checkbox > input:checked ~ label:after {
7244
	color: #197de1;
7245
}
7246

    
7247
:root .mytheme .v-select-optiongroup-large .v-checkbox > input[disabled]  ~ label, :root .mytheme .v-select-optiongroup-large .v-checkbox > input[disabled]  ~ label .v-icon, :root .mytheme .v-select-optiongroup-large .v-checkbox > input[disabled]  ~ .v-icon {
7248
	cursor: default;
7249
}
7250

    
7251
:root .mytheme .v-select-optiongroup-large .v-checkbox > input[disabled]  ~ label:before, :root .mytheme .v-select-optiongroup-large .v-checkbox > input[disabled]  ~ label:after {
7252
	opacity: 0.5;
7253
	filter: alpha(opacity=50) ;
7254
}
7255

    
7256
:root .mytheme .v-select-optiongroup-large .v-checkbox > input[disabled]:active ~ label:after {
7257
	background: transparent;
7258
}
7259

    
7260
.mytheme .v-select-optiongroup-large .v-checkbox > .v-icon, .mytheme .v-select-optiongroup-large .v-checkbox > label .v-icon {
7261
	margin: 0 7px 0 4px;
7262
	min-width: 1em;
7263
	cursor: pointer;
7264
}
7265

    
7266
.mytheme .v-select-optiongroup-large .v-radiobutton {
7267
	position: relative;
7268
	line-height: 22px;
7269
	white-space: nowrap;
7270
}
7271

    
7272
.mytheme .v-select-optiongroup-large .v-radiobutton.v-has-width label {
7273
	white-space: normal;
7274
}
7275

    
7276
:root .mytheme .v-select-optiongroup-large .v-radiobutton {
7277
	padding-left: 29px;
7278
}
7279

    
7280
:root .mytheme .v-select-optiongroup-large .v-radiobutton label {
7281
	-webkit-tap-highlight-color: transparent;
7282
	-webkit-touch-callout: none;
7283
	cursor: pointer;
7284
	display: inline-block;
7285
}
7286

    
7287
:root .mytheme .v-select-optiongroup-large .v-radiobutton > input {
7288
	position: absolute;
7289
	clip: rect(0, 0, 0, 0);
7290
	left: 0.2em;
7291
	top: 0.2em;
7292
	z-index: 0;
7293
	margin: 0;
7294
}
7295

    
7296
:root .mytheme .v-select-optiongroup-large .v-radiobutton > input:focus ~ label:before {
7297
	border-color: #197de1;
7298
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
7299
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
7300
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
7301
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
7302
}
7303

    
7304
:root .mytheme .v-select-optiongroup-large .v-radiobutton > input ~ label:before, :root .mytheme .v-select-optiongroup-large .v-radiobutton > input ~ label:after {
7305
	content: "";
7306
	display: inline-block;
7307
	-webkit-box-sizing: border-box;
7308
	-moz-box-sizing: border-box;
7309
	box-sizing: border-box;
7310
	width: 22px;
7311
	height: 22px;
7312
	position: absolute;
7313
	top: 0;
7314
	left: 0;
7315
	border-radius: 4px;
7316
	font-size: 15px;
7317
	text-align: center;
7318
}
7319

    
7320
:root .mytheme .v-select-optiongroup-large .v-radiobutton > input ~ label:before {
7321
	height: 22px;
7322
	padding: 0 10px;
7323
	color: #191919;
7324
	font-weight: 400;
7325
	
7326
	
7327
	border-radius: 4px;
7328
	border: 1px solid #c5c5c5;
7329
	border-top-color: #c5c5c5;
7330
	border-bottom-color: #bcbcbc;
7331
	background-color: #fafafa;
7332
	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
7333
	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
7334
	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
7335
	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
7336
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
7337
	padding: 0;
7338
	height: 22px;
7339
}
7340

    
7341
:root .mytheme .v-select-optiongroup-large .v-radiobutton > input ~ label:before:after {
7342
	border: inherit;
7343
	top: -1px;
7344
	right: -1px;
7345
	bottom: -1px;
7346
	left: -1px;
7347
}
7348

    
7349
:root .mytheme .v-select-optiongroup-large .v-radiobutton > input ~ label:before:hover:after {
7350
	background-color: rgba(186, 186, 186, 0.1);
7351
}
7352

    
7353
:root .mytheme .v-select-optiongroup-large .v-radiobutton > input ~ label:before:focus:after {
7354
	border-color: #197de1;
7355
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
7356
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
7357
}
7358

    
7359
:root .mytheme .v-select-optiongroup-large .v-radiobutton > input ~ label:before:active:after {
7360
	background-color: rgba(125, 125, 125, 0.2);
7361
}
7362

    
7363
:root .mytheme .v-select-optiongroup-large .v-radiobutton > input ~ label:after {
7364
	content: "\f00c";
7365
	font-family: FontAwesome;
7366
	color: transparent;
7367
	-webkit-transition: color 100ms;
7368
	-moz-transition: color 100ms;
7369
	transition: color 100ms;
7370
}
7371

    
7372
:root .mytheme .v-select-optiongroup-large .v-radiobutton > input:active ~ label:after {
7373
	background-color: rgba(125, 125, 125, 0.2);
7374
}
7375

    
7376
:root .mytheme .v-select-optiongroup-large .v-radiobutton > input:checked ~ label:after {
7377
	color: #197de1;
7378
}
7379

    
7380
:root .mytheme .v-select-optiongroup-large .v-radiobutton > input[disabled]  ~ label, :root .mytheme .v-select-optiongroup-large .v-radiobutton > input[disabled]  ~ label .v-icon, :root .mytheme .v-select-optiongroup-large .v-radiobutton > input[disabled]  ~ .v-icon {
7381
	cursor: default;
7382
}
7383

    
7384
:root .mytheme .v-select-optiongroup-large .v-radiobutton > input[disabled]  ~ label:before, :root .mytheme .v-select-optiongroup-large .v-radiobutton > input[disabled]  ~ label:after {
7385
	opacity: 0.5;
7386
	filter: alpha(opacity=50) ;
7387
}
7388

    
7389
:root .mytheme .v-select-optiongroup-large .v-radiobutton > input[disabled]:active ~ label:after {
7390
	background: transparent;
7391
}
7392

    
7393
.mytheme .v-select-optiongroup-large .v-radiobutton > .v-icon, .mytheme .v-select-optiongroup-large .v-radiobutton > label .v-icon {
7394
	margin: 0 7px 0 4px;
7395
	min-width: 1em;
7396
	cursor: pointer;
7397
}
7398

    
7399
:root .mytheme .v-select-optiongroup-large .v-radiobutton > input:checked ~ label:after {
7400
	width: 8px;
7401
	height: 8px;
7402
	top: 7px;
7403
	left: 7px;
7404
	background: #197de1;
7405
}
7406

    
7407
:root .mytheme .v-select-optiongroup-large .v-radiobutton > input ~ label:before, :root .mytheme .v-select-optiongroup-large .v-radiobutton > input ~ label:after {
7408
	border-radius: 50%;
7409
	content: "";
7410
}
7411

    
7412
.mytheme .v-select-optiongroup-large .v-radiobutton, .mytheme .v-select-optiongroup-large .v-checkbox {
7413
	display: block;
7414
	margin: 11px 16px 0 0;
7415
}
7416

    
7417
.mytheme .v-select-optiongroup-large .v-radiobutton:first-child, .mytheme .v-select-optiongroup-large .v-checkbox:first-child {
7418
	margin-top: 7px;
7419
}
7420

    
7421
.mytheme .v-select-optiongroup-large .v-radiobutton:last-child, .mytheme .v-select-optiongroup-large .v-checkbox:last-child {
7422
	margin-bottom: 7px;
7423
}
7424

    
7425
.mytheme .v-select-optiongroup-large.v-has-width label {
7426
	white-space: normal;
7427
}
7428

    
7429
.mytheme .v-select-optiongroup-horizontal {
7430
	white-space: nowrap;
7431
}
7432

    
7433
.mytheme .v-select-optiongroup-horizontal .v-radiobutton, .mytheme .v-select-optiongroup-horizontal .v-checkbox {
7434
	display: inline-block;
7435
}
7436

    
7437
.mytheme .v-select-optiongroup-horizontal.v-has-width {
7438
	white-space: normal;
7439
}
7440

    
7441
.mytheme .v-select-optiongroup-horizontal.v-has-width label {
7442
	white-space: nowrap;
7443
}
7444

    
7445
.mytheme .v-link {
7446
	cursor: pointer;
7447
	color: #197de1;
7448
	text-decoration: underline;
7449
	font-weight: inherit;
7450
	-webkit-transition: color 140ms;
7451
	-moz-transition: color 140ms;
7452
	transition: color 140ms;
7453
}
7454

    
7455
.mytheme .v-link:hover {
7456
	color: #4396ea;
7457
}
7458

    
7459
.mytheme .v-link a {
7460
	cursor: inherit;
7461
	color: inherit;
7462
	text-decoration: inherit;
7463
	-webkit-transition: inherit;
7464
	-moz-transition: inherit;
7465
	transition: inherit;
7466
}
7467

    
7468
.mytheme .v-link .v-icon {
7469
	cursor: inherit;
7470
}
7471

    
7472
.mytheme .v-link-small {
7473
	font-size: 14px;
7474
}
7475

    
7476
.mytheme .v-link-large {
7477
	font-size: 20px;
7478
}
7479

    
7480
.mytheme .v-window {
7481
	padding: 4px 4px;
7482
	border-radius: 4px;
7483
	background-color: white;
7484
	color: #474747;
7485
	-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
7486
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
7487
	-webkit-backface-visibility: hidden;
7488
	-moz-backface-visibility: hidden;
7489
	-ms-backface-visibility: hidden;
7490
	backface-visibility: hidden;
7491
	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1), 0 16px 80px -6px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.09098);
7492
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1), 0 16px 80px -6px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.09098);
7493
	padding: 0;
7494
	min-width: 148px !important;
7495
	min-height: 37px !important;
7496
	white-space: nowrap;
7497
	overflow: hidden !important;
7498
	-webkit-transition: width 200ms, height 200ms, top 200ms, left 200ms;
7499
	-moz-transition: width 200ms, height 200ms, top 200ms, left 200ms;
7500
	transition: width 200ms, height 200ms, top 200ms, left 200ms;
7501
}
7502

    
7503
.mytheme .v-window[class*="animate-in"] {
7504
	-webkit-animation: valo-animate-in-fade 140ms;
7505
	-moz-animation: valo-animate-in-fade 140ms;
7506
	animation: valo-animate-in-fade 140ms;
7507
}
7508

    
7509
.mytheme .v-window[class*="animate-out"] {
7510
	-webkit-animation: valo-animate-out-scale-down-fade 100ms;
7511
	-moz-animation: valo-animate-out-scale-down-fade 100ms;
7512
	animation: valo-animate-out-scale-down-fade 100ms;
7513
}
7514

    
7515
.mytheme .v-window.v-window-animate-in {
7516
	-webkit-transition: none;
7517
	-moz-transition: none;
7518
	transition: none;
7519
}
7520

    
7521
.mytheme .v-window-modalitycurtain {
7522
	position: fixed;
7523
	top: 0;
7524
	right: 0;
7525
	bottom: 0;
7526
	left: 0;
7527
	background-color: #222;
7528
	background-image: -webkit-radial-gradient(50% 50%, circle, #222, #0e0e0e);
7529
	background-image: radial-gradient(  circle at 50% 50%, #222, #0e0e0e);
7530
	opacity: 0.72;
7531
	filter: alpha(opacity=72) ;
7532
	-webkit-animation: valo-animate-in-fade 400ms 100ms;
7533
	-moz-animation: valo-animate-in-fade 400ms 100ms;
7534
	animation: valo-animate-in-fade 400ms 100ms;
7535
}
7536

    
7537
.v-op12 .mytheme .v-window-modalitycurtain {
7538
	-webkit-animation: none;
7539
	-moz-animation: none;
7540
	animation: none;
7541
}
7542

    
7543
.mytheme .v-window-draggingCurtain {
7544
	position: fixed !important;
7545
}
7546

    
7547
.mytheme .v-window-resizingCurtain + .v-window, .mytheme .v-window-draggingCurtain + .v-window {
7548
	-webkit-transition: none;
7549
	-moz-transition: none;
7550
	transition: none;
7551
}
7552

    
7553
.mytheme .v-window-outerheader {
7554
	position: absolute;
7555
	z-index: 2;
7556
	top: 0;
7557
	left: 0;
7558
	right: 0;
7559
	-webkit-transform: translatez(0);
7560
	-moz-transform: translatez(0);
7561
	-ms-transform: translatez(0);
7562
	-o-transform: translatez(0);
7563
	transform: translatez(0);
7564
}
7565

    
7566
.mytheme .v-window-outerheader:after {
7567
	content: "";
7568
	position: absolute;
7569
	bottom: -1px;
7570
	right: 0;
7571
	left: 0;
7572
	height: 0;
7573
	border-top: 1px solid #dfdfdf;
7574
	border-color: rgba(197, 197, 197, 0.5);
7575
}
7576

    
7577
.mytheme .v-window-header {
7578
	cursor: move;
7579
	line-height: 36px;
7580
	padding-left: 12px;
7581
	margin-right: 74px;
7582
	overflow: hidden;
7583
	text-overflow: ellipsis;
7584
	white-space: nowrap;
7585
	color: #7e7e7e;
7586
}
7587

    
7588
.mytheme .v-window-closebox, .mytheme .v-window-maximizebox, .mytheme .v-window-restorebox {
7589
	position: absolute;
7590
	z-index: 3;
7591
	top: 0;
7592
	right: 0;
7593
	-webkit-box-sizing: border-box;
7594
	-moz-box-sizing: border-box;
7595
	box-sizing: border-box;
7596
	width: 33px;
7597
	height: 36px;
7598
	background-color: white;
7599
	line-height: 34px;
7600
	text-align: center;
7601
	cursor: pointer;
7602
	font-size: 21px;
7603
	color: #999999;
7604
	-webkit-transition: color 140ms;
7605
	-moz-transition: color 140ms;
7606
	transition: color 140ms;
7607
}
7608

    
7609
.mytheme .v-window-closebox:focus, .mytheme .v-window-maximizebox:focus, .mytheme .v-window-restorebox:focus {
7610
	outline: none;
7611
}
7612

    
7613
.mytheme .v-window-closebox:hover, .mytheme .v-window-maximizebox:hover, .mytheme .v-window-restorebox:hover {
7614
	opacity: 1;
7615
	filter: none ;
7616
	color: #197de1;
7617
}
7618

    
7619
.mytheme .v-window-closebox:active, .mytheme .v-window-maximizebox:active, .mytheme .v-window-restorebox:active {
7620
	color: inherit;
7621
}
7622

    
7623
.mytheme .v-window-closebox {
7624
	padding-right: 4px;
7625
	border-radius: 0 4px 0 4px;
7626
}
7627

    
7628
.mytheme .v-window-closebox:before {
7629
	content: "\00d7";
7630
}
7631

    
7632
.mytheme .v-window-maximizebox, .mytheme .v-window-restorebox {
7633
	right: 33px;
7634
	padding-left: 4px;
7635
	border-radius: 0 0 0 4px;
7636
}
7637

    
7638
.mytheme .v-window-maximizebox  + .v-window-closebox, .mytheme .v-window-restorebox  + .v-window-closebox {
7639
	border-bottom-left-radius: 0;
7640
}
7641

    
7642
.mytheme .v-window-restorebox-disabled, .mytheme .v-window-maximizebox-disabled {
7643
	display: none;
7644
}
7645

    
7646
.mytheme .v-window-restorebox-disabled  + .v-window-closebox, .mytheme .v-window-maximizebox-disabled  + .v-window-closebox {
7647
	width: 37px;
7648
	padding-right: 0;
7649
	border-bottom-left-radius: 4px;
7650
}
7651

    
7652
.mytheme .v-window-maximizebox:before {
7653
	content: "+";
7654
}
7655

    
7656
.mytheme .v-window-restorebox:before {
7657
	content: "\2013";
7658
}
7659

    
7660
.mytheme .v-window > .popupContent, .mytheme .v-window-wrap, .mytheme .v-window-contents, .mytheme .v-window-contents > .v-scrollable {
7661
	height: 100%;
7662
}
7663

    
7664
.mytheme .v-window-contents {
7665
	-webkit-box-sizing: border-box;
7666
	-moz-box-sizing: border-box;
7667
	box-sizing: border-box;
7668
	border-radius: 4px;
7669
	margin-top: 0 !important;
7670
}
7671

    
7672
.mytheme .v-window-contents  > .v-scrollable {
7673
	position: relative;
7674
}
7675

    
7676
.mytheme .v-window-contents  > .v-scrollable  > .v-margin-top {
7677
	padding-top: 12px;
7678
}
7679

    
7680
.mytheme .v-window-contents  > .v-scrollable  > .v-margin-right {
7681
	padding-right: 12px;
7682
}
7683

    
7684
.mytheme .v-window-contents  > .v-scrollable  > .v-margin-bottom {
7685
	padding-bottom: 12px;
7686
}
7687

    
7688
.mytheme .v-window-contents  > .v-scrollable  > .v-margin-left {
7689
	padding-left: 12px;
7690
}
7691

    
7692
.mytheme .v-window-contents  > .v-scrollable  > .v-formlayout [class*="margin-top"] > tbody > [class*="firstrow"] > td {
7693
	padding-top: 12px;
7694
}
7695

    
7696
.mytheme .v-window-contents  > .v-scrollable  > .v-formlayout [class*="margin-bottom"] > tbody > [class*="lastrow"] > td {
7697
	padding-bottom: 12px;
7698
}
7699

    
7700
.mytheme .v-window-contents  > .v-scrollable  > .v-formlayout [class*="margin-left"] > tbody > [class*="row"] > [class*="captioncell"] {
7701
	padding-left: 12px;
7702
}
7703

    
7704
.mytheme .v-window-contents  > .v-scrollable  > .v-formlayout [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"]  > .v-label-h2, .mytheme .v-window-contents  > .v-scrollable  > .v-formlayout [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"]  > .v-label-h3, .mytheme .v-window-contents  > .v-scrollable  > .v-formlayout [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"]  > .v-label-h4 {
7705
	left: 12px;
7706
}
7707

    
7708
.mytheme .v-window-contents  > .v-scrollable  > .v-formlayout [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] {
7709
	padding-right: 12px;
7710
}
7711

    
7712
.mytheme .v-window-contents  > .v-scrollable  > .v-formlayout [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"]  > .v-label-h2, .mytheme .v-window-contents  > .v-scrollable  > .v-formlayout [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"]  > .v-label-h3, .mytheme .v-window-contents  > .v-scrollable  > .v-formlayout [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"]  > .v-label-h4 {
7713
	right: 12px;
7714
}
7715

    
7716
.mytheme .v-window-contents  > .v-scrollable:focus {
7717
	outline: none;
7718
}
7719

    
7720
.mytheme .v-window-contents  > .v-scrollable:before {
7721
	content: "";
7722
	position: absolute;
7723
	z-index: 2;
7724
	top: 0;
7725
	height: 0;
7726
	border-top: 1px solid white;
7727
	left: 0;
7728
	right: 0;
7729
}
7730

    
7731
.mytheme .v-window-contents  > .v-scrollable .v-panel-captionwrap:after {
7732
	border-color: #dfdfdf;
7733
}
7734

    
7735
.mytheme .v-window-contents  > .v-scrollable .v-panel-content:before {
7736
	border-color: white;
7737
}
7738

    
7739
.mytheme .v-window-footer {
7740
	height: 0;
7741
}
7742

    
7743
.mytheme .v-window-resizebox {
7744
	position: absolute;
7745
	z-index: 1000;
7746
	right: 0;
7747
	bottom: 0;
7748
	width: 19px;
7749
	height: 19px;
7750
	cursor: nwse-resize;
7751
}
7752

    
7753
.v-ie8 .mytheme .v-window-resizebox {
7754
	background: #000;
7755
	filter: alpha(opacity=0.1);
7756
}
7757

    
7758
.v-ie8 .mytheme .v-window-resizebox, .v-ie9 .mytheme .v-window-resizebox {
7759
	cursor: se-resize;
7760
}
7761

    
7762
.mytheme .v-window-resizebox-disabled {
7763
	display: none;
7764
}
7765

    
7766
.mytheme .v-window-modalitycurtain:active  ~ .v-window {
7767
	-webkit-animation: none;
7768
	-moz-animation: none;
7769
	animation: none;
7770
}
7771

    
7772
.mytheme .v-window-top-toolbar  > .v-widget, .mytheme .v-window-bottom-toolbar  > .v-widget {
7773
	vertical-align: top;
7774
}
7775

    
7776
.mytheme .v-window-top-toolbar .v-label, .mytheme .v-window-bottom-toolbar .v-label {
7777
	line-height: 36px;
7778
}
7779

    
7780
.mytheme .v-window-top-toolbar .v-spacing, .mytheme .v-window-bottom-toolbar .v-spacing {
7781
	width: 6px;
7782
}
7783

    
7784
.mytheme .v-window-top-toolbar.v-layout {
7785
	padding: 7px 12px;
7786
	position: relative;
7787
	z-index: 2;
7788
	border-top: 1px solid #dfdfdf;
7789
	border-bottom: 1px solid #dfdfdf;
7790
	background-color: #fafafa;
7791
}
7792

    
7793
.mytheme .v-window-top-toolbar.v-menubar {
7794
	margin: 12px 12px 6px;
7795
}
7796

    
7797
.mytheme .v-window-top-toolbar.v-menubar-borderless {
7798
	padding-left: 6px;
7799
	padding-right: 6px;
7800
	margin: 5px 0;
7801
}
7802

    
7803
.mytheme .v-window-bottom-toolbar.v-layout {
7804
	padding: 7px 12px;
7805
	background-color: #fafafa;
7806
	background-image: -webkit-linear-gradient(top, #f0f0f0 0, #fafafa 4px);
7807
	background-image: linear-gradient(to bottom,#f0f0f0 0, #fafafa 4px);
7808
	border-top: 1px solid #dfdfdf;
7809
	border-radius: 0 0 4px 4px;
7810
}
7811

    
7812
.mytheme .v-margin-left.v-margin-right.v-margin-top .v-window-top-toolbar.v-layout {
7813
	-webkit-box-sizing: content-box;
7814
	-moz-box-sizing: content-box;
7815
	box-sizing: content-box;
7816
	margin: -12px -12px 0;
7817
}
7818

    
7819
.mytheme .v-margin-left.v-margin-right.v-margin-top .v-window-top-toolbar.v-menubar {
7820
	margin: 0;
7821
}
7822

    
7823
.mytheme .v-margin-left.v-margin-right.v-margin-top .v-window-top-toolbar.v-menubar-borderless {
7824
	margin: -6px -6px 0;
7825
	padding: 0;
7826
}
7827

    
7828
.mytheme .v-margin-left.v-margin-right.v-margin-bottom .v-window-bottom-toolbar.v-layout {
7829
	-webkit-box-sizing: content-box;
7830
	-moz-box-sizing: content-box;
7831
	box-sizing: content-box;
7832
	margin: 0 -12px -12px;
7833
}
7834

    
7835
.mytheme .v-tree {
7836
	position: relative;
7837
	white-space: nowrap;
7838
}
7839

    
7840
.mytheme .v-tree:focus {
7841
	outline: none;
7842
}
7843

    
7844
.mytheme .v-tree-node:before {
7845
	content: "";
7846
	position: absolute;
7847
	display: inline-block;
7848
	z-index: 3;
7849
	width: 1.9em;
7850
	height: 28px;
7851
	cursor: pointer;
7852
	background: red;
7853
	opacity: 0;
7854
}
7855

    
7856
.v-ie8 .mytheme .v-tree-node:before {
7857
	position: static;
7858
	margin-left: -1.9em;
7859
	vertical-align: top;
7860
	content: "\f0da";
7861
	font-family: FontAwesome;
7862
	text-align: center;
7863
	background: transparent;
7864
}
7865

    
7866
.v-ie8 .mytheme .v-tree-node {
7867
	padding-left: 1.9em;
7868
}
7869

    
7870
.mytheme .v-tree-node-caption {
7871
	height: 28px;
7872
	line-height: 27px;
7873
	overflow: hidden;
7874
	white-space: nowrap;
7875
	vertical-align: top;
7876
}
7877

    
7878
.mytheme .v-tree-node-caption > div {
7879
	display: inline-block;
7880
	width: 100%;
7881
	position: relative;
7882
	z-index: 2;
7883
}
7884

    
7885
.mytheme .v-tree-node-caption > div:before {
7886
	content: "\f0da";
7887
	font-family: FontAwesome;
7888
	display: inline-block;
7889
	width: 0.5em;
7890
	text-align: center;
7891
	margin: 0 0.6em 0 0.8em;
7892
	-webkit-transition: all 100ms;
7893
	-moz-transition: all 100ms;
7894
	transition: all 100ms;
7895
}
7896

    
7897
.v-ie8 .mytheme .v-tree-node-caption > div:before {
7898
	display: none;
7899
}
7900

    
7901
.mytheme .v-tree-node-caption span {
7902
	padding-right: 28px;
7903
	cursor: pointer;
7904
	display: inline-block;
7905
	width: 100%;
7906
}
7907

    
7908
.v-ie .mytheme .v-tree-node-caption span {
7909
	width: auto;
7910
}
7911

    
7912
.mytheme .v-tree-node-caption .v-icon {
7913
	padding-right: 0;
7914
	width: auto;
7915
	min-width: 1em;
7916
}
7917

    
7918
.mytheme .v-tree-node-caption:after {
7919
	content: "";
7920
	display: block;
7921
	vertical-align: top;
7922
	position: absolute;
7923
	z-index: 1;
7924
	left: 0;
7925
	margin-top: -28px;
7926
	width: 100%;
7927
	height: 28px;
7928
	border-radius: 4px;
7929
	opacity: 0;
7930
	-webkit-transition: opacity 120ms;
7931
	-moz-transition: opacity 120ms;
7932
	transition: opacity 120ms;
7933
}
7934

    
7935
.v-ie8 .mytheme .v-tree-node-caption:after {
7936
	content: none;
7937
}
7938

    
7939
.v-ie8 .mytheme .v-tree-node-caption {
7940
	display: inline-block;
7941
}
7942

    
7943
.mytheme .v-tree-node-expanded > .v-tree-node-caption > div:before {
7944
	-webkit-transform: rotate(90deg);
7945
	-moz-transform: rotate(90deg);
7946
	-ms-transform: rotate(90deg);
7947
	-o-transform: rotate(90deg);
7948
	transform: rotate(90deg);
7949
	content: "\f0da";
7950
	font-family: FontAwesome;
7951
}
7952

    
7953
.v-ie8 .mytheme .v-tree-node-expanded:before {
7954
	content: "\f0d7";
7955
	font-family: FontAwesome;
7956
}
7957

    
7958
.mytheme .v-tree-node-leaf:before, .mytheme .v-tree-node-leaf > .v-tree-node-caption > div:before {
7959
	visibility: hidden;
7960
}
7961

    
7962
.mytheme .v-tree-node-focused:after {
7963
	opacity: 1;
7964
	border: 1px solid #197de1;
7965
}
7966

    
7967
.v-ie8 .mytheme .v-tree-node-focused {
7968
	outline: 1px dotted #197de1;
7969
}
7970

    
7971
.mytheme .v-tree-node-selected {
7972
	color: #ecf2f8;
7973
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
7974
}
7975

    
7976
.mytheme .v-tree-node-selected:after {
7977
	opacity: 1;
7978
	background-color: #197de1;
7979
	background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
7980
	background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
7981
	border: none;
7982
}
7983

    
7984
.v-ie8 .mytheme .v-tree-node-selected {
7985
	background-color: #197de1;
7986
	background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
7987
	background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
7988
}
7989

    
7990
.mytheme .v-tree-node-children {
7991
	padding-left: 19px;
7992
}
7993

    
7994
.v-ie8 .mytheme .v-tree-node-children {
7995
	padding-left: 0;
7996
}
7997

    
7998
.mytheme .v-tree-node-drag-top:before, .mytheme .v-tree-node-drag-bottom:after, .mytheme .v-tree-node-drag-bottom.v-tree-node-dragfolder.v-tree-node-expanded > .v-tree-node-children:before {
7999
	content: "\2022";
8000
	display: block;
8001
	position: absolute;
8002
	height: 2px;
8003
	width: 100%;
8004
	background: #197de1;
8005
	font-size: 32px;
8006
	line-height: 2px;
8007
	color: #197de1;
8008
	text-indent: -4px;
8009
	text-shadow: 0 0 1px #fafafa, 0 0 1px #fafafa;
8010
	opacity: 1;
8011
	visibility: visible;
8012
}
8013

    
8014
.mytheme .v-tree-node-drag-bottom.v-tree-node-dragfolder.v-tree-node-expanded:after {
8015
	content: none;
8016
}
8017

    
8018
.mytheme .v-tree-node-caption-drag-center {
8019
	-webkit-box-shadow: 0 0 0 2px #197de1;
8020
	box-shadow: 0 0 0 2px #197de1;
8021
	position: relative;
8022
	border-radius: 4px;
8023
}
8024

    
8025
.v-ie8 .mytheme .v-tree-node-caption-drag-center {
8026
	outline: 2px solid #197de1;
8027
}
8028

    
8029
.v-ff .mytheme .v-tree-node-drag-top:before, .v-ff .mytheme .v-tree-node-drag-bottom:after {
8030
	line-height: 1px;
8031
}
8032

    
8033
.v-ie8 .mytheme .v-tree-node-drag-top:before, .v-ie8 .mytheme .v-tree-node-drag-bottom:after {
8034
	line-height: 0;
8035
}
8036

    
8037
.mytheme .v-table {
8038
	position: relative;
8039
	background: #fafafa;
8040
	color: #464646;
8041
}
8042

    
8043
.mytheme .v-table-header table, .mytheme .v-table-footer table, .mytheme .v-table-table {
8044
	-webkit-box-shadow: 0 0 0 1px #d4d4d4;
8045
	box-shadow: 0 0 0 1px #d4d4d4;
8046
}
8047

    
8048
.v-ie8 .mytheme .v-table-header table, .v-ie8 .mytheme .v-table-footer table, .v-ie8 .mytheme .v-table-table {
8049
	outline: 1px solid #d4d4d4;
8050
}
8051

    
8052
.mytheme .v-table-header-wrap, .mytheme .v-table-footer-wrap, .mytheme .v-table-header-drag {
8053
	border: 1px solid #d4d4d4;
8054
	background-color: #fafafa;
8055
	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
8056
	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
8057
	white-space: nowrap;
8058
	font-size: 14px;
8059
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
8060
}
8061

    
8062
.mytheme .v-table-header-wrap {
8063
	position: relative;
8064
	border-bottom: none;
8065
}
8066

    
8067
.mytheme .v-table-footer-wrap {
8068
	border-top: none;
8069
}
8070

    
8071
.mytheme .v-table-footer td {
8072
	border-left: 1px solid #d4d4d4;
8073
}
8074

    
8075
.mytheme .v-table-footer-container, .mytheme .v-table-caption-container {
8076
	overflow: hidden;
8077
	line-height: 1;
8078
	min-height: 37px;
8079
	-webkit-box-sizing: border-box;
8080
	-moz-box-sizing: border-box;
8081
	box-sizing: border-box;
8082
}
8083

    
8084
.v-ie8 .mytheme .v-table-footer-container, .v-ie8 .mytheme .v-table-caption-container {
8085
	min-height: 14px;
8086
}
8087

    
8088
.mytheme .v-table-footer-container {
8089
	padding: 11px 12px 12px;
8090
	float: right;
8091
}
8092

    
8093
.mytheme [class^="v-table-header-cell"] {
8094
	position: relative;
8095
}
8096

    
8097
.mytheme .v-table-caption-container, .mytheme .v-table-header-drag {
8098
	padding: 12px 12px 11px;
8099
	border-left: 1px solid #d4d4d4;
8100
}
8101

    
8102
.mytheme .v-table-caption-container-align-right {
8103
	padding-right: 4px;
8104
}
8105

    
8106
.mytheme .v-table-resizer {
8107
	height: 37px;
8108
	width: 8px;
8109
	cursor: e-resize;
8110
	cursor: col-resize;
8111
	position: relative;
8112
	right: -4px;
8113
	z-index: 1;
8114
	margin-left: -8px;
8115
}
8116

    
8117
.mytheme .v-table-cell-content {
8118
	border-left: 1px solid #d4d4d4;
8119
	overflow: hidden;
8120
	height: 37px;
8121
}
8122

    
8123
.mytheme .v-table-cell-content:first-child {
8124
	border-left: none;
8125
	padding-left: 1px;
8126
}
8127

    
8128
.mytheme .v-table-header td:first-child .v-table-caption-container, .mytheme .v-table-footer td:first-child {
8129
	border-left-color: transparent;
8130
}
8131

    
8132
.mytheme .v-table-cell-wrapper {
8133
	line-height: 1;
8134
	padding: 0 12px;
8135
	-webkit-box-sizing: border-box;
8136
	-moz-box-sizing: border-box;
8137
	box-sizing: border-box;
8138
	margin-right: 0 !important;
8139
}
8140

    
8141
.mytheme .v-table-cell-wrapper  > .v-widget {
8142
	margin: 3px -6px;
8143
}
8144

    
8145
.mytheme .v-table-cell-wrapper  > .v-widget.v-label, .mytheme .v-table-cell-wrapper  > .v-widget.v-checkbox, .mytheme .v-table-cell-wrapper  > .v-widget.v-select-optiongroup {
8146
	margin: 0;
8147
}
8148

    
8149
.mytheme .v-table-cell-wrapper  > .v-widget.v-progressbar {
8150
	margin-left: 0;
8151
	margin-right: 0;
8152
}
8153

    
8154
.mytheme .v-table-body {
8155
	border: 1px solid #d4d4d4;
8156
	-webkit-user-select: text;
8157
	-moz-user-select: text;
8158
	-ms-user-select: text;
8159
	user-select: text;
8160
}
8161

    
8162
.mytheme .v-table-table {
8163
	background-color: white;
8164
	white-space: nowrap;
8165
}
8166

    
8167
.mytheme .v-table-table td {
8168
	border-top: 1px solid #d4d4d4;
8169
}
8170

    
8171
.mytheme .v-table-table tr:first-child td {
8172
	border-top: none;
8173
}
8174

    
8175
.mytheme .v-table-row {
8176
	background-color: white;
8177
}
8178

    
8179
.mytheme .v-table-row-odd {
8180
	background-color: #f5f5f5;
8181
}
8182

    
8183
.mytheme .v-table [class*="-row"].v-selected {
8184
	background-color: #197de1;
8185
	background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
8186
	background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
8187
	background-origin: border-box;
8188
	color: #ecf2f8;
8189
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
8190
}
8191

    
8192
.mytheme .v-table [class*="-row"].v-selected  + .v-selected {
8193
	background: #166ed5;
8194
}
8195

    
8196
.mytheme .v-table [class*="-row"].v-selected  + .v-selected td {
8197
	border-top-color: #166ed5;
8198
}
8199

    
8200
.mytheme .v-table [class*="-row"].v-selected .v-table-cell-content {
8201
	border-color: transparent;
8202
	border-left-color: #1d69b4;
8203
}
8204

    
8205
.mytheme .v-table [class*="-row"].v-selected .v-table-cell-content:first-child {
8206
	border-left-color: transparent;
8207
}
8208

    
8209
.mytheme .v-table-header-cell-asc .v-table-sort-indicator, .mytheme .v-table-header-cell-desc .v-table-sort-indicator {
8210
	background: transparent;
8211
	width: 19px;
8212
	height: 37px;
8213
	line-height: 37px;
8214
	margin-left: -19px;
8215
}
8216

    
8217
.mytheme .v-table-header-cell-asc .v-table-sort-indicator:before, .mytheme .v-table-header-cell-desc .v-table-sort-indicator:before {
8218
	font-style: normal;
8219
	font-weight: normal;
8220
	display: inline-block;
8221
}
8222

    
8223
.mytheme .v-table-header-cell-asc .v-table-sort-indicator:before {
8224
	content: "\f0de";
8225
	font-family: FontAwesome;
8226
}
8227

    
8228
.mytheme .v-table-header-cell-desc .v-table-sort-indicator:before {
8229
	content: "\f0dd";
8230
	font-family: FontAwesome;
8231
}
8232

    
8233
.mytheme [class*="rowheader"] span.v-icon {
8234
	min-width: 1em;
8235
}
8236

    
8237
.mytheme .v-table-focus {
8238
	outline: 1px solid #197de1;
8239
	outline-offset: -1px;
8240
}
8241

    
8242
.mytheme .v-drag-element.v-table-focus, .mytheme .v-drag-element .v-table-focus {
8243
	outline: none;
8244
}
8245

    
8246
.mytheme .v-table-header-drag {
8247
	position: absolute;
8248
	opacity: 0.9;
8249
	filter: alpha(opacity=90) ;
8250
	margin-top: -19px;
8251
	z-index: 30000;
8252
	line-height: 1;
8253
}
8254

    
8255
.mytheme .v-table-focus-slot-right {
8256
	border-right: 3px solid #197de1;
8257
	right: -2px;
8258
	margin-left: -11px;
8259
}
8260

    
8261
.mytheme .v-table-focus-slot-left {
8262
	float: left;
8263
	border-left: 3px solid #197de1;
8264
	left: -1px;
8265
	right: auto;
8266
	margin-left: 0 !important;
8267
	margin-right: -11px;
8268
}
8269

    
8270
.mytheme .v-table-column-selector {
8271
	height: 37px;
8272
	padding: 0 16px;
8273
	color: #191919;
8274
	font-weight: 400;
8275
	
8276
	
8277
	border-radius: 4px;
8278
	border: 1px solid #c5c5c5;
8279
	border-top-color: #c5c5c5;
8280
	border-bottom-color: #bcbcbc;
8281
	background-color: #fafafa;
8282
	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
8283
	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
8284
	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
8285
	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
8286
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
8287
	position: absolute;
8288
	z-index: 2;
8289
	top: -9px;
8290
	right: -9px;
8291
	height: 19px;
8292
	line-height: 19px;
8293
	width: 19px;
8294
	padding: 0;
8295
	border-radius: 50%;
8296
	cursor: pointer;
8297
	text-align: center;
8298
	opacity: 0;
8299
	filter: alpha(opacity=0) ;
8300
	-webkit-transition: opacity 200ms 1s;
8301
	-moz-transition: opacity 200ms 1s;
8302
	transition: opacity 200ms 1s;
8303
}
8304

    
8305
.mytheme .v-table-column-selector:after {
8306
	border: inherit;
8307
	top: -1px;
8308
	right: -1px;
8309
	bottom: -1px;
8310
	left: -1px;
8311
}
8312

    
8313
.mytheme .v-table-column-selector:hover:after {
8314
	background-color: rgba(186, 186, 186, 0.1);
8315
}
8316

    
8317
.mytheme .v-table-column-selector:focus:after {
8318
	border-color: #197de1;
8319
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
8320
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
8321
}
8322

    
8323
.mytheme .v-table-column-selector:active:after {
8324
	background-color: rgba(125, 125, 125, 0.2);
8325
}
8326

    
8327
.mytheme .v-table-column-selector:after {
8328
	content: "";
8329
	position: absolute;
8330
	top: -1px;
8331
	right: -1px;
8332
	bottom: -1px;
8333
	left: -1px;
8334
	border-radius: inherit;
8335
}
8336

    
8337
.mytheme .v-table-column-selector:active:after {
8338
	background-color: rgba(125, 125, 125, 0.2);
8339
}
8340

    
8341
.mytheme .v-table-column-selector:before {
8342
	font-family: FontAwesome;
8343
	content: "\f013";
8344
}
8345

    
8346
.mytheme .v-scrollable > .v-table .v-table-column-selector {
8347
	right: 0;
8348
	top: 0;
8349
	border-top: none;
8350
	border-right: none;
8351
	border-radius: 0 0 0 50%;
8352
}
8353

    
8354
.mytheme .v-scrollable > .v-table .v-table-column-selector:after {
8355
	top: 0;
8356
	right: 0;
8357
}
8358

    
8359
.mytheme .v-table-header-wrap:hover .v-table-column-selector {
8360
	opacity: 1;
8361
	filter: none ;
8362
	-webkit-transition-delay: 100ms;
8363
	-moz-transition-delay: 100ms;
8364
	transition-delay: 100ms;
8365
}
8366

    
8367
.mytheme .v-on:before, .mytheme .v-off:before {
8368
	content: "\f00c";
8369
	font-family: FontAwesome;
8370
	font-size: 0.9em;
8371
	margin-right: 6px;
8372
}
8373

    
8374
.mytheme .v-on div, .mytheme .v-off div {
8375
	display: inline;
8376
}
8377

    
8378
.mytheme .v-off:before {
8379
	visibility: hidden;
8380
}
8381

    
8382
.mytheme tbody.v-drag-element {
8383
	display: block;
8384
	overflow: visible;
8385
	-webkit-box-shadow: none;
8386
	box-shadow: none;
8387
	background: transparent;
8388
	opacity: 1;
8389
	filter: none ;
8390
}
8391

    
8392
.mytheme tbody.v-drag-element tr {
8393
	display: block;
8394
	
8395
	
8396
	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
8397
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
8398
	border-radius: 4px;
8399
	overflow: hidden;
8400
	opacity: 0.5;
8401
	filter: alpha(opacity=50) ;
8402
	background: white;
8403
}
8404

    
8405
.mytheme .v-table-body {
8406
	position: relative;
8407
	z-index: 1;
8408
}
8409

    
8410
.mytheme .v-table-scrollposition {
8411
	position: absolute;
8412
	top: 50%;
8413
	width: 100%;
8414
	height: 37px;
8415
	line-height: 37px;
8416
	margin: -19px 0 0 !important;
8417
	text-align: center;
8418
}
8419

    
8420
.mytheme .v-table-drag .v-table-body {
8421
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
8422
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
8423
	border-color: #197de1;
8424
}
8425

    
8426
.v-ie8 .mytheme .v-table-drag .v-table-body {
8427
	border-color: #197de1;
8428
}
8429

    
8430
.mytheme .v-table-drag .v-table-body .v-table-focus {
8431
	outline: none;
8432
}
8433

    
8434
.mytheme .v-table-row-drag-middle td:first-child:before {
8435
	content: "";
8436
	display: block;
8437
	position: absolute;
8438
	z-index: 1;
8439
	height: 38px;
8440
	left: 0;
8441
	right: 0;
8442
	background: #197de1;
8443
	opacity: 0.2;
8444
	filter: alpha(opacity=20) ;
8445
}
8446

    
8447
.mytheme .v-table-row-drag-top td:first-child:before, .mytheme .v-table-row-drag-bottom td:first-child:after {
8448
	content: "\2022";
8449
	display: block;
8450
	position: absolute;
8451
	height: 2px;
8452
	left: 0;
8453
	right: 0;
8454
	background: #197de1;
8455
	font-size: 32px;
8456
	line-height: 2px;
8457
	color: #197de1;
8458
	text-indent: -4px;
8459
	text-shadow: 0 0 1px white, 0 0 1px white;
8460
}
8461

    
8462
.mytheme .v-table-row-drag-top td:first-child:before {
8463
	margin-top: -1px;
8464
}
8465

    
8466
.v-ff .mytheme .v-table-row-drag-top td:first-child:before, .v-ff .mytheme .v-table-row-drag-bottom td:first-child:after {
8467
	line-height: 1px;
8468
}
8469

    
8470
.v-ie .mytheme .v-table-row-drag-top td:first-child:before, .v-ie .mytheme .v-table-row-drag-bottom td:first-child:after {
8471
	line-height: 0;
8472
}
8473

    
8474
.mytheme .v-table-no-stripes .v-table-row, .mytheme .v-table-no-stripes .v-table-row-odd {
8475
	background: transparent;
8476
}
8477

    
8478
.mytheme .v-table-no-vertical-lines .v-table-cell-content {
8479
	border-left: none;
8480
	padding-left: 1px;
8481
}
8482

    
8483
.mytheme .v-table-no-vertical-lines.v-treetable .v-table-cell-content {
8484
	padding-left: 13px;
8485
}
8486

    
8487
.mytheme .v-table-no-horizontal-lines .v-table-cell-content {
8488
	border-top: none;
8489
	border-bottom: none;
8490
}
8491

    
8492
.mytheme .v-table-no-header .v-table-header-wrap {
8493
	display: none;
8494
}
8495

    
8496
.mytheme .v-table-borderless .v-table-header-wrap, .mytheme .v-table-borderless .v-table-footer-wrap, .mytheme .v-table-borderless .v-table-header-drag, .mytheme .v-table-borderless .v-table-body {
8497
	border: none;
8498
}
8499

    
8500
.mytheme .v-table-borderless .v-table-header-wrap {
8501
	border-bottom: 1px solid #d9d9d9;
8502
}
8503

    
8504
.mytheme .v-table-borderless .v-table-footer-wrap {
8505
	border-top: 1px solid #d9d9d9;
8506
}
8507

    
8508
.mytheme .v-table-compact .v-table-header-wrap, .mytheme .v-table-compact .v-table-footer-wrap, .mytheme .v-table-compact .v-table-header-drag, .mytheme .v-table-small .v-table-header-wrap, .mytheme .v-table-small .v-table-footer-wrap, .mytheme .v-table-small .v-table-header-drag {
8509
	font-size: 14px;
8510
}
8511

    
8512
.mytheme .v-table-compact .v-table-footer-container, .mytheme .v-table-small .v-table-footer-container {
8513
	padding: 8px 7px 9px;
8514
}
8515

    
8516
.mytheme .v-table-compact .v-table-caption-container, .mytheme .v-table-compact .v-table-header-drag, .mytheme .v-table-small .v-table-caption-container, .mytheme .v-table-small .v-table-header-drag {
8517
	padding-top: 9px;
8518
	padding-bottom: 8px;
8519
	padding-left: 6px;
8520
	padding-right: 6px;
8521
}
8522

    
8523
.mytheme .v-table-compact .v-table-caption-container-align-right, .mytheme .v-table-small .v-table-caption-container-align-right {
8524
	padding-right: 0;
8525
}
8526

    
8527
.mytheme .v-table-compact .v-table-resizer, .mytheme .v-table-small .v-table-resizer {
8528
	height: 31px;
8529
}
8530

    
8531
.mytheme .v-table-compact .v-table-cell-content, .mytheme .v-table-small .v-table-cell-content {
8532
	height: 31px;
8533
}
8534

    
8535
.mytheme .v-table-compact .v-table-cell-wrapper, .mytheme .v-table-small .v-table-cell-wrapper {
8536
	padding-left: 6px;
8537
	padding-right: 6px;
8538
}
8539

    
8540
.mytheme .v-table-compact .v-table-cell-wrapper  > .v-widget, .mytheme .v-table-small .v-table-cell-wrapper  > .v-widget {
8541
	margin: 2px -3px;
8542
}
8543

    
8544
.mytheme .v-table-compact .v-table-cell-wrapper  > .v-widget.v-label, .mytheme .v-table-compact .v-table-cell-wrapper  > .v-widget.v-checkbox, .mytheme .v-table-compact .v-table-cell-wrapper  > .v-widget.v-select-optiongroup, .mytheme .v-table-small .v-table-cell-wrapper  > .v-widget.v-label, .mytheme .v-table-small .v-table-cell-wrapper  > .v-widget.v-checkbox, .mytheme .v-table-small .v-table-cell-wrapper  > .v-widget.v-select-optiongroup {
8545
	margin: 0;
8546
}
8547

    
8548
.mytheme .v-table-compact .v-table-cell-wrapper  > .v-widget.v-progressbar, .mytheme .v-table-small .v-table-cell-wrapper  > .v-widget.v-progressbar {
8549
	margin-left: 0;
8550
	margin-right: 0;
8551
}
8552

    
8553
.mytheme .v-table-compact .v-table-header-cell-asc .v-table-sort-indicator, .mytheme .v-table-compact .v-table-header-cell-desc .v-table-sort-indicator, .mytheme .v-table-small .v-table-header-cell-asc .v-table-sort-indicator, .mytheme .v-table-small .v-table-header-cell-desc .v-table-sort-indicator {
8554
	height: 31px;
8555
	line-height: 31px;
8556
}
8557

    
8558
.mytheme .v-table-compact .v-table-header-drag, .mytheme .v-table-small .v-table-header-drag {
8559
	margin-top: -16px;
8560
}
8561

    
8562
.mytheme .v-table-compact .v-table-row-drag-middle td:first-child:before, .mytheme .v-table-small .v-table-row-drag-middle td:first-child:before {
8563
	height: 32px;
8564
}
8565

    
8566
.mytheme .v-table-compact.v-treetable .v-table-cell-wrapper, .mytheme .v-table-small.v-treetable .v-table-cell-wrapper {
8567
	padding-left: 0;
8568
	padding-right: 0;
8569
	min-height: 16px;
8570
}
8571

    
8572
.mytheme .v-table-compact.v-treetable .v-table-cell-content, .mytheme .v-table-small.v-treetable .v-table-cell-content {
8573
	padding-left: 6px;
8574
	padding-right: 6px;
8575
}
8576

    
8577
.mytheme .v-table-compact.v-treetable .v-table-cell-content:first-child, .mytheme .v-table-small.v-treetable .v-table-cell-content:first-child {
8578
	padding-left: 7px;
8579
}
8580

    
8581
.mytheme .v-table-compact.v-treetable .v-table-footer-container, .mytheme .v-table-small.v-treetable .v-table-footer-container {
8582
	padding-left: 6px;
8583
	padding-right: 6px;
8584
}
8585

    
8586
.mytheme .v-table-small {
8587
	font-size: 14px;
8588
}
8589

    
8590
.mytheme .v-table-small.v-treetable .v-table-cell-wrapper {
8591
	min-height: 14px;
8592
}
8593

    
8594
.mytheme .v-treetable [class*="caption-container"], .mytheme .v-treetable [class*="footer-container"], .mytheme .v-treetable [class*="cell-wrapper"] {
8595
	-webkit-box-sizing: content-box;
8596
	-moz-box-sizing: content-box;
8597
	box-sizing: content-box;
8598
	padding-left: 0;
8599
	padding-right: 0;
8600
}
8601

    
8602
.mytheme .v-treetable [class*="caption-container"], .mytheme .v-treetable [class*="footer-container"] {
8603
	min-height: 14px;
8604
}
8605

    
8606
.mytheme .v-treetable [class*="cell-wrapper"] {
8607
	min-height: 16px;
8608
}
8609

    
8610
.mytheme .v-treetable [class*="caption-container"] {
8611
	padding-left: 12px;
8612
}
8613

    
8614
.mytheme .v-treetable [class*="caption-container-align-right"] {
8615
	padding-left: 20px;
8616
}
8617

    
8618
.mytheme .v-treetable [class*="footer-container"] {
8619
	padding-right: 12px;
8620
}
8621

    
8622
.mytheme .v-treetable [class*="cell-content"] {
8623
	padding-left: 12px;
8624
	padding-right: 12px;
8625
}
8626

    
8627
.mytheme .v-treetable [class*="cell-content"]:first-child {
8628
	padding-left: 13px;
8629
}
8630

    
8631
.mytheme .v-treetable-treespacer {
8632
	display: inline-block;
8633
	position: absolute;
8634
	width: 19px !important;
8635
	margin-left: -25px;
8636
	text-align: center;
8637
	cursor: pointer;
8638
}
8639

    
8640
.mytheme .v-treetable-node-closed:before {
8641
	content: "\f0da";
8642
	font-family: FontAwesome;
8643
}
8644

    
8645
.mytheme .v-treetable-node-open:before {
8646
	content: "\f0d7";
8647
	font-family: FontAwesome;
8648
}
8649

    
8650
.mytheme .v-splitpanel-horizontal  > div > .v-splitpanel-hsplitter {
8651
	width: 1px;
8652
}
8653

    
8654
.mytheme .v-splitpanel-horizontal  > div > .v-splitpanel-hsplitter:after {
8655
	left: -6px;
8656
	right: -6px;
8657
}
8658

    
8659
.mytheme .v-splitpanel-horizontal  > div > .v-splitpanel-hsplitter div:before {
8660
	height: 37px;
8661
	padding: 0 16px;
8662
	color: #191919;
8663
	font-weight: 400;
8664
	
8665
	
8666
	border-radius: 4px;
8667
	border: 1px solid #c5c5c5;
8668
	border-top-color: #c5c5c5;
8669
	border-bottom-color: #bcbcbc;
8670
	background-color: #fafafa;
8671
	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
8672
	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
8673
	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, none;
8674
	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, none;
8675
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
8676
	height: auto;
8677
	padding: 0;
8678
	border-radius: 0;
8679
	background-color: #fafafa;
8680
	background-image: -webkit-linear-gradient(left, #fafafa 2%, #efefef 98%);
8681
	background-image: linear-gradient(to right,#fafafa 2%, #efefef 98%);
8682
}
8683

    
8684
.mytheme .v-splitpanel-horizontal  > div > .v-splitpanel-hsplitter div:before:after {
8685
	border: inherit;
8686
	top: -1px;
8687
	right: -1px;
8688
	bottom: -1px;
8689
	left: -1px;
8690
}
8691

    
8692
.mytheme .v-splitpanel-horizontal  > div > .v-splitpanel-hsplitter div:before:hover:after {
8693
	background-color: rgba(186, 186, 186, 0.1);
8694
}
8695

    
8696
.mytheme .v-splitpanel-horizontal  > div > .v-splitpanel-hsplitter div:before:focus:after {
8697
	border-color: #197de1;
8698
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
8699
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
8700
}
8701

    
8702
.mytheme .v-splitpanel-horizontal  > div > .v-splitpanel-hsplitter div:before:active:after {
8703
	background-color: rgba(125, 125, 125, 0.2);
8704
}
8705

    
8706
.mytheme .v-splitpanel-horizontal  > div > .v-splitpanel-second-container {
8707
	margin-left: 1px;
8708
}
8709

    
8710
.mytheme .v-splitpanel-vertical  > div > .v-splitpanel-vsplitter {
8711
	height: 1px;
8712
}
8713

    
8714
.mytheme .v-splitpanel-vertical  > div > .v-splitpanel-vsplitter:after {
8715
	top: -6px;
8716
	bottom: -6px;
8717
}
8718

    
8719
.mytheme .v-splitpanel-vertical  > div > .v-splitpanel-vsplitter div:before {
8720
	height: 37px;
8721
	padding: 0 16px;
8722
	color: #191919;
8723
	font-weight: 400;
8724
	
8725
	
8726
	border-radius: 4px;
8727
	border: 1px solid #c5c5c5;
8728
	border-top-color: #c5c5c5;
8729
	border-bottom-color: #bcbcbc;
8730
	background-color: #fafafa;
8731
	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
8732
	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
8733
	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, none;
8734
	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, none;
8735
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
8736
	height: auto;
8737
	padding: 0;
8738
	border-radius: 0;
8739
}
8740

    
8741
.mytheme .v-splitpanel-vertical  > div > .v-splitpanel-vsplitter div:before:after {
8742
	border: inherit;
8743
	top: -1px;
8744
	right: -1px;
8745
	bottom: -1px;
8746
	left: -1px;
8747
}
8748

    
8749
.mytheme .v-splitpanel-vertical  > div > .v-splitpanel-vsplitter div:before:hover:after {
8750
	background-color: rgba(186, 186, 186, 0.1);
8751
}
8752

    
8753
.mytheme .v-splitpanel-vertical  > div > .v-splitpanel-vsplitter div:before:focus:after {
8754
	border-color: #197de1;
8755
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
8756
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
8757
}
8758

    
8759
.mytheme .v-splitpanel-vertical  > div > .v-splitpanel-vsplitter div:before:active:after {
8760
	background-color: rgba(125, 125, 125, 0.2);
8761
}
8762

    
8763
.mytheme .v-splitpanel-horizontal.large  > div > .v-splitpanel-hsplitter {
8764
	width: 12px;
8765
}
8766

    
8767
.mytheme .v-splitpanel-horizontal.large  > div > .v-splitpanel-hsplitter:after {
8768
	left: 0px;
8769
	right: 0px;
8770
}
8771

    
8772
.mytheme .v-splitpanel-horizontal.large  > div > .v-splitpanel-hsplitter div:before {
8773
	height: 37px;
8774
	padding: 0 16px;
8775
	color: #191919;
8776
	font-weight: 400;
8777
	
8778
	
8779
	border-radius: 4px;
8780
	border: 1px solid #c5c5c5;
8781
	border-top-color: #c5c5c5;
8782
	border-bottom-color: #bcbcbc;
8783
	background-color: #fafafa;
8784
	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
8785
	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
8786
	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, none;
8787
	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, none;
8788
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
8789
	height: auto;
8790
	padding: 0;
8791
	border-radius: 0;
8792
	background-color: #fafafa;
8793
	background-image: -webkit-linear-gradient(left, #fafafa 2%, #efefef 98%);
8794
	background-image: linear-gradient(to right,#fafafa 2%, #efefef 98%);
8795
}
8796

    
8797
.mytheme .v-splitpanel-horizontal.large  > div > .v-splitpanel-hsplitter div:before:after {
8798
	border: inherit;
8799
	top: -1px;
8800
	right: -1px;
8801
	bottom: -1px;
8802
	left: -1px;
8803
}
8804

    
8805
.mytheme .v-splitpanel-horizontal.large  > div > .v-splitpanel-hsplitter div:before:hover:after {
8806
	background-color: rgba(186, 186, 186, 0.1);
8807
}
8808

    
8809
.mytheme .v-splitpanel-horizontal.large  > div > .v-splitpanel-hsplitter div:before:focus:after {
8810
	border-color: #197de1;
8811
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
8812
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
8813
}
8814

    
8815
.mytheme .v-splitpanel-horizontal.large  > div > .v-splitpanel-hsplitter div:before:active:after {
8816
	background-color: rgba(125, 125, 125, 0.2);
8817
}
8818

    
8819
.mytheme .v-splitpanel-horizontal.large  > div > .v-splitpanel-hsplitter div:after {
8820
	content: "";
8821
	border: 1px solid #dadada;
8822
	border-top-color: #bababa;
8823
	border-left-color: #bababa;
8824
	position: absolute;
8825
	top: 50%;
8826
	left: 50%;
8827
	width: 0;
8828
	height: 37px;
8829
	margin-left: -1px;
8830
	margin-top: -19px;
8831
}
8832

    
8833
.mytheme .v-splitpanel-horizontal.large  > div > .v-splitpanel-second-container {
8834
	margin-left: 12px;
8835
}
8836

    
8837
.mytheme .v-splitpanel-vertical.large  > div > .v-splitpanel-vsplitter {
8838
	height: 12px;
8839
}
8840

    
8841
.mytheme .v-splitpanel-vertical.large  > div > .v-splitpanel-vsplitter:after {
8842
	top: 0px;
8843
	bottom: 0px;
8844
}
8845

    
8846
.mytheme .v-splitpanel-vertical.large  > div > .v-splitpanel-vsplitter div:before {
8847
	height: 37px;
8848
	padding: 0 16px;
8849
	color: #191919;
8850
	font-weight: 400;
8851
	
8852
	
8853
	border-radius: 4px;
8854
	border: 1px solid #c5c5c5;
8855
	border-top-color: #c5c5c5;
8856
	border-bottom-color: #bcbcbc;
8857
	background-color: #fafafa;
8858
	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
8859
	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
8860
	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, none;
8861
	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, none;
8862
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
8863
	height: auto;
8864
	padding: 0;
8865
	border-radius: 0;
8866
}
8867

    
8868
.mytheme .v-splitpanel-vertical.large  > div > .v-splitpanel-vsplitter div:before:after {
8869
	border: inherit;
8870
	top: -1px;
8871
	right: -1px;
8872
	bottom: -1px;
8873
	left: -1px;
8874
}
8875

    
8876
.mytheme .v-splitpanel-vertical.large  > div > .v-splitpanel-vsplitter div:before:hover:after {
8877
	background-color: rgba(186, 186, 186, 0.1);
8878
}
8879

    
8880
.mytheme .v-splitpanel-vertical.large  > div > .v-splitpanel-vsplitter div:before:focus:after {
8881
	border-color: #197de1;
8882
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
8883
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
8884
}
8885

    
8886
.mytheme .v-splitpanel-vertical.large  > div > .v-splitpanel-vsplitter div:before:active:after {
8887
	background-color: rgba(125, 125, 125, 0.2);
8888
}
8889

    
8890
.mytheme .v-splitpanel-vertical.large  > div > .v-splitpanel-vsplitter div:after {
8891
	content: "";
8892
	border: 1px solid #dadada;
8893
	border-top-color: #bababa;
8894
	border-left-color: #bababa;
8895
	position: absolute;
8896
	top: 50%;
8897
	left: 50%;
8898
	width: 37px;
8899
	height: 0;
8900
	margin-left: -19px;
8901
	margin-top: -1px;
8902
}
8903

    
8904
.mytheme .v-progressbar-wrapper {
8905
	border-radius: 4px;
8906
	height: 9px;
8907
	background-color: #d4d4d4;
8908
	background-image: -webkit-linear-gradient(bottom, #d7d7d7 2%, #c7c7c7 98%);
8909
	background-image: linear-gradient(to top,#d7d7d7 2%, #c7c7c7 98%);
8910
	-webkit-box-sizing: border-box;
8911
	-moz-box-sizing: border-box;
8912
	box-sizing: border-box;
8913
	min-width: 74px;
8914
}
8915

    
8916
.mytheme .v-progressbar-indicator {
8917
	border-radius: 4px;
8918
	height: inherit;
8919
	background-color: #197de1;
8920
	background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
8921
	background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
8922
	
8923
	
8924
	border: 1px solid #1362b1;
8925
	-webkit-box-sizing: border-box;
8926
	-moz-box-sizing: border-box;
8927
	box-sizing: border-box;
8928
	max-width: 100%;
8929
	min-width: 8px;
8930
	-webkit-transition: width 160ms;
8931
	-moz-transition: width 160ms;
8932
	transition: width 160ms;
8933
}
8934

    
8935
.mytheme .v-progressbar-point .v-progressbar-indicator {
8936
	background: transparent;
8937
	-webkit-box-shadow: none;
8938
	box-shadow: none;
8939
	border: none;
8940
	text-align: right;
8941
	overflow: hidden;
8942
}
8943

    
8944
.mytheme .v-progressbar-point .v-progressbar-indicator:before {
8945
	content: "";
8946
	display: inline-block;
8947
	border-radius: 4px;
8948
	height: inherit;
8949
	background-color: #197de1;
8950
	background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
8951
	background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
8952
	
8953
	
8954
	border: 1px solid #1362b1;
8955
	-webkit-box-sizing: border-box;
8956
	-moz-box-sizing: border-box;
8957
	box-sizing: border-box;
8958
	max-width: 100%;
8959
	width: 9px;
8960
	vertical-align: top;
8961
}
8962

    
8963
.mytheme .v-progressbar-indeterminate {
8964
	height: 24px !important;
8965
	width: 24px !important;
8966
	-webkit-box-sizing: border-box;
8967
	-moz-box-sizing: border-box;
8968
	box-sizing: border-box;
8969
	border: 2px solid rgba(25, 125, 225, 0.2);
8970
	border-top-color: #197de1;
8971
	border-right-color: #197de1;
8972
	border-radius: 100%;
8973
	-webkit-animation: v-rotate-360 500ms infinite linear;
8974
	-moz-animation: v-rotate-360 500ms infinite linear;
8975
	animation: v-rotate-360 500ms infinite linear;
8976
	pointer-events: none;
8977
}
8978

    
8979
.v-ie8 .mytheme .v-progressbar-indeterminate, .v-ie9 .mytheme .v-progressbar-indeterminate {
8980
	border: none;
8981
	border-radius: 4px;
8982
	background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50% 50%;
8983
	background-size: 80%;
8984
}
8985

    
8986
.v-ie8 .mytheme .v-progressbar-indeterminate {
8987
	min-width: 30px;
8988
	min-height: 30px;
8989
}
8990

    
8991
.mytheme .v-progressbar-indeterminate .v-progressbar-wrapper {
8992
	display: none;
8993
}
8994

    
8995
.mytheme .v-slider {
8996
	position: relative;
8997
}
8998

    
8999
.mytheme .v-slider:focus {
9000
	outline: none;
9001
}
9002

    
9003
.mytheme .v-slider:focus .v-slider-handle:after {
9004
	opacity: 1;
9005
}
9006

    
9007
.v-ie8 .mytheme .v-slider:focus .v-slider-handle:after {
9008
	visibility: visible;
9009
}
9010

    
9011
.mytheme .v-slider.v-disabled {
9012
	opacity: 0.5;
9013
	filter: alpha(opacity=50) ;
9014
}
9015

    
9016
.mytheme .v-slider-base {
9017
	border-radius: 4px;
9018
	height: 9px;
9019
	background-color: #d4d4d4;
9020
	background-image: -webkit-linear-gradient(bottom, #d7d7d7 2%, #c7c7c7 98%);
9021
	background-image: linear-gradient(to top,#d7d7d7 2%, #c7c7c7 98%);
9022
	-webkit-box-sizing: border-box;
9023
	-moz-box-sizing: border-box;
9024
	box-sizing: border-box;
9025
	min-width: 74px;
9026
	height: 6px;
9027
	margin: 16px 11px;
9028
	white-space: nowrap;
9029
	overflow: hidden;
9030
	
9031
}
9032

    
9033
.mytheme .v-slider-base:before {
9034
	content: "";
9035
	position: absolute;
9036
	top: 16px;
9037
	bottom: 16px;
9038
	left: 11px;
9039
	width: 8px;
9040
	border-radius: 4px;
9041
	border-left: 1px solid #1362b1;
9042
}
9043

    
9044
.mytheme .v-slider-base:after {
9045
	border-radius: 4px;
9046
	height: inherit;
9047
	background-color: #197de1;
9048
	background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
9049
	background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
9050
	
9051
	
9052
	border: 1px solid #1362b1;
9053
	-webkit-box-sizing: border-box;
9054
	-moz-box-sizing: border-box;
9055
	box-sizing: border-box;
9056
	max-width: 100%;
9057
	content: "";
9058
	display: inline-block;
9059
	margin-left: -100%;
9060
	width: 100%;
9061
	vertical-align: top;
9062
}
9063

    
9064
.v-ie8 .mytheme .v-slider-base:after {
9065
	position: relative;
9066
	left: -11px;
9067
}
9068

    
9069
.mytheme .v-has-width > .v-slider-base {
9070
	min-width: 0;
9071
}
9072

    
9073
.mytheme .v-slider-handle {
9074
	margin-top: -16px;
9075
	width: 0.1px;
9076
	display: inline-block;
9077
	vertical-align: top;
9078
}
9079

    
9080
.mytheme .v-slider-handle:before {
9081
	height: 37px;
9082
	padding: 0 16px;
9083
	color: #191919;
9084
	font-weight: 400;
9085
	
9086
	
9087
	border-radius: 4px;
9088
	border: 1px solid #c5c5c5;
9089
	border-top-color: #c5c5c5;
9090
	border-bottom-color: #bcbcbc;
9091
	background-color: #fafafa;
9092
	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
9093
	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
9094
	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
9095
	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
9096
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
9097
}
9098

    
9099
.mytheme .v-slider-handle:before:after {
9100
	border: inherit;
9101
	top: -1px;
9102
	right: -1px;
9103
	bottom: -1px;
9104
	left: -1px;
9105
}
9106

    
9107
.mytheme .v-slider-handle:before:hover:after {
9108
	background-color: rgba(186, 186, 186, 0.1);
9109
}
9110

    
9111
.mytheme .v-slider-handle:before:focus:after {
9112
	border-color: #197de1;
9113
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
9114
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
9115
}
9116

    
9117
.mytheme .v-slider-handle:before:active:after {
9118
	background-color: rgba(125, 125, 125, 0.2);
9119
}
9120

    
9121
.mytheme .v-slider-handle:after {
9122
	border: 1px solid #c5c5c5;
9123
	border-color: #197de1;
9124
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
9125
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
9126
	opacity: 0;
9127
	-webkit-transition: opacity 200ms;
9128
	-moz-transition: opacity 200ms;
9129
	transition: opacity 200ms;
9130
}
9131

    
9132
.v-ie8 .mytheme .v-slider-handle:after {
9133
	visibility: hidden;
9134
}
9135

    
9136
.mytheme .v-slider-handle:before, .mytheme .v-slider-handle:after {
9137
	content: "";
9138
	-webkit-box-sizing: border-box;
9139
	-moz-box-sizing: border-box;
9140
	box-sizing: border-box;
9141
	padding: 0;
9142
	width: 22px;
9143
	height: 22px;
9144
	border-radius: 11px;
9145
	position: absolute;
9146
	z-index: 1;
9147
	margin-top: 8px;
9148
	margin-left: -11px;
9149
}
9150

    
9151
.mytheme .v-slider-feedback {
9152
	background-color: #323232;
9153
	background-color: rgba(50, 50, 50, 0.9);
9154
	-webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
9155
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
9156
	color: white;
9157
	padding: 5px 9px;
9158
	border-radius: 3px;
9159
	max-width: 35em;
9160
	overflow: hidden !important;
9161
	font-size: 14px;
9162
}
9163

    
9164
.mytheme .v-slider-vertical {
9165
	padding: 11px 0;
9166
	height: 96px;
9167
}
9168

    
9169
.mytheme .v-slider-vertical .v-slider-base {
9170
	background-color: #d4d4d4;
9171
	background-image: -webkit-linear-gradient(right, #d7d7d7 2%, #c7c7c7 98%);
9172
	background-image: linear-gradient(to left,#d7d7d7 2%, #c7c7c7 98%);
9173
	width: 6px;
9174
	height: 100% !important;
9175
	min-width: 0;
9176
	margin: 0 16px;
9177
}
9178

    
9179
.mytheme .v-slider-vertical .v-slider-base:before {
9180
	top: auto;
9181
	bottom: 11px;
9182
	left: 16px;
9183
	right: 16px;
9184
	width: auto;
9185
	height: 8px;
9186
	border-left: none;
9187
	border-bottom: 1px solid #1362b1;
9188
}
9189

    
9190
.mytheme .v-slider-vertical .v-slider-base:after {
9191
	height: 101%;
9192
	margin-left: 0;
9193
	background-color: #197de1;
9194
	background-image: -webkit-linear-gradient(left, #1b87e3 2%, #166ed5 98%);
9195
	background-image: linear-gradient(to right,#1b87e3 2%, #166ed5 98%);
9196
}
9197

    
9198
.v-ie8 .mytheme .v-slider-vertical .v-slider-base:after {
9199
	top: 11px;
9200
	left: 0;
9201
	height: 130%;
9202
}
9203

    
9204
.mytheme .v-slider-vertical .v-slider-handle {
9205
	width: 0;
9206
	height: 0.1px;
9207
	width: 37px;
9208
	display: block;
9209
}
9210

    
9211
.mytheme .v-slider-vertical .v-slider-handle:before, .mytheme .v-slider-vertical .v-slider-handle:after {
9212
	width: 22px;
9213
	height: 22px;
9214
	margin-top: -11px;
9215
	margin-left: -8px;
9216
}
9217

    
9218
.mytheme .v-slider-no-indicator .v-slider-base:before, .mytheme .v-slider-no-indicator .v-slider-base:after {
9219
	display: none;
9220
}
9221

    
9222
.mytheme .v-tabsheet:not(.v-has-width) {
9223
	width: auto !important;
9224
}
9225

    
9226
.mytheme .v-tabsheet-spacertd {
9227
	display: none !important;
9228
}
9229

    
9230
.mytheme .v-tabsheet-tabcontainer {
9231
	position: relative;
9232
	-webkit-box-sizing: border-box;
9233
	-moz-box-sizing: border-box;
9234
	box-sizing: border-box;
9235
}
9236

    
9237
.mytheme .v-tabsheet-tabcontainer:before {
9238
	content: "";
9239
	position: absolute;
9240
	height: 0;
9241
	border-top: 1px solid #dfdfdf;
9242
	bottom: 0;
9243
	left: 0;
9244
	right: 0;
9245
}
9246

    
9247
.mytheme .v-tabsheet-tabcontainer .v-tabsheet-tabs {
9248
	position: relative;
9249
}
9250

    
9251
.mytheme .v-tabsheet-tabitemcell {
9252
	vertical-align: bottom;
9253
}
9254

    
9255
.mytheme .v-tabsheet-tabitemcell .v-tabsheet-tabitem {
9256
	line-height: 0;
9257
	overflow: hidden;
9258
}
9259

    
9260
.mytheme .v-tabsheet-tabitemcell .v-caption {
9261
	margin-left: 19px;
9262
	padding: 0 4px;
9263
	-webkit-box-sizing: border-box;
9264
	-moz-box-sizing: border-box;
9265
	box-sizing: border-box;
9266
	cursor: pointer;
9267
	text-align: center;
9268
	line-height: 37px;
9269
	font-size: 15px;
9270
	font-weight: 300;
9271
	color: #696969;
9272
	width: auto !important;
9273
	overflow: hidden;
9274
	text-overflow: ellipsis;
9275
	border-bottom: 2px solid transparent;
9276
	position: relative;
9277
	-webkit-transition: border-bottom 200ms, color 200ms;
9278
	-moz-transition: border-bottom 200ms, color 200ms;
9279
	transition: border-bottom 200ms, color 200ms;
9280
}
9281

    
9282
.mytheme .v-tabsheet-tabitemcell .v-caption .v-captiontext {
9283
	display: inline;
9284
}
9285

    
9286
.mytheme .v-tabsheet-tabitemcell .v-caption .v-icon + .v-captiontext {
9287
	margin-left: 9px;
9288
}
9289

    
9290
.mytheme .v-tabsheet-tabitemcell .v-caption:hover {
9291
	color: #197de1;
9292
}
9293

    
9294
.mytheme .v-tabsheet-tabitemcell .v-caption.v-disabled {
9295
	opacity: 0.5;
9296
	filter: alpha(opacity=50) ;
9297
	cursor: default;
9298
	color: inherit !important;
9299
}
9300

    
9301
.mytheme .v-tabsheet-tabitemcell:first-child .v-caption, .mytheme .v-tabsheet-tabitemcell[aria-hidden="true"] + td .v-caption {
9302
	margin-left: 0;
9303
}
9304

    
9305
.mytheme .v-tabsheet-tabitemcell:focus {
9306
	outline: none;
9307
}
9308

    
9309
.mytheme .v-tabsheet-tabitemcell:focus .v-caption {
9310
	color: #197de1;
9311
}
9312

    
9313
.mytheme .v-tabsheet-tabitemcell .v-tabsheet-tabitem-selected .v-caption.v-caption {
9314
	border-bottom-color: #197de1;
9315
	color: #197de1;
9316
}
9317

    
9318
.mytheme .v-tabsheet-tabitemcell .v-caption-closable {
9319
	padding-right: 22px;
9320
}
9321

    
9322
.mytheme .v-tabsheet-tabitemcell.icons-on-top .v-caption-closable {
9323
	padding-right: 4px;
9324
}
9325

    
9326
.mytheme .v-tabsheet-tabitemcell .v-tabsheet-caption-close {
9327
	position: absolute;
9328
	right: 0;
9329
	top: 50%;
9330
	margin: -8px 0 0;
9331
	font-size: 18px;
9332
	line-height: 18px;
9333
	width: 18px;
9334
	text-align: center;
9335
	border-radius: 2px;
9336
	color: #969696;
9337
}
9338

    
9339
.mytheme .v-tabsheet-tabitemcell .v-tabsheet-caption-close:hover {
9340
	background: rgba(0, 0, 0, 0.03);
9341
	color: #197de1;
9342
}
9343

    
9344
.mytheme .v-tabsheet-tabitemcell .v-tabsheet-caption-close:active {
9345
	background: #197de1;
9346
	color: #c8dbed;
9347
}
9348

    
9349
.mytheme .v-tabsheet-scroller {
9350
	position: absolute;
9351
	top: 0;
9352
	right: 0;
9353
	bottom: 0;
9354
	padding-left: 19px;
9355
	background-color: transparent;
9356
	background-image: -webkit-linear-gradient(right, #fafafa 70%, rgba(250, 250, 250, 0) 100%);
9357
	background-image: linear-gradient(to left,#fafafa 70%, rgba(250, 250, 250, 0) 100%);
9358
	pointer-events: none;
9359
}
9360

    
9361
.mytheme .v-tabsheet-scroller:after {
9362
	content: "";
9363
	height: 1px;
9364
	position: absolute;
9365
	bottom: 0;
9366
	left: 0;
9367
	right: 0;
9368
	display: block;
9369
	background-color: transparent;
9370
	background-image: -webkit-linear-gradient(right, #dfdfdf 70%, rgba(223, 223, 223, 0) 100%);
9371
	background-image: linear-gradient(to left,#dfdfdf 70%, rgba(223, 223, 223, 0) 100%);
9372
}
9373

    
9374
.v-ie8 .mytheme .v-tabsheet-scroller, .v-ie9 .mytheme .v-tabsheet-scroller {
9375
	background-color: #fafafa;
9376
}
9377

    
9378
.v-ie8 .mytheme .v-tabsheet-scroller:after, .v-ie9 .mytheme .v-tabsheet-scroller:after {
9379
	background-color: #dfdfdf;
9380
}
9381

    
9382
.mytheme .v-tabsheet-scroller button {
9383
	-webkit-appearance: none;
9384
	-moz-appearance: none;
9385
	-ms-appearance: none;
9386
	-o-appearance: none;
9387
	appearance: none;
9388
	border: none;
9389
	background: transparent;
9390
	font: inherit;
9391
	color: inherit;
9392
	height: 100%;
9393
	margin: 0;
9394
	padding: 0 9px;
9395
	outline: none;
9396
	cursor: pointer;
9397
	pointer-events: auto;
9398
	opacity: 0.5;
9399
	filter: alpha(opacity=50) ;
9400
}
9401

    
9402
.mytheme .v-tabsheet-scroller button:hover {
9403
	opacity: 1;
9404
	filter: none ;
9405
	color: #197de1;
9406
}
9407

    
9408
.mytheme .v-tabsheet-scroller button:active {
9409
	opacity: 0.7;
9410
	filter: alpha(opacity=70) ;
9411
	color: #197de1;
9412
}
9413

    
9414
.mytheme .v-tabsheet-scroller button::-moz-focus-inner {
9415
	padding: 0;
9416
	border: 0;
9417
}
9418

    
9419
.mytheme .v-tabsheet-scroller [class*="Next"] {
9420
	padding-left: 5px;
9421
}
9422

    
9423
.mytheme .v-tabsheet-scroller [class*="Next"]:before {
9424
	font-family: FontAwesome;
9425
	content: "\f054";
9426
}
9427

    
9428
.mytheme .v-tabsheet-scroller [class*="Prev"] {
9429
	padding-right: 5px;
9430
}
9431

    
9432
.mytheme .v-tabsheet-scroller [class*="Prev"]:before {
9433
	font-family: FontAwesome;
9434
	content: "\f053";
9435
}
9436

    
9437
.mytheme .v-tabsheet-scroller [class*="disabled"] {
9438
	cursor: default;
9439
	color: inherit !important;
9440
	opacity: 0.1 !important;
9441
	filter: alpha(opacity=10) !important;
9442
}
9443

    
9444
.mytheme .v-tabsheet-tabsheetpanel > .v-scrollable > .v-widget {
9445
	-webkit-animation: valo-animate-in-fade 300ms;
9446
	-moz-animation: valo-animate-in-fade 300ms;
9447
	animation: valo-animate-in-fade 300ms;
9448
}
9449

    
9450
.mytheme .v-tabsheet-deco {
9451
	height: 20px !important;
9452
	width: 20px !important;
9453
	-webkit-box-sizing: border-box;
9454
	-moz-box-sizing: border-box;
9455
	box-sizing: border-box;
9456
	border: 2px solid rgba(25, 125, 225, 0.2);
9457
	border-top-color: #197de1;
9458
	border-right-color: #197de1;
9459
	border-radius: 100%;
9460
	-webkit-animation: v-rotate-360 500ms infinite linear;
9461
	-moz-animation: v-rotate-360 500ms infinite linear;
9462
	animation: v-rotate-360 500ms infinite linear;
9463
	pointer-events: none;
9464
	display: none;
9465
	position: absolute;
9466
	z-index: 1;
9467
	bottom: 50%;
9468
	margin-bottom: -29px;
9469
	left: 50%;
9470
	margin-left: -10px;
9471
}
9472

    
9473
.v-ie8 .mytheme .v-tabsheet-deco, .v-ie9 .mytheme .v-tabsheet-deco {
9474
	border: none;
9475
	border-radius: 4px;
9476
	background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50% 50%;
9477
	background-size: 80%;
9478
}
9479

    
9480
.v-ie8 .mytheme .v-tabsheet-deco {
9481
	min-width: 30px;
9482
	min-height: 30px;
9483
}
9484

    
9485
.mytheme .v-tabsheet-loading .v-tabsheet-deco {
9486
	display: block;
9487
}
9488

    
9489
.mytheme .v-tabsheet-equal-width-tabs  > .v-tabsheet-tabcontainer table, .mytheme .v-tabsheet-equal-width-tabs  > .v-tabsheet-tabcontainer tbody, .mytheme .v-tabsheet-equal-width-tabs  > .v-tabsheet-tabcontainer tr {
9490
	width: 100%;
9491
}
9492

    
9493
.mytheme .v-tabsheet-equal-width-tabs  > .v-tabsheet-tabcontainer tr {
9494
	display: table;
9495
	table-layout: fixed;
9496
}
9497

    
9498
.mytheme .v-tabsheet-equal-width-tabs  > .v-tabsheet-tabcontainer td {
9499
	display: table-cell;
9500
}
9501

    
9502
.mytheme .v-tabsheet-equal-width-tabs  > .v-tabsheet-tabcontainer .v-caption {
9503
	margin: 0;
9504
	display: block;
9505
}
9506

    
9507
.mytheme .v-tabsheet-framed  > .v-tabsheet-tabcontainer .v-caption {
9508
	margin-left: 4px;
9509
	padding: 0 12px;
9510
	background-color: #fafafa;
9511
	border: 1px solid transparent;
9512
	line-height: 36px;
9513
	border-radius: 4px 4px 0 0;
9514
	font-weight: 400;
9515
	-webkit-transition: background-color 160ms;
9516
	-moz-transition: background-color 160ms;
9517
	transition: background-color 160ms;
9518
}
9519

    
9520
.mytheme .v-tabsheet-framed  > .v-tabsheet-tabcontainer .v-caption:hover {
9521
	background-color: #f2f2f2;
9522
	border-bottom-color: #dfdfdf;
9523
}
9524

    
9525
.mytheme .v-tabsheet-framed  > .v-tabsheet-tabcontainer .v-caption.v-disabled:hover {
9526
	background-color: #fafafa;
9527
}
9528

    
9529
.mytheme .v-tabsheet-framed  > .v-tabsheet-tabcontainer .v-caption-closable {
9530
	padding-right: 30px;
9531
}
9532

    
9533
.mytheme .v-tabsheet-framed  > .v-tabsheet-tabcontainer .v-tabsheet-caption-close {
9534
	top: 4px;
9535
	right: 4px;
9536
	margin-top: 0;
9537
}
9538

    
9539
.mytheme .v-tabsheet-framed  > .v-tabsheet-tabcontainer td:first-child .v-caption, .mytheme .v-tabsheet-framed  > .v-tabsheet-tabcontainer [aria-hidden="true"] + td .v-caption {
9540
	margin-left: 0;
9541
}
9542

    
9543
.mytheme .v-tabsheet-framed  > .v-tabsheet-tabcontainer .v-tabsheet-tabitem .v-caption {
9544
	border-color: #dfdfdf;
9545
}
9546

    
9547
.mytheme .v-tabsheet-framed  > .v-tabsheet-tabcontainer .v-tabsheet-tabitem-selected .v-caption {
9548
	background: white;
9549
	border-color: #dfdfdf;
9550
	border-bottom: none;
9551
	padding-bottom: 1px;
9552
}
9553

    
9554
.mytheme .v-tabsheet-framed  > .v-tabsheet-content {
9555
	border: 1px solid #dfdfdf;
9556
	border-top: none;
9557
}
9558

    
9559
.mytheme .v-tabsheet-framed  > .v-tabsheet-content  > div {
9560
	background: white;
9561
}
9562

    
9563
.mytheme .v-tabsheet-framed.padded-tabbar  > .v-tabsheet-tabcontainer {
9564
	border: 1px solid #dfdfdf;
9565
	border-bottom: none;
9566
	background: #fafafa;
9567
	padding-top: 6px;
9568
}
9569

    
9570
.mytheme .v-tabsheet-framed.icons-on-top  > .v-tabsheet-tabcontainer .v-tabsheet-tabitem-selected .v-caption {
9571
	padding-bottom: 7px;
9572
}
9573

    
9574
.mytheme .v-tabsheet-centered-tabs  > .v-tabsheet-tabcontainer {
9575
	text-align: center;
9576
}
9577

    
9578
.mytheme .v-tabsheet-right-aligned-tabs  > .v-tabsheet-tabcontainer {
9579
	text-align: right;
9580
}
9581

    
9582
.mytheme .v-tabsheet-padded-tabbar  > .v-tabsheet-tabcontainer .v-tabsheet-tabs {
9583
	padding: 0 9px;
9584
}
9585

    
9586
.mytheme .v-tabsheet-icons-on-top  > .v-tabsheet-tabcontainer .v-caption {
9587
	padding-top: 6px;
9588
	padding-bottom: 6px;
9589
	line-height: 1.2;
9590
}
9591

    
9592
.mytheme .v-tabsheet-icons-on-top  > .v-tabsheet-tabcontainer .v-icon {
9593
	display: block;
9594
}
9595

    
9596
.mytheme .v-tabsheet-icons-on-top  > .v-tabsheet-tabcontainer .v-icon  + .v-captiontext.v-captiontext {
9597
	margin-left: 0;
9598
}
9599

    
9600
.mytheme .v-tabsheet-icons-on-top  > .v-tabsheet-tabcontainer .v-caption-closable {
9601
	padding-right: 12px;
9602
}
9603

    
9604
.mytheme .v-tabsheet-icons-on-top  > .v-tabsheet-tabcontainer .v-tabsheet-caption-close {
9605
	top: 4px;
9606
	margin-top: 0;
9607
}
9608

    
9609
.mytheme .v-tabsheet-compact-tabbar  > .v-tabsheet-tabcontainer-compact-tabbar .v-caption {
9610
	line-height: 1.8;
9611
}
9612

    
9613
.mytheme .v-tabsheet-only-selected-closable  > .v-tabsheet-tabcontainer .v-tabsheet-caption-close {
9614
	visibility: hidden;
9615
}
9616

    
9617
.mytheme .v-tabsheet-only-selected-closable  > .v-tabsheet-tabcontainer .v-tabsheet-tabitem-selected .v-tabsheet-caption-close {
9618
	visibility: visible;
9619
}
9620

    
9621
.mytheme .v-colorpicker-popup.v-window {
9622
	min-width: 220px !important;
9623
}
9624

    
9625
.mytheme .v-colorpicker-popup .v-tabsheet-tabs {
9626
	padding: 0 9px;
9627
}
9628

    
9629
.mytheme .v-colorpicker-popup [class$="sliders"] {
9630
	padding: 12px;
9631
}
9632

    
9633
.mytheme .v-colorpicker-popup [class$="sliders"] .v-widget {
9634
	width: 100% !important;
9635
	vertical-align: middle;
9636
}
9637

    
9638
.mytheme .v-colorpicker-popup [class$="sliders"] .v-has-caption {
9639
	white-space: nowrap;
9640
	padding-left: 48px;
9641
}
9642

    
9643
.mytheme .v-colorpicker-popup [class$="sliders"] .v-caption {
9644
	display: inline-block;
9645
	margin-left: -48px;
9646
	width: 48px;
9647
}
9648

    
9649
.mytheme .v-colorpicker-popup [class$="sliders"] .v-slot-hue-slider + .v-slot .v-has-caption {
9650
	padding-left: 80px;
9651
}
9652

    
9653
.mytheme .v-colorpicker-popup [class$="sliders"] .v-slot-hue-slider + .v-slot .v-caption {
9654
	margin-left: -80px;
9655
	width: 80px;
9656
}
9657

    
9658
.mytheme .v-colorpicker-popup .v-slider-red .v-slider-base:after {
9659
	background: red;
9660
	border: none;
9661
	-webkit-box-shadow: none;
9662
	box-shadow: none;
9663
}
9664

    
9665
.mytheme .v-colorpicker-popup .v-slider-green .v-slider-base:after {
9666
	background: green;
9667
	border: none;
9668
	-webkit-box-shadow: none;
9669
	box-shadow: none;
9670
}
9671

    
9672
.mytheme .v-colorpicker-popup .v-slider-blue .v-slider-base:after {
9673
	background: blue;
9674
	border: none;
9675
	-webkit-box-shadow: none;
9676
	box-shadow: none;
9677
}
9678

    
9679
.mytheme .v-colorpicker-popup .v-margin-bottom {
9680
	padding-bottom: 0;
9681
}
9682

    
9683
.mytheme .v-colorpicker-popup .resize-button {
9684
	width: 100% !important;
9685
	height: auto !important;
9686
	text-align: center;
9687
	outline: none;
9688
}
9689

    
9690
.mytheme .v-colorpicker-popup .resize-button:before {
9691
	font-family: FontAwesome;
9692
	content: "\F141";
9693
}
9694

    
9695
.mytheme .v-colorpicker-popup .resize-button-caption {
9696
	display: none;
9697
}
9698

    
9699
.mytheme .v-colorpicker-popup .v-horizontallayout {
9700
	height: auto !important;
9701
	padding: 9px 0;
9702
	background-color: #fafafa;
9703
	border-top: 1px solid #ededed;
9704
}
9705

    
9706
.mytheme .v-colorpicker-popup .v-horizontallayout .v-expand {
9707
	overflow: visible;
9708
}
9709

    
9710
.mytheme .v-colorpicker-popup .v-horizontallayout .v-button {
9711
	width: 80% !important;
9712
}
9713

    
9714
.mytheme .v-colorpicker-preview {
9715
	width: 100% !important;
9716
	height: auto !important;
9717
	padding: 9px;
9718
}
9719

    
9720
.mytheme .v-colorpicker-preview-textfield {
9721
	height: auto !important;
9722
	text-align: center;
9723
	border: none;
9724
}
9725

    
9726
.mytheme .v-colorpicker {
9727
	width: auto !important;
9728
}
9729

    
9730
.mytheme .v-colorpicker-button-color {
9731
	position: absolute;
9732
	top: 6px;
9733
	right: 6px;
9734
	bottom: 6px;
9735
	left: 6px;
9736
	border-radius: 3px;
9737
	border: 1px solid rgba(0, 0, 0, 0.5);
9738
	max-width: 23px;
9739
}
9740

    
9741
.mytheme .v-colorpicker-button-color  + .v-button-caption:not(:empty) {
9742
	margin-left: 19px;
9743
}
9744

    
9745
.v-ie8 .mytheme .v-colorpicker-button-color {
9746
	position: relative;
9747
	top: auto;
9748
	right: auto;
9749
	bottom: auto;
9750
	left: auto;
9751
	width: 16px;
9752
	height: 16px;
9753
	display: inline-block;
9754
	vertical-align: middle;
9755
	margin: 0 -8px;
9756
}
9757

    
9758
.v-ie8 .mytheme .v-colorpicker-button-color  + .v-button-caption {
9759
	margin-left: 19px;
9760
}
9761

    
9762
.mytheme .v-panel {
9763
	background: white;
9764
	color: #474747;
9765
	border-radius: 4px;
9766
	border: 1px solid #d5d5d5;
9767
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
9768
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
9769
	overflow: visible !important;
9770
}
9771

    
9772
.mytheme .v-panel-caption {
9773
	-webkit-box-sizing: border-box;
9774
	-moz-box-sizing: border-box;
9775
	box-sizing: border-box;
9776
	padding: 0 12px;
9777
	line-height: 36px;
9778
	border-bottom: 1px solid #d5d5d5;
9779
	background-color: #fafafa;
9780
	background-image: -webkit-linear-gradient(top, #fafafa 2%, #f6f6f6 98%);
9781
	background-image: linear-gradient(to bottom,#fafafa 2%, #f6f6f6 98%);
9782
	color: #464646;
9783
	font-weight: 400;
9784
	font-size: 14px;
9785
	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #eeeeee;
9786
	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #eeeeee;
9787
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
9788
	border-radius: 3px 3px 0 0;
9789
}
9790

    
9791
.mytheme .v-panel-content {
9792
	-webkit-box-sizing: border-box;
9793
	-moz-box-sizing: border-box;
9794
	box-sizing: border-box;
9795
	width: 100%;
9796
	height: 100%;
9797
}
9798

    
9799
.mytheme .v-panel-content  > .v-margin-top {
9800
	padding-top: 12px;
9801
}
9802

    
9803
.mytheme .v-panel-content  > .v-margin-right {
9804
	padding-right: 12px;
9805
}
9806

    
9807
.mytheme .v-panel-content  > .v-margin-bottom {
9808
	padding-bottom: 12px;
9809
}
9810

    
9811
.mytheme .v-panel-content  > .v-margin-left {
9812
	padding-left: 12px;
9813
}
9814

    
9815
.mytheme .v-panel-borderless {
9816
	background: transparent;
9817
	color: inherit;
9818
	border: none;
9819
	border-radius: 0;
9820
	-webkit-box-shadow: none;
9821
	box-shadow: none;
9822
}
9823

    
9824
.mytheme .v-panel-borderless  > div > [class*="-caption"] {
9825
	background: transparent;
9826
	-webkit-box-shadow: none;
9827
	box-shadow: none;
9828
	color: inherit;
9829
	padding: 0;
9830
	margin: 0 12px;
9831
	border-bottom: none;
9832
}
9833

    
9834
.mytheme .v-panel-well {
9835
	background: #f5f5f5;
9836
	color: #454545;
9837
	-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 2px 3px rgba(0, 0, 0, 0.05);
9838
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 2px 3px rgba(0, 0, 0, 0.05);
9839
	border-radius: 4px;
9840
	border: 1px solid #c5c5c5;
9841
}
9842

    
9843
.mytheme .v-panel-well  > div > [class*="-caption"] {
9844
	background: transparent;
9845
	-webkit-box-shadow: none;
9846
	box-shadow: none;
9847
}
9848

    
9849
.mytheme .v-panel-scroll-divider  > [class*="-captionwrap"] {
9850
	position: relative;
9851
	z-index: 2;
9852
}
9853

    
9854
.mytheme .v-panel-scroll-divider  > [class*="-captionwrap"]:after {
9855
	content: "";
9856
	position: absolute;
9857
	bottom: -1px;
9858
	right: 0;
9859
	left: 0;
9860
	height: 0;
9861
	border-top: 1px solid #dfdfdf;
9862
	border-color: rgba(197, 197, 197, 0.5);
9863
}
9864

    
9865
.mytheme .v-panel-scroll-divider  > [class*="-content"]:before {
9866
	content: "";
9867
	position: absolute;
9868
	z-index: 2;
9869
	top: 0;
9870
	height: 0;
9871
	border-top: 1px solid #fafafa;
9872
	left: 0;
9873
	right: 0;
9874
}
9875

    
9876
.mytheme .v-panel-caption.v-horizontallayout {
9877
	height: auto !important;
9878
	line-height: 0;
9879
}
9880

    
9881
.mytheme .v-panel-caption.v-horizontallayout .v-slot {
9882
	vertical-align: middle;
9883
}
9884

    
9885
.mytheme .v-panel-caption.v-horizontallayout .v-label {
9886
	line-height: 37px;
9887
}
9888

    
9889
.mytheme .v-accordion {
9890
	background: white;
9891
	color: #474747;
9892
	border-radius: 4px;
9893
	border: 1px solid #d5d5d5;
9894
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
9895
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
9896
	background-color: #fafafa;
9897
	background-image: -webkit-linear-gradient(top, #fafafa 2%, #f4f4f4 98%);
9898
	background-image: linear-gradient(to bottom,#fafafa 2%, #f4f4f4 98%);
9899
	overflow: hidden;
9900
}
9901

    
9902
.mytheme .v-accordion-item {
9903
	position: relative;
9904
}
9905

    
9906
.mytheme .v-accordion-item:first-child {
9907
	border-top-left-radius: 3px;
9908
	border-top-right-radius: 3px;
9909
}
9910

    
9911
.mytheme .v-accordion-item:last-child {
9912
	border-bottom-left-radius: 3px;
9913
	border-bottom-right-radius: 3px;
9914
}
9915

    
9916
.mytheme .v-accordion-item:last-child [class*="item-content"] {
9917
	border-radius: inherit;
9918
}
9919

    
9920
.mytheme .v-accordion-item[class*="item-open"]:last-child > div > .v-caption {
9921
	border-radius: 0;
9922
}
9923

    
9924
.mytheme .v-accordion-item:not([class*="item-open"]):last-child > div > .v-caption {
9925
	border-bottom: none;
9926
	margin-bottom: 0;
9927
}
9928

    
9929
.mytheme .v-accordion-item[class*="item-open"] + [class*="item"] {
9930
	border-top: 1px solid #d9d9d9;
9931
}
9932

    
9933
.mytheme .v-accordion-item-caption {
9934
	border-radius: inherit;
9935
}
9936

    
9937
.mytheme .v-accordion-item-caption  > .v-caption {
9938
	-webkit-box-sizing: border-box;
9939
	-moz-box-sizing: border-box;
9940
	box-sizing: border-box;
9941
	padding: 0 12px;
9942
	line-height: 36px;
9943
	border-bottom: 1px solid #d5d5d5;
9944
	background-color: #fafafa;
9945
	background-image: -webkit-linear-gradient(top, #fafafa 2%, #f6f6f6 98%);
9946
	background-image: linear-gradient(to bottom,#fafafa 2%, #f6f6f6 98%);
9947
	color: #464646;
9948
	font-weight: 400;
9949
	font-size: 14px;
9950
	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #eeeeee;
9951
	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #eeeeee;
9952
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
9953
	display: block;
9954
	background: transparent;
9955
	border-bottom-color: #c9c9c9;
9956
	border-radius: inherit;
9957
	cursor: pointer;
9958
	position: relative;
9959
}
9960

    
9961
.mytheme .v-accordion-item-caption  > .v-caption:hover:before, .mytheme .v-accordion-item-caption  > .v-caption:active:before {
9962
	content: "";
9963
	position: absolute;
9964
	top: 0;
9965
	right: 0;
9966
	bottom: 0;
9967
	left: 0;
9968
	border-radius: inherit;
9969
}
9970

    
9971
.mytheme .v-accordion-item-caption  > .v-caption:hover:before {
9972
	background-color: rgba(186, 186, 186, 0.1);
9973
	border: none;
9974
}
9975

    
9976
.mytheme .v-accordion-item-caption  > .v-caption:active:before {
9977
	background-color: rgba(125, 125, 125, 0.2);
9978
}
9979

    
9980
.mytheme .v-accordion-item-content {
9981
	-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.05);
9982
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.05);
9983
	background-color: white;
9984
	-webkit-box-sizing: border-box;
9985
	-moz-box-sizing: border-box;
9986
	box-sizing: border-box;
9987
}
9988

    
9989
.mytheme .v-accordion-item-content  > .v-margin-top {
9990
	padding-top: 12px;
9991
}
9992

    
9993
.mytheme .v-accordion-item-content  > .v-margin-right {
9994
	padding-right: 12px;
9995
}
9996

    
9997
.mytheme .v-accordion-item-content  > .v-margin-bottom {
9998
	padding-bottom: 12px;
9999
}
10000

    
10001
.mytheme .v-accordion-item-content  > .v-margin-left {
10002
	padding-left: 12px;
10003
}
10004

    
10005
.mytheme .v-accordion-borderless {
10006
	border: none;
10007
	border-radius: 0;
10008
	-webkit-box-shadow: none;
10009
	box-shadow: none;
10010
}
10011

    
10012
.mytheme .v-accordion-borderless  > .v-accordion-item, .mytheme .v-accordion-borderless  > .v-accordion-item > div > .v-caption, .mytheme .v-accordion-borderless  > .v-accordion-item > .v-accordion-item-content {
10013
	border-radius: 0;
10014
}
10015

    
10016
.mytheme .v-select-twincol {
10017
	white-space: normal;
10018
}
10019

    
10020
.mytheme .v-select-twincol select {
10021
	border: 1px solid #c5c5c5;
10022
	background-color: #fafafa;
10023
	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
10024
	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
10025
	color: #464646;
10026
}
10027

    
10028
.mytheme .v-select-twincol select:focus {
10029
	outline: none;
10030
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
10031
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
10032
}
10033

    
10034
.mytheme .v-select-twincol .v-textfield, .mytheme .v-select-twincol .v-nativebutton {
10035
	width: auto !important;
10036
	margin-top: 9px;
10037
}
10038

    
10039
.mytheme .v-select-twincol .v-nativebutton {
10040
	margin-left: 9px;
10041
}
10042

    
10043
.mytheme .v-select-twincol-caption-left, .mytheme .v-select-twincol-caption-right {
10044
	font-size: 14px;
10045
	font-weight: 400;
10046
	padding-bottom: 0.3em;
10047
	padding-left: 1px;
10048
}
10049

    
10050
.mytheme .v-select-twincol-buttons {
10051
	white-space: nowrap;
10052
	display: inline-block;
10053
	vertical-align: top;
10054
	position: relative;
10055
	min-width: 3.5em;
10056
}
10057

    
10058
.mytheme .v-select-twincol-buttons .v-button {
10059
	-webkit-box-sizing: border-box;
10060
	-moz-box-sizing: border-box;
10061
	box-sizing: border-box;
10062
	display: inline-block;
10063
	vertical-align: top;
10064
	text-align: left;
10065
	white-space: normal;
10066
	position: absolute;
10067
	left: 9px;
10068
	right: 9px;
10069
	top: 36px;
10070
	padding: 0;
10071
	text-align: center;
10072
}
10073

    
10074
.mytheme .v-select-twincol-buttons .v-button:first-child {
10075
	top: 0;
10076
}
10077

    
10078
.mytheme .v-select-twincol-buttons .v-button-caption {
10079
	display: none;
10080
}
10081

    
10082
.mytheme .v-select-twincol-buttons .v-button:focus {
10083
	z-index: 1;
10084
}
10085

    
10086
.mytheme .v-select-twincol-buttons .v-button:first-child {
10087
	border-radius: 4px 4px 0 0;
10088
}
10089

    
10090
.mytheme .v-select-twincol-buttons .v-button:last-child {
10091
	border-radius: 0 0 4px 4px;
10092
}
10093

    
10094
.mytheme .v-select-twincol-buttons .v-button-wrap:before {
10095
	font-family: FontAwesome;
10096
	content: "\f053";
10097
}
10098

    
10099
.mytheme .v-select-twincol-buttons .v-button:first-child .v-button-wrap:before {
10100
	font-family: FontAwesome;
10101
	content: "\f054";
10102
}
10103

    
10104
.mytheme .v-select select {
10105
	border: 1px solid #c5c5c5;
10106
	background-color: #fafafa;
10107
	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
10108
	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
10109
	color: #464646;
10110
}
10111

    
10112
.mytheme .v-select select:focus {
10113
	outline: none;
10114
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
10115
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
10116
}
10117

    
10118
.mytheme .v-select-select {
10119
	display: block;
10120
}
10121

    
10122
.mytheme .v-select-select  + .v-textfield {
10123
	width: auto !important;
10124
	margin-top: 9px;
10125
}
10126

    
10127
.mytheme .v-select-select  + .v-textfield  + .v-nativebutton {
10128
	margin-top: 9px;
10129
	margin-left: 9px;
10130
}
10131

    
10132
.mytheme .v-calendar-header-day {
10133
	font-weight: 400;
10134
	text-align: center;
10135
	padding: 7px 0;
10136
}
10137

    
10138
.mytheme .v-calendar-header-week .v-calendar-back, .mytheme .v-calendar-header-week .v-calendar-next {
10139
	-webkit-appearance: none;
10140
	-moz-appearance: none;
10141
	-ms-appearance: none;
10142
	-o-appearance: none;
10143
	appearance: none;
10144
	background: transparent;
10145
	border: none;
10146
	padding: 0;
10147
	margin: 0;
10148
	cursor: pointer;
10149
	outline: none;
10150
	color: inherit;
10151
	opacity: 0.5;
10152
	filter: alpha(opacity=50) ;
10153
}
10154

    
10155
.mytheme .v-calendar-header-week .v-calendar-back:focus, .mytheme .v-calendar-header-week .v-calendar-next:focus {
10156
	outline: none;
10157
}
10158

    
10159
.mytheme .v-calendar-header-week .v-calendar-back:hover, .mytheme .v-calendar-header-week .v-calendar-next:hover {
10160
	opacity: 1;
10161
	filter: none ;
10162
}
10163

    
10164
.mytheme .v-calendar-header-week .v-calendar-back:active, .mytheme .v-calendar-header-week .v-calendar-next:active {
10165
	opacity: 0.5;
10166
	filter: alpha(opacity=50) ;
10167
}
10168

    
10169
.mytheme .v-calendar-header-week .v-calendar-back:before {
10170
	font-family: FontAwesome;
10171
	content: "\f053";
10172
}
10173

    
10174
.mytheme .v-calendar-header-week .v-calendar-next:before {
10175
	font-family: FontAwesome;
10176
	content: "\f054";
10177
}
10178

    
10179
.mytheme .v-calendar-month {
10180
	outline: none;
10181
	overflow: hidden;
10182
}
10183

    
10184
.mytheme .v-calendar-month td {
10185
	vertical-align: top;
10186
}
10187

    
10188
.mytheme .v-calendar-week-number {
10189
	cursor: pointer;
10190
	width: 20px;
10191
	text-align: center;
10192
	font-size: 0.8em;
10193
	opacity: 0.5;
10194
	filter: alpha(opacity=50) ;
10195
}
10196

    
10197
.mytheme .v-calendar-week-number:hover {
10198
	opacity: 1;
10199
	filter: none ;
10200
}
10201

    
10202
.mytheme .v-calendar-month-day {
10203
	outline: none;
10204
	-webkit-box-sizing: border-box;
10205
	-moz-box-sizing: border-box;
10206
	box-sizing: border-box;
10207
	line-height: 1.2;
10208
}
10209

    
10210
.mytheme .v-calendar-bottom-spacer, .mytheme .v-calendar-spacer, .mytheme .v-calendar-bottom-spacer-empty {
10211
	height: 19px;
10212
	margin-bottom: 3px;
10213
}
10214

    
10215
.mytheme .v-calendar-bottom-spacer {
10216
	font-size: 0.8em;
10217
	padding: 0 5px;
10218
	cursor: pointer;
10219
}
10220

    
10221
.mytheme .v-calendar-bottom-spacer:hover {
10222
	color: #197de1;
10223
}
10224

    
10225
.mytheme .v-calendar-day-number {
10226
	line-height: 25px;
10227
	font-size: 16px;
10228
	text-align: right;
10229
	margin: 0 5px;
10230
	white-space: nowrap;
10231
	border-top: 1px solid #f2f2f2;
10232
	cursor: pointer;
10233
}
10234

    
10235
.mytheme .v-calendar-day-number:hover {
10236
	color: #197de1;
10237
}
10238

    
10239
.mytheme .v-calendar-month-day-today {
10240
	background: #eef3f8;
10241
}
10242

    
10243
.mytheme .v-calendar-month-day-today .v-calendar-day-number {
10244
	font-weight: 400;
10245
	color: #197de1;
10246
	border-top: 2px solid #197de1;
10247
	line-height: 24px;
10248
	margin: 0;
10249
	padding: 0 5px;
10250
}
10251

    
10252
.mytheme .v-calendar-month-day-selected {
10253
	background-color: #e3edf7;
10254
}
10255

    
10256
.mytheme .v-calendar-month-day-dragemphasis {
10257
	background-color: #a8a8a8;
10258
}
10259

    
10260
.mytheme .v-calendar-month-day-scrollable {
10261
	overflow-y: scroll;
10262
}
10263

    
10264
.mytheme .v-calendar-weekly-longevents {
10265
	margin-left: 50px;
10266
	border-bottom: 3px solid #e0e0e0;
10267
}
10268

    
10269
.mytheme .v-calendar-weekly-longevents .v-calendar-event-all-day {
10270
	height: 22px;
10271
	line-height: 1.6;
10272
	margin-bottom: 3px;
10273
}
10274

    
10275
.mytheme .v-calendar-header-week td {
10276
	vertical-align: middle !important;
10277
}
10278

    
10279
.mytheme .v-calendar-header-week .v-calendar-header-day {
10280
	cursor: pointer;
10281
}
10282

    
10283
.mytheme .v-calendar-times {
10284
	width: 50px;
10285
	font-size: 0.77em;
10286
	line-height: 1;
10287
	white-space: nowrap;
10288
}
10289

    
10290
.mytheme .v-calendar-time {
10291
	text-align: right;
10292
	padding-right: 9px;
10293
	margin-top: -6px;
10294
	padding-bottom: 6px;
10295
}
10296

    
10297
.mytheme .v-calendar-day-times, .mytheme .v-calendar-day-times-today {
10298
	outline: none;
10299
	border-right: 1px solid transparent;
10300
}
10301

    
10302
.mytheme .v-calendar-day-times:focus, .mytheme .v-calendar-day-times-today:focus {
10303
	outline: none;
10304
}
10305

    
10306
.mytheme .v-calendar .v-datecellslot, .mytheme .v-calendar .v-datecellslot-even {
10307
	border-top: 1px solid #dfdfdf;
10308
}
10309

    
10310
.mytheme .v-calendar .v-datecellslot:first-child, .mytheme .v-calendar .v-datecellslot-even:first-child {
10311
	border-top-color: transparent;
10312
}
10313

    
10314
.mytheme .v-calendar .v-datecellslot {
10315
	border-top-style: dotted;
10316
}
10317

    
10318
.mytheme .v-calendar .v-datecellslot, .mytheme .v-calendar .v-datecellslot-even {
10319
	margin-right: 5px;
10320
}
10321

    
10322
.mytheme .v-calendar-current-time {
10323
	background: #197de1;
10324
	line-height: 1px;
10325
	pointer-events: none;
10326
	opacity: 0.5;
10327
	filter: alpha(opacity=50) ;
10328
}
10329

    
10330
.mytheme .v-calendar-current-time:before {
10331
	content: "\2022";
10332
	color: #197de1;
10333
	font-size: 22px;
10334
	margin-left: -0.07em;
10335
}
10336

    
10337
.mytheme .v-calendar .v-daterange {
10338
	position: relative;
10339
}
10340

    
10341
.mytheme .v-calendar .v-daterange:before {
10342
	content: "";
10343
	position: absolute;
10344
	top: 0;
10345
	right: 0;
10346
	bottom: -1px;
10347
	left: 0;
10348
	background: #197de1;
10349
	opacity: 0.5;
10350
	filter: alpha(opacity=50) ;
10351
	border-radius: 4px 4px 0 0;
10352
}
10353

    
10354
.mytheme .v-calendar .v-daterange  + .v-daterange {
10355
	border-color: transparent;
10356
}
10357

    
10358
.mytheme .v-calendar .v-daterange  + .v-daterange:before {
10359
	border-radius: 0;
10360
}
10361

    
10362
.mytheme .v-calendar-event {
10363
	font-size: 0.85em;
10364
	overflow: hidden;
10365
	cursor: pointer;
10366
	outline: none;
10367
	border-radius: 4px;
10368
}
10369

    
10370
.mytheme .v-calendar-event:focus {
10371
	outline: none;
10372
}
10373

    
10374
.mytheme .v-calendar-event-month {
10375
	padding: 0 5px;
10376
	-webkit-box-sizing: border-box;
10377
	-moz-box-sizing: border-box;
10378
	box-sizing: border-box;
10379
	margin-bottom: 3px;
10380
	white-space: nowrap;
10381
	text-overflow: ellipsis;
10382
	height: 19px;
10383
	line-height: 19px;
10384
}
10385

    
10386
.mytheme .v-calendar-event-month .v-calendar-event-time {
10387
	float: right;
10388
	font-size: 0.9em;
10389
	line-height: 19px;
10390
	opacity: 0.5;
10391
	filter: alpha(opacity=50) ;
10392
}
10393

    
10394
.mytheme .v-calendar-event-month:before {
10395
	content: "\25cf";
10396
	margin-right: 0.2em;
10397
}
10398

    
10399
.mytheme .v-calendar-event-all-day {
10400
	padding: 0 5px;
10401
	-webkit-box-sizing: border-box;
10402
	-moz-box-sizing: border-box;
10403
	box-sizing: border-box;
10404
	height: 19px;
10405
	line-height: 19px;
10406
	border-radius: 0;
10407
	margin-left: -1px;
10408
	white-space: nowrap;
10409
}
10410

    
10411
.mytheme .v-calendar-event-all-day:before {
10412
	content: "";
10413
}
10414

    
10415
.mytheme .v-calendar-event-start {
10416
	overflow: visible;
10417
	margin-left: 0;
10418
}
10419

    
10420
.mytheme .v-calendar-event-start.v-calendar-event-continued-to, .mytheme .v-calendar-event-start.v-calendar-event-end {
10421
	overflow: hidden;
10422
	text-overflow: ellipsis;
10423
}
10424

    
10425
.mytheme .v-calendar-event-start {
10426
	border-top-left-radius: 4px;
10427
	border-bottom-left-radius: 4px;
10428
	margin-left: 5px;
10429
}
10430

    
10431
.mytheme .v-calendar-event-end {
10432
	border-top-right-radius: 4px;
10433
	border-bottom-right-radius: 4px;
10434
	margin-right: 5px;
10435
}
10436

    
10437
.mytheme .v-calendar-event-caption {
10438
	font-weight: 500;
10439
	line-height: 1.2;
10440
	padding: 5px 0;
10441
	position: absolute;
10442
	overflow: hidden;
10443
	right: 9px;
10444
	left: 5px;
10445
	bottom: 0;
10446
	top: 0;
10447
}
10448

    
10449
.mytheme .v-calendar-event-caption span {
10450
	font-weight: 300;
10451
	white-space: nowrap;
10452
}
10453

    
10454
.mytheme .v-calendar-week-wrapper .v-calendar-event {
10455
	overflow: visible;
10456
}
10457

    
10458
.mytheme .v-calendar-week-wrapper .v-calendar-event-content {
10459
	margin-top: -1px;
10460
	border-radius: 5px;
10461
	border: 1px solid #fafafa;
10462
	padding-top: 3px;
10463
	margin-right: 5px;
10464
}
10465

    
10466
.mytheme .v-calendar-event-month:before {
10467
	color: #00ace0;
10468
}
10469

    
10470
.mytheme .v-calendar-event-all-day {
10471
	background-color: #c8eaf4;
10472
	background-color: rgba(200, 234, 244, 0.8);
10473
	color: #00ace0;
10474
}
10475

    
10476
.mytheme .v-calendar-week-wrapper .v-calendar-event {
10477
	color: #00ace0;
10478
}
10479

    
10480
.mytheme .v-calendar-week-wrapper .v-calendar-event .v-calendar-event-content {
10481
	background-color: #c8eaf4;
10482
	background-color: rgba(200, 234, 244, 0.8);
10483
}
10484

    
10485
.mytheme .v-calendar-event-month[class*="color2"]:before {
10486
	color: #2d9f19;
10487
}
10488

    
10489
.mytheme .v-calendar-event-all-day[class*="color2"] {
10490
	background-color: #d1e7cd;
10491
	background-color: rgba(209, 231, 205, 0.8);
10492
	color: #2d9f19;
10493
}
10494

    
10495
.mytheme .v-calendar-week-wrapper .v-calendar-event[class*="color2"] {
10496
	color: #2d9f19;
10497
}
10498

    
10499
.mytheme .v-calendar-week-wrapper .v-calendar-event[class*="color2"] .v-calendar-event-content {
10500
	background-color: #d1e7cd;
10501
	background-color: rgba(209, 231, 205, 0.8);
10502
}
10503

    
10504
.mytheme .v-calendar-event-month[class*="color3"]:before {
10505
	color: #d18100;
10506
}
10507

    
10508
.mytheme .v-calendar-event-all-day[class*="color3"] {
10509
	background-color: #f1e1c8;
10510
	background-color: rgba(241, 225, 200, 0.8);
10511
	color: #d18100;
10512
}
10513

    
10514
.mytheme .v-calendar-week-wrapper .v-calendar-event[class*="color3"] {
10515
	color: #d18100;
10516
}
10517

    
10518
.mytheme .v-calendar-week-wrapper .v-calendar-event[class*="color3"] .v-calendar-event-content {
10519
	background-color: #f1e1c8;
10520
	background-color: rgba(241, 225, 200, 0.8);
10521
}
10522

    
10523
.mytheme .v-calendar-event-month[class*="color4"]:before {
10524
	color: #ce3812;
10525
}
10526

    
10527
.mytheme .v-calendar-event-all-day[class*="color4"] {
10528
	background-color: #f1d3cb;
10529
	background-color: rgba(241, 211, 203, 0.8);
10530
	color: #ce3812;
10531
}
10532

    
10533
.mytheme .v-calendar-week-wrapper .v-calendar-event[class*="color4"] {
10534
	color: #ce3812;
10535
}
10536

    
10537
.mytheme .v-calendar-week-wrapper .v-calendar-event[class*="color4"] .v-calendar-event-content {
10538
	background-color: #f1d3cb;
10539
	background-color: rgba(241, 211, 203, 0.8);
10540
}
10541

    
10542
.mytheme .v-calendar-event-month[class*="color5"]:before {
10543
	color: #2d55cd;
10544
}
10545

    
10546
.mytheme .v-calendar-event-all-day[class*="color5"] {
10547
	background-color: #d1d9f1;
10548
	background-color: rgba(209, 217, 241, 0.8);
10549
	color: #2d55cd;
10550
}
10551

    
10552
.mytheme .v-calendar-week-wrapper .v-calendar-event[class*="color5"] {
10553
	color: #2d55cd;
10554
}
10555

    
10556
.mytheme .v-calendar-week-wrapper .v-calendar-event[class*="color5"] .v-calendar-event-content {
10557
	background-color: #d1d9f1;
10558
	background-color: rgba(209, 217, 241, 0.8);
10559
}
10560

    
10561
.mytheme .v-calendar.v-disabled * {
10562
	cursor: default;
10563
}
10564

    
10565
.mytheme .v-label {
10566
	-webkit-user-select: text;
10567
	-moz-user-select: text;
10568
	-ms-user-select: text;
10569
	user-select: text;
10570
}
10571

    
10572
.mytheme .v-label-undef-w {
10573
	white-space: nowrap;
10574
}
10575

    
10576
.mytheme h1, .mytheme .v-label-h1, .mytheme h2, .mytheme .v-label-h2, .mytheme h3, .mytheme .v-label-h3 {
10577
	line-height: 1.1;
10578
	font-weight: 200;
10579
	color: #141414;
10580
}
10581

    
10582
.mytheme h1, .mytheme .v-label-h1 {
10583
	font-size: 2.4em;
10584
	margin-top: 1.4em;
10585
	margin-bottom: 1em;
10586
	
10587
	letter-spacing: -0.03em;
10588
}
10589

    
10590
.mytheme h2, .mytheme .v-label-h2 {
10591
	font-size: 1.6em;
10592
	
10593
	margin-top: 1.6em;
10594
	margin-bottom: 0.77em;
10595
	letter-spacing: -0.02em;
10596
}
10597

    
10598
.mytheme h3, .mytheme .v-label-h3 {
10599
	font-size: 1.2em;
10600
	
10601
	margin-top: 1.8em;
10602
	margin-bottom: 0.77em;
10603
	letter-spacing: 0;
10604
}
10605

    
10606
.mytheme h4, .mytheme .v-label-h4 {
10607
	line-height: 1.1;
10608
	font-weight: 500;
10609
	font-size: 14px;
10610
	color: #414141;
10611
	text-transform: uppercase;
10612
	letter-spacing: 0;
10613
	margin-top: 2.4em;
10614
	margin-bottom: 0.8em;
10615
}
10616

    
10617
.mytheme .v-csslayout  > h1:first-child, .mytheme .v-csslayout  > h2:first-child, .mytheme .v-csslayout  > h3:first-child, .mytheme .v-csslayout  > h4 > .v-label-h1:first-child, .mytheme .v-csslayout  > .v-label-h2:first-child, .mytheme .v-csslayout  > .v-label-h3:first-child, .mytheme .v-csslayout  > .v-label-h4:first-child {
10618
	margin-top: 16px;
10619
}
10620

    
10621
.mytheme .v-verticallayout > .v-slot:first-child h1, .mytheme .v-verticallayout > .v-slot:first-child .v-label-h1, .mytheme .v-verticallayout > .v-slot:first-child h2, .mytheme .v-verticallayout > .v-slot:first-child .v-label-h2, .mytheme .v-verticallayout > .v-slot:first-child h3, .mytheme .v-verticallayout > .v-slot:first-child .v-label-h3, .mytheme .v-verticallayout > .v-slot:first-child h4, .mytheme .v-verticallayout > .v-slot:first-child .v-label-h4, .mytheme .v-verticallayout > div > .v-slot:first-child h1, .mytheme .v-verticallayout > div > .v-slot:first-child .v-label-h1, .mytheme .v-verticallayout > div > .v-slot:first-child h2, .mytheme .v-verticallayout > div > .v-slot:first-child .v-label-h2, .mytheme .v-verticallayout > div > .v-slot:first-child h3, .mytheme .v-verticallayout > div > .v-slot:first-child .v-label-h3, .mytheme .v-verticallayout > div > .v-slot:first-child h4, .mytheme .v-verticallayout > div > .v-slot:first-child .v-label-h4 {
10622
	margin-top: 16px;
10623
}
10624

    
10625
.mytheme h1.no-margin, .mytheme .v-label-h1.no-margin, .mytheme h2.no-margin, .mytheme .v-label-h2.no-margin, .mytheme h3.no-margin, .mytheme .v-label-h3.no-margin, .mytheme h4.no-margin, .mytheme .v-label-h4.no-margin {
10626
	margin: 0 !important;
10627
}
10628

    
10629
.mytheme .v-label-colored {
10630
	color: #197de1;
10631
}
10632

    
10633
.mytheme .v-label-large {
10634
	font-size: 20px;
10635
}
10636

    
10637
.mytheme .v-label-small {
10638
	font-size: 14px;
10639
}
10640

    
10641
.mytheme .v-label-tiny {
10642
	font-size: 12px;
10643
}
10644

    
10645
.mytheme .v-label-huge {
10646
	font-size: 26px;
10647
}
10648

    
10649
.mytheme .v-label-bold {
10650
	font-weight: 500;
10651
}
10652

    
10653
.mytheme .v-label-light {
10654
	font-weight: 200;
10655
	color: #7d7d7d;
10656
}
10657

    
10658
.mytheme .v-label-align-right {
10659
	text-align: right;
10660
}
10661

    
10662
.mytheme .v-label-align-center {
10663
	text-align: center;
10664
}
10665

    
10666
.mytheme .v-label-spinner {
10667
	height: 24px !important;
10668
	width: 24px !important;
10669
	-webkit-box-sizing: border-box;
10670
	-moz-box-sizing: border-box;
10671
	box-sizing: border-box;
10672
	border: 2px solid rgba(25, 125, 225, 0.2);
10673
	border-top-color: #197de1;
10674
	border-right-color: #197de1;
10675
	border-radius: 100%;
10676
	-webkit-animation: v-rotate-360 500ms infinite linear;
10677
	-moz-animation: v-rotate-360 500ms infinite linear;
10678
	animation: v-rotate-360 500ms infinite linear;
10679
	pointer-events: none;
10680
}
10681

    
10682
.v-ie8 .mytheme .v-label-spinner, .v-ie9 .mytheme .v-label-spinner {
10683
	border: none;
10684
	border-radius: 4px;
10685
	background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50% 50%;
10686
	background-size: 80%;
10687
}
10688

    
10689
.v-ie8 .mytheme .v-label-spinner {
10690
	min-width: 30px;
10691
	min-height: 30px;
10692
}
10693

    
10694
.mytheme .v-label-success, .mytheme .v-label-failure {
10695
	background: white;
10696
	color: #474747;
10697
	border: 2px solid #2c9720;
10698
	border-radius: 4px;
10699
	padding: 7px 19px 7px 37px;
10700
	font-weight: 400;
10701
	font-size: 15px;
10702
}
10703

    
10704
.mytheme .v-label-success:before, .mytheme .v-label-failure:before {
10705
	font-family: FontAwesome;
10706
	content: "\f00c";
10707
	margin-right: 0.5em;
10708
	margin-left: -19px;
10709
	color: #2c9720;
10710
}
10711

    
10712
.mytheme .v-label-failure {
10713
	border-color: #ed473b;
10714
}
10715

    
10716
.mytheme .v-label-failure:before {
10717
	content: "\f05e";
10718
	color: #ed473b;
10719
}
10720

    
10721
.mytheme [draggable=true] {
10722
	-khtml-user-drag: element;
10723
	-webkit-user-drag: element;
10724
}
10725

    
10726
.mytheme .v-ddwrapper {
10727
	position: relative;
10728
}
10729

    
10730
.mytheme .v-ddwrapper-over:before, .mytheme .v-ddwrapper-over:after {
10731
	content: "";
10732
	position: absolute;
10733
	z-index: 10;
10734
	top: -1px;
10735
	right: -1px;
10736
	bottom: -1px;
10737
	left: -1px;
10738
	border: 0 solid #197de1;
10739
}
10740

    
10741
.mytheme .v-ddwrapper-over-top:before {
10742
	border-top-width: 2px;
10743
}
10744

    
10745
.mytheme .v-ddwrapper-over-right:before {
10746
	border-right-width: 2px;
10747
}
10748

    
10749
.mytheme .v-ddwrapper-over-bottom:before {
10750
	border-bottom-width: 2px;
10751
}
10752

    
10753
.mytheme .v-ddwrapper-over-left:before {
10754
	border-left-width: 2px;
10755
}
10756

    
10757
.mytheme .no-vertical-drag-hints .v-ddwrapper-over-top:before, .mytheme .no-vertical-drag-hints.v-ddwrapper-over-top:before {
10758
	border-top-width: 0;
10759
}
10760

    
10761
.mytheme .no-vertical-drag-hints .v-ddwrapper-over-top:after, .mytheme .no-vertical-drag-hints.v-ddwrapper-over-top:after {
10762
	border-width: 2px;
10763
	border-radius: 4px;
10764
	opacity: 0.3;
10765
	filter: alpha(opacity=30.0) ;
10766
	background: #8abef2;
10767
}
10768

    
10769
.mytheme .no-vertical-drag-hints .v-ddwrapper-over-bottom:before, .mytheme .no-vertical-drag-hints.v-ddwrapper-over-bottom:before {
10770
	border-bottom-width: 0;
10771
}
10772

    
10773
.mytheme .no-vertical-drag-hints .v-ddwrapper-over-bottom:after, .mytheme .no-vertical-drag-hints.v-ddwrapper-over-bottom:after {
10774
	border-width: 2px;
10775
	border-radius: 4px;
10776
	opacity: 0.3;
10777
	filter: alpha(opacity=30.0) ;
10778
	background: #8abef2;
10779
}
10780

    
10781
.mytheme .no-horizontal-drag-hints.v-ddwrapper-over-left:before, .mytheme .no-horizontal-drag-hints .v-ddwrapper-over-left:before {
10782
	border-left-width: 0;
10783
}
10784

    
10785
.mytheme .no-horizontal-drag-hints.v-ddwrapper-over-left:after, .mytheme .no-horizontal-drag-hints .v-ddwrapper-over-left:after {
10786
	border-width: 2px;
10787
	border-radius: 4px;
10788
	opacity: 0.3;
10789
	filter: alpha(opacity=30.0) ;
10790
	background: #8abef2;
10791
}
10792

    
10793
.mytheme .no-horizontal-drag-hints.v-ddwrapper-over-right:before, .mytheme .no-horizontal-drag-hints .v-ddwrapper-over-right:before {
10794
	border-right-width: 0;
10795
}
10796

    
10797
.mytheme .no-horizontal-drag-hints.v-ddwrapper-over-right:after, .mytheme .no-horizontal-drag-hints .v-ddwrapper-over-right:after {
10798
	border-width: 2px;
10799
	border-radius: 4px;
10800
	opacity: 0.3;
10801
	filter: alpha(opacity=30.0) ;
10802
	background: #8abef2;
10803
}
10804

    
10805
.mytheme .v-ddwrapper-over-middle:after, .mytheme .v-ddwrapper-over-center:after {
10806
	border-width: 2px;
10807
	border-radius: 4px;
10808
	opacity: 0.3;
10809
	filter: alpha(opacity=30.0) ;
10810
	background: #8abef2;
10811
}
10812

    
10813
.mytheme .no-box-drag-hints.v-ddwrapper:after, .mytheme .no-box-drag-hints .v-ddwrapper:after {
10814
	display: none !important;
10815
	content: none;
10816
}
10817

    
10818
.mytheme .v-nativebutton {
10819
	-webkit-touch-callout: none;
10820
}
10821

    
10822
.mytheme .v-select select {
10823
	border: 1px solid #c5c5c5;
10824
	background-color: #fafafa;
10825
	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
10826
	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
10827
	color: #464646;
10828
}
10829

    
10830
.mytheme .v-select select:focus {
10831
	outline: none;
10832
	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
10833
	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
10834
}
10835

    
10836
.mytheme .v-select-select {
10837
	display: block;
10838
}
10839

    
10840
.mytheme .v-select-select  + .v-textfield {
10841
	width: auto !important;
10842
	margin-top: 9px;
10843
}
10844

    
10845
.mytheme .v-select-select  + .v-textfield  + .v-nativebutton {
10846
	margin-top: 9px;
10847
	margin-left: 9px;
10848
}
10849

    
10850
.mytheme .v-popupview {
10851
	cursor: pointer;
10852
	color: #197de1;
10853
	text-decoration: underline;
10854
	font-weight: inherit;
10855
	-webkit-transition: color 140ms;
10856
	-moz-transition: color 140ms;
10857
	transition: color 140ms;
10858
}
10859

    
10860
.mytheme .v-popupview:hover {
10861
	color: #4396ea;
10862
}
10863

    
10864
.mytheme .v-popupview-popup {
10865
	padding: 4px 4px;
10866
	border-radius: 4px;
10867
	background-color: white;
10868
	color: #474747;
10869
	-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
10870
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
10871
	-webkit-backface-visibility: hidden;
10872
	-moz-backface-visibility: hidden;
10873
	-ms-backface-visibility: hidden;
10874
	backface-visibility: hidden;
10875
}
10876

    
10877
.mytheme .v-popupview-popup[class*="animate-in"] {
10878
	-webkit-animation: v-popupview-animate-in 120ms;
10879
	-moz-animation: v-popupview-animate-in 120ms;
10880
	animation: v-popupview-animate-in 120ms;
10881
}
10882

    
10883
.mytheme .v-popupview-popup[class*="animate-out"] {
10884
	-webkit-animation: valo-animate-out-fade 120ms;
10885
	-moz-animation: valo-animate-out-fade 120ms;
10886
	animation: valo-animate-out-fade 120ms;
10887
}
10888

    
10889
.mytheme .v-popupview-popup .popupContent  > .v-margin-top {
10890
	padding-top: 12px;
10891
}
10892

    
10893
.mytheme .v-popupview-popup .popupContent  > .v-margin-right {
10894
	padding-right: 12px;
10895
}
10896

    
10897
.mytheme .v-popupview-popup .popupContent  > .v-margin-bottom {
10898
	padding-bottom: 12px;
10899
}
10900

    
10901
.mytheme .v-popupview-popup .popupContent  > .v-margin-left {
10902
	padding-left: 12px;
10903
}
10904

    
10905
.mytheme .v-popupview-loading {
10906
	margin: 12px 12px;
10907
	height: 24px !important;
10908
	width: 24px !important;
10909
	-webkit-box-sizing: border-box;
10910
	-moz-box-sizing: border-box;
10911
	box-sizing: border-box;
10912
	border: 2px solid rgba(25, 125, 225, 0.2);
10913
	border-top-color: #197de1;
10914
	border-right-color: #197de1;
10915
	border-radius: 100%;
10916
	-webkit-animation: v-rotate-360 500ms infinite linear;
10917
	-moz-animation: v-rotate-360 500ms infinite linear;
10918
	animation: v-rotate-360 500ms infinite linear;
10919
	pointer-events: none;
10920
}
10921

    
10922
.v-ie8 .mytheme .v-popupview-loading, .v-ie9 .mytheme .v-popupview-loading {
10923
	border: none;
10924
	border-radius: 4px;
10925
	background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50% 50%;
10926
	background-size: 80%;
10927
}
10928

    
10929
.v-ie8 .mytheme .v-popupview-loading {
10930
	min-width: 30px;
10931
	min-height: 30px;
10932
}
10933

    
10934
.mytheme .v-richtextarea {
10935
	-webkit-appearance: none;
10936
	-moz-appearance: none;
10937
	-ms-appearance: none;
10938
	-o-appearance: none;
10939
	appearance: none;
10940
	-webkit-user-select: text;
10941
	-moz-user-select: text;
10942
	-ms-user-select: text;
10943
	user-select: text;
10944
	margin: 0;
10945
	font: inherit;
10946
	
10947
	font-weight: 400;
10948
	line-height: normal;
10949
	height: 37px;
10950
	border-radius: 4px;
10951
	padding: 0;
10952
	border: 1px solid #c5c5c5;
10953
	background: white;
10954
	color: #474747;
10955
	-webkit-box-shadow: inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
10956
	box-shadow: inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
10957
	-webkit-transition: box-shadow 180ms, border 180ms;
10958
	-moz-transition: box-shadow 180ms, border 180ms;
10959
	transition: box-shadow 180ms, border 180ms;
10960
	height: auto;
10961
	overflow: hidden;
10962
}
10963

    
10964
.v-ie8 .mytheme .v-richtextarea, .v-ie9 .mytheme .v-richtextarea {
10965
	line-height: 37px;
10966
	padding-top: 0;
10967
	padding-bottom: 0;
10968
}
10969

    
10970
.mytheme .v-richtextarea[class*="prompt"] {
10971
	color: #a3a3a3;
10972
}
10973

    
10974
.mytheme .v-richtextarea .gwt-RichTextToolbar {
10975
	background-color: #fafafa;
10976
	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
10977
	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
10978
	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7;
10979
	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7;
10980
	border-bottom: 1px solid #c5c5c5;
10981
	color: #464646;
10982
}
10983

    
10984
.mytheme .v-richtextarea .gwt-ToggleButton, .mytheme .v-richtextarea .gwt-PushButton {
10985
	display: inline-block;
10986
	line-height: 37px;
10987
	width: 37px;
10988
	text-align: center;
10989
	outline: none;
10990
}
10991

    
10992
.mytheme .v-richtextarea .gwt-ToggleButton:hover, .mytheme .v-richtextarea .gwt-PushButton:hover {
10993
	color: black;
10994
}
10995

    
10996
.mytheme .v-richtextarea .gwt-ToggleButton-down, .mytheme .v-richtextarea .gwt-ToggleButton-down-hovering {
10997
	background-color: #e0e0e0;
10998
	background-image: -webkit-linear-gradient(bottom, #e0e0e0 2%, #dcdcdc 98%);
10999
	background-image: linear-gradient(to top,#e0e0e0 2%, #dcdcdc 98%);
11000
}
11001

    
11002
.mytheme .v-richtextarea .gwt-RichTextToolbar-top img {
11003
	display: none;
11004
}
11005

    
11006
.mytheme .v-richtextarea .gwt-RichTextToolbar-top div:before {
11007
	font-family: FontAwesome;
11008
}
11009

    
11010
.mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Bold"]:before {
11011
	content: "\f032";
11012
}
11013

    
11014
.mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Italic"]:before {
11015
	content: "\f033";
11016
}
11017

    
11018
.mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Underline"]:before {
11019
	content: "\f0cd";
11020
}
11021

    
11022
.mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Subscript"]:before {
11023
	content: "\f12c";
11024
}
11025

    
11026
.mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Superscript"]:before {
11027
	content: "\f12b";
11028
}
11029

    
11030
.mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Left Justify"]:before {
11031
	content: "\f036";
11032
}
11033

    
11034
.mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Center"]:before {
11035
	content: "\f037";
11036
}
11037

    
11038
.mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Right Justify"]:before {
11039
	content: "\f038";
11040
}
11041

    
11042
.mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Strikethrough"]:before {
11043
	content: "\f0cc";
11044
}
11045

    
11046
.mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Indent Right"]:before {
11047
	content: "\f03c";
11048
}
11049

    
11050
.mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Indent Left"]:before {
11051
	content: "\f03b";
11052
}
11053

    
11054
.mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Insert Horizontal Rule"]:before {
11055
	content: "\2014";
11056
}
11057

    
11058
.mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Insert Ordered List"]:before {
11059
	content: "\f0cb";
11060
}
11061

    
11062
.mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Insert Unordered List"]:before {
11063
	content: "\f0ca";
11064
}
11065

    
11066
.mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Insert Image"]:before {
11067
	content: "\f03e";
11068
}
11069

    
11070
.mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Create Link"]:before {
11071
	content: "\f0c1";
11072
}
11073

    
11074
.mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Remove Link"]:before {
11075
	content: "\f127";
11076
}
11077

    
11078
.mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Remove Formatting"]:before {
11079
	content: "\f12d";
11080
}
11081

    
11082
.mytheme .v-richtextarea .gwt-RichTextToolbar-bottom {
11083
	font-size: 13px;
11084
	padding: 0 9px 9px 0;
11085
}
11086

    
11087
.mytheme .v-richtextarea .gwt-RichTextToolbar-bottom select {
11088
	margin: 9px 0 0 9px;
11089
}
11090

    
11091
.mytheme .v-richtextarea .gwt-RichTextArea {
11092
	background: #fff;
11093
	border: none;
11094
	display: block;
11095
}
11096

    
11097
.mytheme .v-richtextarea-readonly {
11098
	padding: 5px 7px;
11099
	background: transparent;
11100
}
11101

    
11102
.mytheme .v-upload .v-button {
11103
	-webkit-box-sizing: border-box;
11104
	-moz-box-sizing: border-box;
11105
	box-sizing: border-box;
11106
	display: inline-block;
11107
	vertical-align: top;
11108
	text-align: left;
11109
	white-space: normal;
11110
}
11111

    
11112
.mytheme .v-upload-immediate .v-button {
11113
	width: 100%;
11114
}
11115

    
11116
.mytheme .v-upload-immediate input[type="file"] {
11117
	opacity: 0;
11118
	filter: alpha(opacity=0) ;
11119
	z-index: 2;
11120
	position: absolute;
11121
	right: 0;
11122
	height: 37px;
11123
	text-align: right;
11124
	border: none;
11125
	background: transparent;
11126
}
11127

    
11128
.mytheme .v-Notification.v-position-top {
11129
	top: 12px;
11130
}
11131

    
11132
.mytheme .v-Notification.v-position-right {
11133
	right: 12px;
11134
}
11135

    
11136
.mytheme .v-Notification.v-position-bottom {
11137
	bottom: 12px;
11138
}
11139

    
11140
.mytheme .v-Notification.v-position-left {
11141
	left: 12px;
11142
}
11143

    
11144
.mytheme .v-Notification.v-position-assistive {
11145
	top: -9999px;
11146
	left: -9999px;
11147
}
11148

    
11149
.mytheme .v-Notification-animate-in {
11150
	-webkit-animation: valo-animate-in-fade 180ms 10ms backwards;
11151
	-moz-animation: valo-animate-in-fade 180ms 10ms backwards;
11152
	animation: valo-animate-in-fade 180ms 10ms backwards;
11153
}
11154

    
11155
.mytheme .v-Notification-animate-in.v-position-top {
11156
	-webkit-animation: valo-animate-in-slide-down 400ms 10ms backwards;
11157
	-moz-animation: valo-animate-in-slide-down 400ms 10ms backwards;
11158
	animation: valo-animate-in-slide-down 400ms 10ms backwards;
11159
}
11160

    
11161
.mytheme .v-Notification-animate-in.v-position-bottom {
11162
	-webkit-animation: valo-animate-in-slide-up 400ms 10ms backwards;
11163
	-moz-animation: valo-animate-in-slide-up 400ms 10ms backwards;
11164
	animation: valo-animate-in-slide-up 400ms 10ms backwards;
11165
}
11166

    
11167
.mytheme .v-Notification-animate-out {
11168
	-webkit-animation: valo-animate-out-fade 150ms;
11169
	-moz-animation: valo-animate-out-fade 150ms;
11170
	animation: valo-animate-out-fade 150ms;
11171
}
11172

    
11173
.mytheme .v-Notification-animate-out.v-position-top, .mytheme .v-Notification-animate-out.v-position-bottom {
11174
	-webkit-animation: valo-animate-out-slide-down-fade 200ms;
11175
	-moz-animation: valo-animate-out-slide-down-fade 200ms;
11176
	animation: valo-animate-out-slide-down-fade 200ms;
11177
}
11178

    
11179
.mytheme .v-Notification {
11180
	border-radius: 4px;
11181
	text-align: center;
11182
	position: fixed !important;
11183
	-webkit-backface-visibility: hidden;
11184
	-moz-backface-visibility: hidden;
11185
	-ms-backface-visibility: hidden;
11186
	backface-visibility: hidden;
11187
	background: white;
11188
	-webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
11189
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
11190
	padding: 19px 22px;
11191
}
11192

    
11193
.mytheme .v-Notification h1 {
11194
	margin: 0;
11195
	display: inline-block;
11196
	text-align: left;
11197
	font-weight: inherit;
11198
	line-height: inherit;
11199
	white-space: nowrap;
11200
	letter-spacing: 0;
11201
}
11202

    
11203
.mytheme .v-Notification p {
11204
	margin: 0;
11205
	display: inline-block;
11206
	vertical-align: middle;
11207
	max-width: 30em;
11208
	text-align: left;
11209
	max-height: 20em;
11210
	overflow: auto;
11211
}
11212

    
11213
.mytheme .v-Notification h1 ~ p {
11214
	margin-left: 24px;
11215
}
11216

    
11217
.mytheme .v-Notification .v-icon + h1 {
11218
	margin-left: 16px;
11219
}
11220

    
11221
.mytheme .v-Notification h1 {
11222
	color: #197de1;
11223
	font-size: 19px;
11224
	line-height: 1;
11225
}
11226

    
11227
.mytheme .v-Notification p {
11228
	line-height: 1.4;
11229
}
11230

    
11231
.mytheme .v-Notification-system {
11232
	left: 0 !important;
11233
	right: 0;
11234
	max-width: 100%;
11235
	margin: 0 !important;
11236
	border-radius: 0;
11237
	-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
11238
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
11239
	padding: 12px 15px;
11240
	background-color: #444;
11241
	background-color: rgba(68, 68, 68, 0.9);
11242
	font-weight: 400;
11243
	line-height: 22px;
11244
}
11245

    
11246
.mytheme .v-Notification-system p {
11247
	max-width: 50em;
11248
}
11249

    
11250
.mytheme .v-Notification-system.v-position-top {
11251
	top: 0;
11252
}
11253

    
11254
.mytheme .v-Notification-system.v-position-top[class*="animate-in"] {
11255
	-webkit-animation: valo-animate-in-slide-down 300ms 10ms backwards;
11256
	-moz-animation: valo-animate-in-slide-down 300ms 10ms backwards;
11257
	animation: valo-animate-in-slide-down 300ms 10ms backwards;
11258
}
11259

    
11260
.mytheme .v-Notification-system.v-position-top[class*="animate-out"] {
11261
	-webkit-animation: valo-animate-out-slide-up 200ms;
11262
	-moz-animation: valo-animate-out-slide-up 200ms;
11263
	animation: valo-animate-out-slide-up 200ms;
11264
}
11265

    
11266
.mytheme .v-Notification-system.v-position-bottom {
11267
	bottom: 0;
11268
}
11269

    
11270
.mytheme .v-Notification-system.v-position-bottom[class*="animate-in"] {
11271
	-webkit-animation: valo-animate-in-slide-up 300ms 10ms backwards;
11272
	-moz-animation: valo-animate-in-slide-up 300ms 10ms backwards;
11273
	animation: valo-animate-in-slide-up 300ms 10ms backwards;
11274
}
11275

    
11276
.mytheme .v-Notification-system.v-position-bottom[class*="animate-out"] {
11277
	-webkit-animation: valo-animate-out-slide-down 200ms;
11278
	-moz-animation: valo-animate-out-slide-down 200ms;
11279
	animation: valo-animate-out-slide-down 200ms;
11280
}
11281

    
11282
.mytheme .v-Notification-system h1 {
11283
	color: #fff;
11284
	vertical-align: middle;
11285
}
11286

    
11287
.mytheme .v-Notification-system p {
11288
	color: #e6e6e6;
11289
}
11290

    
11291
.mytheme .v-Notification-system u {
11292
	text-decoration: none;
11293
}
11294

    
11295
.mytheme .v-Notification.tray {
11296
	text-align: left;
11297
}
11298

    
11299
.mytheme .v-Notification.tray h1 + p {
11300
	display: block;
11301
	margin: 0.5em 0 0;
11302
}
11303

    
11304
.mytheme .v-Notification.warning {
11305
	background: #FFF3D2;
11306
}
11307

    
11308
.mytheme .v-Notification.warning h1 {
11309
	color: #AC7C00;
11310
}
11311

    
11312
.mytheme .v-Notification.warning p {
11313
	color: #9D874D;
11314
}
11315

    
11316
.mytheme .v-Notification.error {
11317
	background: #ed473b;
11318
	font-weight: 400;
11319
	-webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.25);
11320
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.25);
11321
}
11322

    
11323
.mytheme .v-Notification.error h1 {
11324
	color: white;
11325
}
11326

    
11327
.mytheme .v-Notification.error p {
11328
	color: #f4e0df;
11329
}
11330

    
11331
.mytheme .v-Notification.dark {
11332
	background-color: #444;
11333
	background-color: rgba(68, 68, 68, 0.9);
11334
	font-weight: 400;
11335
	line-height: 22px;
11336
}
11337

    
11338
.mytheme .v-Notification.dark h1 {
11339
	color: #fff;
11340
	vertical-align: middle;
11341
}
11342

    
11343
.mytheme .v-Notification.dark p {
11344
	color: #e6e6e6;
11345
}
11346

    
11347
.mytheme .v-Notification.bar {
11348
	left: 0 !important;
11349
	right: 0;
11350
	max-width: 100%;
11351
	margin: 0 !important;
11352
	border-radius: 0;
11353
	-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
11354
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
11355
	padding: 12px 15px;
11356
}
11357

    
11358
.mytheme .v-Notification.bar p {
11359
	max-width: 50em;
11360
}
11361

    
11362
.mytheme .v-Notification.bar.v-position-top {
11363
	top: 0;
11364
}
11365

    
11366
.mytheme .v-Notification.bar.v-position-top[class*="animate-in"] {
11367
	-webkit-animation: valo-animate-in-slide-down 300ms 10ms backwards;
11368
	-moz-animation: valo-animate-in-slide-down 300ms 10ms backwards;
11369
	animation: valo-animate-in-slide-down 300ms 10ms backwards;
11370
}
11371

    
11372
.mytheme .v-Notification.bar.v-position-top[class*="animate-out"] {
11373
	-webkit-animation: valo-animate-out-slide-up 200ms;
11374
	-moz-animation: valo-animate-out-slide-up 200ms;
11375
	animation: valo-animate-out-slide-up 200ms;
11376
}
11377

    
11378
.mytheme .v-Notification.bar.v-position-bottom {
11379
	bottom: 0;
11380
}
11381

    
11382
.mytheme .v-Notification.bar.v-position-bottom[class*="animate-in"] {
11383
	-webkit-animation: valo-animate-in-slide-up 300ms 10ms backwards;
11384
	-moz-animation: valo-animate-in-slide-up 300ms 10ms backwards;
11385
	animation: valo-animate-in-slide-up 300ms 10ms backwards;
11386
}
11387

    
11388
.mytheme .v-Notification.bar.v-position-bottom[class*="animate-out"] {
11389
	-webkit-animation: valo-animate-out-slide-down 200ms;
11390
	-moz-animation: valo-animate-out-slide-down 200ms;
11391
	animation: valo-animate-out-slide-down 200ms;
11392
}
11393

    
11394
.mytheme .v-Notification.small {
11395
	padding: 11px 13px;
11396
}
11397

    
11398
.mytheme .v-Notification.small h1 {
11399
	font-size: 16px;
11400
}
11401

    
11402
.mytheme .v-Notification.small p {
11403
	font-size: 14px;
11404
}
11405

    
11406
.mytheme .v-Notification.closable {
11407
	padding-right: 59px;
11408
	overflow: hidden !important;
11409
	cursor: pointer;
11410
}
11411

    
11412
.mytheme .v-Notification.closable:after {
11413
	content: "\00d7";
11414
	font-size: 1.5em;
11415
	position: absolute;
11416
	top: 50%;
11417
	margin-top: -12px;
11418
	right: 12px;
11419
	width: 25px;
11420
	height: 25px;
11421
	line-height: 24px;
11422
	cursor: pointer;
11423
	color: #000;
11424
	opacity: 0.5;
11425
	filter: alpha(opacity=50) ;
11426
	text-align: center;
11427
	border: 1px solid #000;
11428
	border-color: rgba(0, 0, 0, 0.3);
11429
	border-radius: 50%;
11430
	-webkit-transition: opacity 200ms;
11431
	-moz-transition: opacity 200ms;
11432
	transition: opacity 200ms;
11433
}
11434

    
11435
.mytheme .v-Notification.closable:hover:after {
11436
	opacity: 1;
11437
	filter: none ;
11438
}
11439

    
11440
.mytheme .v-Notification.closable:active:after {
11441
	background-color: #000;
11442
	color: #fff;
11443
	opacity: 0.3;
11444
	filter: alpha(opacity=30.0) ;
11445
	-webkit-transition: none 200ms;
11446
	-moz-transition: none 200ms;
11447
	transition: none 200ms;
11448
}
11449

    
11450
.mytheme .v-Notification.closable.dark:after, .mytheme .v-Notification.closable.error:after, .mytheme .v-Notification.closable.system:after {
11451
	color: #fff;
11452
	border-color: #fff;
11453
	border-color: rgba(255, 255, 255, 0.3);
11454
}
11455

    
11456
.mytheme .v-Notification.closable.dark:active:after, .mytheme .v-Notification.closable.error:active:after, .mytheme .v-Notification.closable.system:active:after {
11457
	background-color: #fff;
11458
	color: #000;
11459
}
11460

    
11461
.mytheme .v-Notification.closable.tray:after {
11462
	top: 16px;
11463
	margin-top: 0;
11464
}
11465

    
11466
.mytheme .v-Notification.success, .mytheme .v-Notification.failure {
11467
	background: #fff;
11468
	color: #555;
11469
	border: 2px solid #2c9720;
11470
}
11471

    
11472
.mytheme .v-Notification.success h1, .mytheme .v-Notification.failure h1 {
11473
	color: #2c9720;
11474
	font-weight: 400;
11475
}
11476

    
11477
.mytheme .v-Notification.success h1:before, .mytheme .v-Notification.failure h1:before {
11478
	font-family: FontAwesome;
11479
	content: "\f00c";
11480
	margin-right: 0.5em;
11481
}
11482

    
11483
.mytheme .v-Notification.success.bar, .mytheme .v-Notification.failure.bar {
11484
	margin: -2px !important;
11485
}
11486

    
11487
.mytheme .v-Notification.failure {
11488
	border-color: #ed473b;
11489
}
11490

    
11491
.mytheme .v-Notification.failure h1 {
11492
	color: #ed473b;
11493
}
11494

    
11495
.mytheme .v-Notification.failure h1:before {
11496
	content: "\f05e";
11497
}
11498

    
11499
.mytheme .valo-menu {
11500
	height: 100%;
11501
	background-color: #4b4b4b;
11502
	background-image: -webkit-linear-gradient(right, #414141 0%, #4b4b4b 9px);
11503
	background-image: linear-gradient(to left,#414141 0%, #4b4b4b 9px);
11504
	color: #a5a5a5;
11505
	font-size: 14px;
11506
	line-height: 30px;
11507
	border-right: 1px solid #3b3b3b;
11508
	white-space: nowrap;
11509
}
11510

    
11511
.mytheme .valo-menu-toggle {
11512
	display: none;
11513
	position: fixed;
11514
	z-index: 200;
11515
	top: 3px;
11516
	left: 3px;
11517
	min-width: 0;
11518
}
11519

    
11520
.mytheme .valo-menu-part {
11521
	border-left: 1px solid #414141;
11522
	height: 100%;
11523
	padding-bottom: 37px;
11524
	overflow: auto;
11525
}
11526

    
11527
.mytheme .valo-menu-part:first-child {
11528
	border-left: none;
11529
}
11530

    
11531
.mytheme .valo-menu-title, .mytheme .valo-menu-subtitle, .mytheme .valo-menu-item {
11532
	display: block;
11533
	line-height: inherit;
11534
	white-space: nowrap;
11535
	position: relative;
11536
}
11537

    
11538
.mytheme .valo-menu-title .valo-menu-badge, .mytheme .valo-menu-subtitle .valo-menu-badge, .mytheme .valo-menu-item .valo-menu-badge {
11539
	position: absolute;
11540
	right: 19px;
11541
}
11542

    
11543
.mytheme .valo-menu-title {
11544
	line-height: 1.2;
11545
	background-color: #197de1;
11546
	background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
11547
	background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
11548
	color: white;
11549
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
11550
	padding: 12px 19px;
11551
	font-size: 14px;
11552
	border-bottom: 1px solid #1362b1;
11553
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
11554
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
11555
	text-align: center;
11556
}
11557

    
11558
.mytheme .valo-menu-title .v-menubar.v-menubar {
11559
	background: transparent;
11560
	border-color: #1362b1;
11561
	color: inherit;
11562
	-webkit-box-shadow: none;
11563
	box-shadow: none;
11564
	text-shadow: inherit;
11565
}
11566

    
11567
.mytheme .valo-menu-title .v-menubar-menuitem {
11568
	background: transparent;
11569
	-webkit-box-shadow: inset 0 1px 0 #4d98e6, inset 0 -1px 0 #166bca;
11570
	box-shadow: inset 0 1px 0 #4d98e6, inset 0 -1px 0 #166bca;
11571
	text-shadow: inherit;
11572
	font-size: 16px;
11573
	border-color: inherit;
11574
}
11575

    
11576
.mytheme .valo-menu-title h1, .mytheme .valo-menu-title .v-label-h1, .mytheme .valo-menu-title h2, .mytheme .valo-menu-title .v-label-h2, .mytheme .valo-menu-title h3, .mytheme .valo-menu-title .v-label-h3, .mytheme .valo-menu-title h4, .mytheme .valo-menu-title .v-label-h4 {
11577
	margin-top: 0;
11578
	margin-bottom: 0;
11579
	color: inherit;
11580
}
11581

    
11582
.mytheme .v-menubar-user-menu {
11583
	border: none;
11584
	border-radius: 0;
11585
	padding: 1px;
11586
	-webkit-box-shadow: none;
11587
	box-shadow: none;
11588
	text-shadow: none;
11589
	background: transparent;
11590
	color: inherit;
11591
	margin: 19px 7px;
11592
	display: block;
11593
	overflow: hidden;
11594
	text-align: center;
11595
	height: auto;
11596
	color: inherit;
11597
}
11598

    
11599
.mytheme .v-menubar-user-menu:focus:after {
11600
	display: none;
11601
}
11602

    
11603
.mytheme .v-menubar-user-menu .v-menubar-menuitem {
11604
	-webkit-box-shadow: none;
11605
	box-shadow: none;
11606
	border: none;
11607
	margin-right: 1px;
11608
	border-radius: 4px;
11609
	color: #197de1;
11610
	padding: 0 12px;
11611
	-webkit-transition: color 140ms;
11612
	-moz-transition: color 140ms;
11613
	transition: color 140ms;
11614
}
11615

    
11616
.mytheme .v-menubar-user-menu .v-menubar-menuitem:first-child, .mytheme .v-menubar-user-menu .v-menubar-menuitem:last-child, .mytheme .v-menubar-user-menu .v-menubar-menuitem:first-child:last-child {
11617
	border-radius: 4px;
11618
}
11619

    
11620
.mytheme .v-menubar-user-menu .v-menubar-menuitem:before {
11621
	content: none;
11622
}
11623

    
11624
.mytheme .v-menubar-user-menu .v-menubar-menuitem:hover {
11625
	color: #4396ea;
11626
}
11627

    
11628
.mytheme .v-menubar-user-menu .v-menubar-menuitem:active {
11629
	color: inherit;
11630
}
11631

    
11632
.mytheme .v-menubar-user-menu .v-menubar-menuitem-checked, .mytheme .v-menubar-user-menu .v-menubar-menuitem-checked:first-child {
11633
	border: 1px solid #c5c5c5;
11634
	color: #197de1;
11635
}
11636

    
11637
.mytheme .v-menubar-user-menu .v-menubar-menuitem-checked .v-menubar-menuitem-caption, .mytheme .v-menubar-user-menu .v-menubar-menuitem-checked:first-child .v-menubar-menuitem-caption {
11638
	position: relative;
11639
	top: -1px;
11640
}
11641

    
11642
.mytheme .v-menubar-user-menu .v-menubar-menuitem-selected {
11643
	color: #ecf2f8;
11644
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
11645
}
11646

    
11647
.mytheme .v-menubar-user-menu .v-menubar-menuitem-selected:hover {
11648
	color: #ecf2f8;
11649
}
11650

    
11651
.mytheme .v-menubar-user-menu .v-menubar-menuitem-disabled, .mytheme .v-menubar-user-menu .v-menubar-menuitem-disabled:hover {
11652
	color: inherit;
11653
}
11654

    
11655
.mytheme .v-menubar-user-menu  > .v-menubar-menuitem {
11656
	color: inherit;
11657
	white-space: normal;
11658
	line-height: 1.4;
11659
	margin: 0;
11660
}
11661

    
11662
.mytheme .v-menubar-user-menu  > .v-menubar-menuitem img.v-icon {
11663
	width: 56px;
11664
	height: 56px;
11665
	border-radius: 29px;
11666
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
11667
	display: block;
11668
	margin: 0 auto 0.3em;
11669
	border: 1px solid #c5c5c5;
11670
}
11671

    
11672
.mytheme .v-menubar-user-menu  > .v-menubar-menuitem:after {
11673
	top: 0;
11674
	right: 0;
11675
	bottom: 0;
11676
	left: 0;
11677
}
11678

    
11679
.mytheme .v-menubar-user-menu .v-menubar-menuitem-selected {
11680
	background: transparent;
11681
}
11682

    
11683
.mytheme .valo-menu-subtitle {
11684
	color: #868686;
11685
	margin: 7px 0 7px 19px;
11686
	border-bottom: 1px solid #666666;
11687
}
11688

    
11689
.mytheme .valo-menu-subtitle [class*="badge"] {
11690
	color: #73a5d7;
11691
}
11692

    
11693
.mytheme .valo-menuitems {
11694
	display: block;
11695
}
11696

    
11697
.mytheme .valo-menu-item {
11698
	outline: none;
11699
	font-weight: 400;
11700
	padding: 0 37px 0 19px;
11701
	cursor: pointer;
11702
	position: relative;
11703
	overflow: hidden;
11704
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
11705
	-webkit-transition: background-color 300ms, color 60ms;
11706
	-moz-transition: background-color 300ms, color 60ms;
11707
	transition: background-color 300ms, color 60ms;
11708
}
11709

    
11710
.mytheme .valo-menu-item [class*="caption"] {
11711
	vertical-align: middle;
11712
	display: inline-block;
11713
	width: 90%;
11714
	max-width: 15em;
11715
	padding-right: 19px;
11716
	text-overflow: ellipsis;
11717
	overflow: hidden;
11718
}
11719

    
11720
.mytheme .valo-menu-item [class*="badge"] {
11721
	color: #73a5d7;
11722
}
11723

    
11724
.mytheme .valo-menu-item.selected {
11725
	background: #434343;
11726
}
11727

    
11728
.mytheme .valo-menu-item.selected .v-icon {
11729
	color: #197de1;
11730
}
11731

    
11732
.mytheme .valo-menu-item.selected [class*="badge"] {
11733
	background-color: #197de1;
11734
	background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
11735
	background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
11736
	color: #c8dbed;
11737
}
11738

    
11739
.mytheme .valo-menu-item:focus, .mytheme .valo-menu-item:hover, .mytheme .valo-menu-item.selected {
11740
	color: white;
11741
}
11742

    
11743
.mytheme .valo-menu-item span.v-icon {
11744
	min-width: 1em;
11745
	margin-right: 19px;
11746
	text-align: center;
11747
	vertical-align: middle;
11748
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(black), to(rgba(0, 0, 0, 0.75)));
11749
}
11750

    
11751
.mytheme .valo-menu-item span.v-icon  + span {
11752
	margin-left: 0;
11753
}
11754

    
11755
.mytheme .valo-menu-item [class*="badge"] {
11756
	background-color: #585858;
11757
	-webkit-transition: background-color 300ms;
11758
	-moz-transition: background-color 300ms;
11759
	transition: background-color 300ms;
11760
	line-height: 1;
11761
	padding: 4px 6px;
11762
	min-width: 11px;
11763
	text-align: center;
11764
	top: 4px;
11765
	border-radius: 4px;
11766
}
11767

    
11768
.mytheme .valo-menu-part.large-icons {
11769
	background-color: #4b4b4b;
11770
	min-width: 74px;
11771
	max-width: 111px;
11772
}
11773

    
11774
.mytheme .valo-menu-part.large-icons .valo-menu-title {
11775
	font-size: 12px;
11776
}
11777

    
11778
.mytheme .valo-menu-part.large-icons .valo-menu-title .v-label-undef-w {
11779
	white-space: normal;
11780
}
11781

    
11782
.mytheme .valo-menu-part.large-icons .v-menubar-user-menu {
11783
	margin-left: 0;
11784
	margin-right: 0;
11785
	font-size: 11px;
11786
}
11787

    
11788
.mytheme .valo-menu-part.large-icons .v-menubar-user-menu img.v-icon {
11789
	width: 28px;
11790
	height: 28px;
11791
}
11792

    
11793
.mytheme .valo-menu-part.large-icons [class*="subtitle"] {
11794
	margin: 9px 0 0;
11795
	padding: 7px 25px 7px 9px;
11796
	line-height: 1;
11797
	border: none;
11798
	text-overflow: ellipsis;
11799
	overflow: hidden;
11800
	background: #3c3c3c;
11801
	font-size: 13px;
11802
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
11803
}
11804

    
11805
.mytheme .valo-menu-part.large-icons [class*="subtitle"] [class*="badge"] {
11806
	right: 9px;
11807
}
11808

    
11809
.mytheme .valo-menu-part.large-icons [class*="subtitle"]  + .valo-menu-item {
11810
	border-top: none;
11811
}
11812

    
11813
.mytheme .valo-menu-part.large-icons .valo-menu-item {
11814
	display: block;
11815
	font-size: 26px;
11816
	line-height: 1;
11817
	padding: 12px;
11818
	text-align: center;
11819
	border-top: 1px solid #555555;
11820
}
11821

    
11822
.mytheme .valo-menu-part.large-icons .valo-menu-item:first-child {
11823
	border-top: none;
11824
}
11825

    
11826
.mytheme .valo-menu-part.large-icons .valo-menu-item [class*="caption"] {
11827
	display: block;
11828
	width: auto;
11829
	margin: 0.3em 0 0;
11830
	padding: 0;
11831
	font-size: 11px;
11832
	line-height: 1.3;
11833
}
11834

    
11835
.mytheme .valo-menu-part.large-icons .valo-menu-item .v-icon {
11836
	margin: 0;
11837
}
11838

    
11839
.mytheme .valo-menu-part.large-icons .valo-menu-item span.v-icon {
11840
	opacity: 0.8;
11841
}
11842

    
11843
.mytheme .valo-menu-part.large-icons .valo-menu-item.selected {
11844
	background: #434343;
11845
}
11846

    
11847
.mytheme .valo-menu-part.large-icons .valo-menu-item.selected .v-icon {
11848
	opacity: 1;
11849
}
11850

    
11851
.mytheme .valo-menu-part.large-icons .valo-menu-item.selected [class*="badge"] {
11852
	border-color: #434343;
11853
}
11854

    
11855
.mytheme .valo-menu-part.large-icons .valo-menu-item [class*="badge"] {
11856
	padding-left: 4px;
11857
	padding-right: 4px;
11858
	top: 7px;
11859
	right: 7px;
11860
	border: 2px solid #4b4b4b;
11861
}
11862

    
11863
.mytheme .valo-menu-logo {
11864
	display: block;
11865
	overflow: hidden;
11866
	width: 44px !important;
11867
	height: 44px;
11868
	border-radius: 4px;
11869
	text-align: center;
11870
	background-color: #197de1;
11871
	background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
11872
	background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
11873
	color: white;
11874
	font-size: 25px;
11875
	line-height: 44px;
11876
	margin: 19px auto;
11877
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
11878
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
11879
}
11880

    
11881
.mytheme .valo-menu-logo:focus {
11882
	outline: none;
11883
}
11884

    
11885
.mytheme .v-ui[width-range~="801px-1100px"] .valo-menu-part {
11886
	background-color: #4b4b4b;
11887
	min-width: 74px;
11888
	max-width: 111px;
11889
}
11890

    
11891
.mytheme .v-ui[width-range~="801px-1100px"] .valo-menu-part .valo-menu-title {
11892
	font-size: 12px;
11893
}
11894

    
11895
.mytheme .v-ui[width-range~="801px-1100px"] .valo-menu-part .valo-menu-title .v-label-undef-w {
11896
	white-space: normal;
11897
}
11898

    
11899
.mytheme .v-ui[width-range~="801px-1100px"] .valo-menu-part .v-menubar-user-menu {
11900
	margin-left: 0;
11901
	margin-right: 0;
11902
	font-size: 11px;
11903
}
11904

    
11905
.mytheme .v-ui[width-range~="801px-1100px"] .valo-menu-part .v-menubar-user-menu img.v-icon {
11906
	width: 28px;
11907
	height: 28px;
11908
}
11909

    
11910
.mytheme .v-ui[width-range~="801px-1100px"] .valo-menu-part [class*="subtitle"] {
11911
	margin: 9px 0 0;
11912
	padding: 7px 25px 7px 9px;
11913
	line-height: 1;
11914
	border: none;
11915
	text-overflow: ellipsis;
11916
	overflow: hidden;
11917
	background: #3c3c3c;
11918
	font-size: 13px;
11919
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
11920
}
11921

    
11922
.mytheme .v-ui[width-range~="801px-1100px"] .valo-menu-part [class*="subtitle"] [class*="badge"] {
11923
	right: 9px;
11924
}
11925

    
11926
.mytheme .v-ui[width-range~="801px-1100px"] .valo-menu-part [class*="subtitle"]  + .valo-menu-item {
11927
	border-top: none;
11928
}
11929

    
11930
.mytheme .v-ui[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item {
11931
	display: block;
11932
	font-size: 26px;
11933
	line-height: 1;
11934
	padding: 12px;
11935
	text-align: center;
11936
	border-top: 1px solid #555555;
11937
}
11938

    
11939
.mytheme .v-ui[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item:first-child {
11940
	border-top: none;
11941
}
11942

    
11943
.mytheme .v-ui[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item [class*="caption"] {
11944
	display: block;
11945
	width: auto;
11946
	margin: 0.3em 0 0;
11947
	padding: 0;
11948
	font-size: 11px;
11949
	line-height: 1.3;
11950
}
11951

    
11952
.mytheme .v-ui[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item .v-icon {
11953
	margin: 0;
11954
}
11955

    
11956
.mytheme .v-ui[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item span.v-icon {
11957
	opacity: 0.8;
11958
}
11959

    
11960
.mytheme .v-ui[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item.selected {
11961
	background: #434343;
11962
}
11963

    
11964
.mytheme .v-ui[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item.selected .v-icon {
11965
	opacity: 1;
11966
}
11967

    
11968
.mytheme .v-ui[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item.selected [class*="badge"] {
11969
	border-color: #434343;
11970
}
11971

    
11972
.mytheme .v-ui[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item [class*="badge"] {
11973
	padding-left: 4px;
11974
	padding-right: 4px;
11975
	top: 7px;
11976
	right: 7px;
11977
	border: 2px solid #4b4b4b;
11978
}
11979

    
11980
.mytheme .v-ui[width-range~="0-800px"] {
11981
	padding-top: 37px;
11982
	-webkit-box-sizing: border-box;
11983
	box-sizing: border-box;
11984
}
11985

    
11986
.mytheme .v-ui[width-range~="0-800px"] .v-loading-indicator {
11987
	top: 37px;
11988
}
11989

    
11990
.mytheme .v-ui[width-range~="0-800px"]  > .v-widget {
11991
	position: relative !important;
11992
}
11993

    
11994
.mytheme .v-ui[width-range~="0-800px"] .valo-menu {
11995
	border-right: none;
11996
}
11997

    
11998
.mytheme .v-ui[width-range~="0-800px"] .valo-menu-part {
11999
	overflow: visible;
12000
}
12001

    
12002
.mytheme .v-ui[width-range~="0-800px"] .valo-menu-toggle {
12003
	display: inline-block;
12004
}
12005

    
12006
.mytheme .v-ui[width-range~="0-800px"] .valo-menu-title {
12007
	position: fixed;
12008
	z-index: 100;
12009
	top: 0;
12010
	left: 0;
12011
	right: 0;
12012
	height: 37px !important;
12013
	padding-top: 0;
12014
	padding-bottom: 0;
12015
	-webkit-backface-visibility: hidden;
12016
}
12017

    
12018
.mytheme .v-ui[width-range~="0-800px"] .valo-menu .v-menubar-user-menu {
12019
	position: fixed;
12020
	z-index: 100;
12021
	top: 0;
12022
	right: 0;
12023
	margin: 0;
12024
	padding: 0;
12025
	height: 37px;
12026
	color: #97bee5;
12027
	max-width: 30%;
12028
	-webkit-backface-visibility: hidden;
12029
}
12030

    
12031
.mytheme .v-ui[width-range~="0-800px"] .valo-menu .v-menubar-user-menu .v-menubar-menuitem {
12032
	line-height: 36px;
12033
	white-space: nowrap;
12034
}
12035

    
12036
.mytheme .v-ui[width-range~="0-800px"] .valo-menu .v-menubar-user-menu img.v-icon {
12037
	display: inline-block;
12038
	margin: 0 6px 0 0;
12039
	width: 19px;
12040
	height: 19px;
12041
	border-radius: 10px;
12042
	border: none;
12043
}
12044

    
12045
.mytheme .v-ui[width-range~="0-800px"] .valo-menuitems {
12046
	height: 100%;
12047
	background-color: #4b4b4b;
12048
	background-image: -webkit-linear-gradient(right, #414141 0%, #4b4b4b 9px);
12049
	background-image: linear-gradient(to left,#414141 0%, #4b4b4b 9px);
12050
	color: #a5a5a5;
12051
	font-size: 14px;
12052
	line-height: 30px;
12053
	border-right: 1px solid #3b3b3b;
12054
	white-space: nowrap;
12055
	position: fixed;
12056
	z-index: 200;
12057
	top: 37px;
12058
	bottom: 0;
12059
	height: auto;
12060
	max-width: 100%;
12061
	overflow: auto;
12062
	padding: 19px 0;
12063
	-webkit-transform: translatex(-100%);
12064
	-moz-transform: translatex(-100%);
12065
	-ms-transform: translatex(-100%);
12066
	-o-transform: translatex(-100%);
12067
	transform: translatex(-100%);
12068
	-webkit-transition: all 300ms;
12069
	-moz-transition: all 300ms;
12070
	transition: all 300ms;
12071
}
12072

    
12073
.mytheme .v-ui[width-range~="0-800px"] .valo-menu-visible .valo-menuitems {
12074
	-webkit-transform: translatex(0%);
12075
	-moz-transform: translatex(0%);
12076
	-ms-transform: translatex(0%);
12077
	-o-transform: translatex(0%);
12078
	transform: translatex(0%);
12079
}
12080

    
12081
.mytheme .v-ui[width-range~="0-500px"] .valo-menu-toggle .v-button-caption {
12082
	display: none;
12083
}
12084

    
12085
.mytheme .v-ui[width-range~="0-500px"] .valo-menu .v-menubar-user-menu .v-menubar-menuitem-caption {
12086
	display: inline-block;
12087
	width: 19px;
12088
	overflow: hidden;
12089
}
(4-4/5)