src/main/webapp/VAADIN/themes/mytheme/styles.css

   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 }