Vaadin8/workspace_01/single_module_application/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                 -moz-transform: translateY(-100%);
  74                 -ms-transform: translateY(-100%);
  75                 -o-transform: translateY(-100%);
  76                 transform: translateY(-100%);
  77         }
  78         }
  79
  80 @-webkit-keyframes valo-animate-in-slide-up {
  81                 0% {
  82                 -webkit-transform: translateY(100%);
  83         }
  84         }
  85
  86 @-moz-keyframes valo-animate-in-slide-up {
  87                 0% {
  88                 -moz-transform: translateY(100%);
  89         }
  90         }
  91
  92 @keyframes valo-animate-in-slide-up {
  93                 0% {
  94                 -webkit-transform: translateY(100%);
  95                 -moz-transform: translateY(100%);
  96                 -ms-transform: translateY(100%);
  97                 -o-transform: translateY(100%);
  98                 transform: translateY(100%);
  99         }
 100         }
 101
 102 @-webkit-keyframes valo-animate-in-slide-left {
 103                 0% {
 104                 -webkit-transform: translateX(100%);
 105         }
 106         }
 107
 108 @-moz-keyframes valo-animate-in-slide-left {
 109                 0% {
 110                 -moz-transform: translateX(100%);
 111         }
 112         }
 113
 114 @keyframes valo-animate-in-slide-left {
 115                 0% {
 116                 -webkit-transform: translateX(100%);
 117                 -moz-transform: translateX(100%);
 118                 -ms-transform: translateX(100%);
 119                 -o-transform: translateX(100%);
 120                 transform: translateX(100%);
 121         }
 122         }
 123
 124 @-webkit-keyframes valo-animate-in-slide-right {
 125                 0% {
 126                 -webkit-transform: translateX(-100%);
 127         }
 128         }
 129
 130 @-moz-keyframes valo-animate-in-slide-right {
 131                 0% {
 132                 -moz-transform: translateX(-100%);
 133         }
 134         }
 135
 136 @keyframes valo-animate-in-slide-right {
 137                 0% {
 138                 -webkit-transform: translateX(-100%);
 139                 -moz-transform: translateX(-100%);
 140                 -ms-transform: translateX(-100%);
 141                 -o-transform: translateX(-100%);
 142                 transform: translateX(-100%);
 143         }
 144         }
 145
 146 @-webkit-keyframes valo-animate-out-slide-down {
 147                 100% {
 148                 -webkit-transform: translateY(100%);
 149         }
 150         }
 151
 152 @-moz-keyframes valo-animate-out-slide-down {
 153                 100% {
 154                 -moz-transform: translateY(100%);
 155         }
 156         }
 157
 158 @keyframes valo-animate-out-slide-down {
 159                 100% {
 160                 -webkit-transform: translateY(100%);
 161                 -moz-transform: translateY(100%);
 162                 -ms-transform: translateY(100%);
 163                 -o-transform: translateY(100%);
 164                 transform: translateY(100%);
 165         }
 166         }
 167
 168 @-webkit-keyframes valo-animate-out-slide-up {
 169                 100% {
 170                 -webkit-transform: translateY(-100%);
 171         }
 172         }
 173
 174 @-moz-keyframes valo-animate-out-slide-up {
 175                 100% {
 176                 -moz-transform: translateY(-100%);
 177         }
 178         }
 179
 180 @keyframes valo-animate-out-slide-up {
 181                 100% {
 182                 -webkit-transform: translateY(-100%);
 183                 -moz-transform: translateY(-100%);
 184                 -ms-transform: translateY(-100%);
 185                 -o-transform: translateY(-100%);
 186                 transform: translateY(-100%);
 187         }
 188         }
 189
 190 @-webkit-keyframes valo-animate-out-slide-left {
 191                 100% {
 192                 -webkit-transform: translateX(-100%);
 193         }
 194         }
 195
 196 @-moz-keyframes valo-animate-out-slide-left {
 197                 100% {
 198                 -moz-transform: translateX(-100%);
 199         }
 200         }
 201
 202 @keyframes valo-animate-out-slide-left {
 203                 100% {
 204                 -webkit-transform: translateX(-100%);
 205                 -moz-transform: translateX(-100%);
 206                 -ms-transform: translateX(-100%);
 207                 -o-transform: translateX(-100%);
 208                 transform: translateX(-100%);
 209         }
 210         }
 211
 212 @-webkit-keyframes valo-animate-out-slide-right {
 213                 100% {
 214                 -webkit-transform: translateX(100%);
 215         }
 216         }
 217
 218 @-moz-keyframes valo-animate-out-slide-right {
 219                 100% {
 220                 -moz-transform: translateX(100%);
 221         }
 222         }
 223
 224 @keyframes valo-animate-out-slide-right {
 225                 100% {
 226                 -webkit-transform: translateX(100%);
 227                 -moz-transform: translateX(100%);
 228                 -ms-transform: translateX(100%);
 229                 -o-transform: translateX(100%);
 230                 transform: translateX(100%);
 231         }
 232         }
 233
 234 @-webkit-keyframes valo-overlay-animate-in {
 235                 0% {
 236                 -webkit-transform: translatey(-4px);
 237                 opacity: 0;
 238         }
 239         }
 240
 241 @-moz-keyframes valo-overlay-animate-in {
 242                 0% {
 243                 -moz-transform: translatey(-4px);
 244                 opacity: 0;
 245         }
 246         }
 247
 248 @keyframes valo-overlay-animate-in {
 249                 0% {
 250                 -webkit-transform: translatey(-4px);
 251                 -moz-transform: translatey(-4px);
 252                 -ms-transform: translatey(-4px);
 253                 -o-transform: translatey(-4px);
 254                 transform: translatey(-4px);
 255                 opacity: 0;
 256         }
 257         }
 258
 259 @-webkit-keyframes valo-animate-out-slide-down-fade {
 260                 100% {
 261                 opacity: 0;
 262                 -webkit-transform: translatey(30%);
 263         }
 264         }
 265
 266 @-moz-keyframes valo-animate-out-slide-down-fade {
 267                 100% {
 268                 opacity: 0;
 269                 -moz-transform: translatey(30%);
 270         }
 271         }
 272
 273 @keyframes valo-animate-out-slide-down-fade {
 274                 100% {
 275                 opacity: 0;
 276                 -webkit-transform: translatey(30%);
 277                 -moz-transform: translatey(30%);
 278                 -ms-transform: translatey(30%);
 279                 -o-transform: translatey(30%);
 280                 transform: translatey(30%);
 281         }
 282         }
 283
 284 /**
 285  * Outputs cross-browser Valo-specific linear gradient background-image declarations.
 286  *
 287  * @group style
 288  *
 289  * @param {color} $color ($v-background-color) - The base color for the gradient color stops
 290  * @param {list} $gradient ($v-gradient) - Valo-specific gradient value. See the documentation for $v-gradient.
 291  * @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.
 292  * @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.
 293  */
 294
 295 /**
 296  * Computes a CSS border property value for the given base color.
 297  *
 298  * @group style
 299  *
 300  * @param {list} $border ($v-border) - CSS border value which can contain any of the color keywords
 301  * @param {color} $color ($v-background-color) - the base color to which the color keywords are applied to
 302  * @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.
 303  * @param {number} $strength (1) - adjustment for the border contrast
 304  *
 305  * @return {list} The input $border value with any color keyword replaced with the corresponding actual color
 306  */
 307
 308 /**
 309  * Ouput selectors and properties to vertically center elements inside their parent.
 310  *
 311  * @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.
 312  * @param {string} $align (middle) - The vertical-align value, e.g. top, middle, bottom
 313  * @param {string} $pseudo-element (after) - Which pseudo element to use for the vertical align guide
 314  *
 315  * @group util
 316  */
 317
 318 @font-face {
 319         font-family: "Vaadin-Icons";
 320         src: url(../valo/fonts/vaadin-icons/Vaadin-Icons.eot);
 321         src: url(../valo/fonts/vaadin-icons/Vaadin-Icons.eot?#iefix) format("embedded-opentype"), url(../valo/fonts/vaadin-icons/Vaadin-Icons.woff) format("woff"), url(../valo/fonts/vaadin-icons/Vaadin-Icons.ttf) format("truetype"), url(../valo/fonts/vaadin-icons/Vaadin-Icons.svg#icomoon) format("svg");
 322 }
 323
 324 .Vaadin-Icons {
 325         font-family: "Vaadin-Icons";
 326 }
 327
 328 @font-face {
 329         font-family: ThemeIcons;
 330         font-weight: normal;
 331         font-style: normal;
 332         src: url(../valo/util/bourbon/css3/../../../../valo/fonts/themeicons-webfont/themeicons-webfont.eot);
 333         src: url(../valo/util/bourbon/css3/../../../../valo/fonts/themeicons-webfont/themeicons-webfont.eot?#iefix) format("embedded-opentype"), url(../valo/util/bourbon/css3/../../../../valo/fonts/themeicons-webfont/themeicons-webfont.woff) format("woff"), url(../valo/util/bourbon/css3/../../../../valo/fonts/themeicons-webfont/themeicons-webfont.ttf) format("truetype"), url(../valo/util/bourbon/css3/../../../../valo/fonts/themeicons-webfont/themeicons-webfont.svg#ThemeIcons) format("svg");
 334 }
 335
 336 .ThemeIcons {
 337         font-family: ThemeIcons;
 338         font-style: normal;
 339         font-weight: normal;
 340         -webkit-font-smoothing: antialiased;
 341         -moz-osx-font-smoothing: grayscale;
 342         display: inline-block;
 343         text-align: center;
 344 }
 345
 346 @font-face {
 347         font-family: FontAwesome;
 348         font-weight: normal;
 349         font-style: normal;
 350         src: url(../valo/util/bourbon/css3/../../../../valo/fonts/fontawesome-webfont/fontawesome-webfont.eot);
 351         src: url(../valo/util/bourbon/css3/../../../../valo/fonts/fontawesome-webfont/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(../valo/util/bourbon/css3/../../../../valo/fonts/fontawesome-webfont/fontawesome-webfont.woff) format("woff"), url(../valo/util/bourbon/css3/../../../../valo/fonts/fontawesome-webfont/fontawesome-webfont.ttf) format("truetype"), url(../valo/util/bourbon/css3/../../../../valo/fonts/fontawesome-webfont/fontawesome-webfont.svg#FontAwesome) format("svg");
 352 }
 353
 354 .FontAwesome {
 355         font-family: FontAwesome;
 356         font-style: normal;
 357         font-weight: normal;
 358         -webkit-font-smoothing: antialiased;
 359         -moz-osx-font-smoothing: grayscale;
 360         display: inline-block;
 361         text-align: center;
 362 }
 363
 364 @font-face {
 365         font-family: "Open Sans";
 366         src: url(../valo/fonts/open-sans/OpenSans-Light-webfont.eot);
 367         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");
 368         font-weight: 300;
 369         font-style: normal;
 370 }
 371
 372 @font-face {
 373         font-family: "Open Sans";
 374         src: url(../valo/fonts/open-sans/OpenSans-Regular-webfont.eot);
 375         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");
 376         font-weight: 400;
 377         font-style: normal;
 378 }
 379
 380 @font-face {
 381         font-family: "Open Sans";
 382         src: url(../valo/fonts/open-sans/OpenSans-Semibold-webfont.eot);
 383         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");
 384         font-weight: 600;
 385         font-style: normal;
 386 }
 387
 388 @-webkit-keyframes v-rotate-360 {
 389                 to {
 390                 -webkit-transform: rotate(360deg);
 391         }
 392         }
 393
 394 @-moz-keyframes v-rotate-360 {
 395                 to {
 396                 -moz-transform: rotate(360deg);
 397         }
 398         }
 399
 400 @-o-keyframes v-rotate-360 {
 401                 to {
 402                 -o-transform: rotate(360deg);
 403         }
 404         }
 405
 406 @keyframes v-rotate-360 {
 407                 to {
 408                 transform: rotate(360deg);
 409         }
 410         }
 411
 412 @-webkit-keyframes v-progress-start {
 413                 0% {
 414                 width: 0%;
 415         }
 416                 100% {
 417                 width: 50%;
 418         }
 419         }
 420
 421 @-moz-keyframes v-progress-start {
 422                 0% {
 423                 width: 0%;
 424         }
 425                 100% {
 426                 width: 50%;
 427         }
 428         }
 429
 430 @keyframes v-progress-start {
 431                 0% {
 432                 width: 0%;
 433         }
 434                 100% {
 435                 width: 50%;
 436         }
 437         }
 438
 439 @-webkit-keyframes v-progress-delay {
 440                 0% {
 441                 width: 50%;
 442         }
 443                 100% {
 444                 width: 90%;
 445         }
 446         }
 447
 448 @-moz-keyframes v-progress-delay {
 449                 0% {
 450                 width: 50%;
 451         }
 452                 100% {
 453                 width: 90%;
 454         }
 455         }
 456
 457 @keyframes v-progress-delay {
 458                 0% {
 459                 width: 50%;
 460         }
 461                 100% {
 462                 width: 90%;
 463         }
 464         }
 465
 466 @-webkit-keyframes v-progress-wait {
 467                 0% {
 468                 width: 90%;
 469                 height: 4px;
 470         }
 471                 3% {
 472                 width: 91%;
 473                 height: 7px;
 474         }
 475                 100% {
 476                 width: 96%;
 477                 height: 7px;
 478         }
 479         }
 480
 481 @-moz-keyframes v-progress-wait {
 482                 0% {
 483                 width: 90%;
 484                 height: 4px;
 485         }
 486                 3% {
 487                 width: 91%;
 488                 height: 7px;
 489         }
 490                 100% {
 491                 width: 96%;
 492                 height: 7px;
 493         }
 494         }
 495
 496 @keyframes v-progress-wait {
 497                 0% {
 498                 width: 90%;
 499                 height: 4px;
 500         }
 501                 3% {
 502                 width: 91%;
 503                 height: 7px;
 504         }
 505                 100% {
 506                 width: 96%;
 507                 height: 7px;
 508         }
 509         }
 510
 511 @-webkit-keyframes v-progress-wait-pulse {
 512                 0% {
 513                 opacity: 1;
 514         }
 515                 50% {
 516                 opacity: 0.1;
 517         }
 518                 100% {
 519                 opacity: 1;
 520         }
 521         }
 522
 523 @-moz-keyframes v-progress-wait-pulse {
 524                 0% {
 525                 opacity: 1;
 526         }
 527                 50% {
 528                 opacity: 0.1;
 529         }
 530                 100% {
 531                 opacity: 1;
 532         }
 533         }
 534
 535 @keyframes v-progress-wait-pulse {
 536                 0% {
 537                 opacity: 1;
 538         }
 539                 50% {
 540                 opacity: 0.1;
 541         }
 542                 100% {
 543                 opacity: 1;
 544         }
 545         }
 546
 547 /**
 548  * Outputs the context menu selectors and styles, which is used by Table and Tree for instance.
 549  *
 550  * @requires {mixin} valo-selection-item-style
 551  * @requires {mixin} valo-selection-item-selected-style
 552  */
 553
 554 /**
 555  * The background color for overlay elements.
 556  *
 557  * @type color
 558  * @group overlay
 559  */
 560
 561 /**
 562  * The backgound color for tooltips.
 563  *
 564  * @type color
 565  * @group tooltip
 566  */
 567
 568 /**
 569  *
 570  *
 571  * @param {string} $primary-stylename (v-absolutelayout) -
 572  *
 573  * @group absolutelayout
 574  */
 575
 576 /**
 577  * Outputs the selectors and properties for the Accordion component.
 578  *
 579  * @param {string} $primary-stylename (v-accordion) - the primary style name for the selectors
 580  * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
 581  * @group accordion
 582  */
 583
 584 /**
 585  * Outputs the selectors and properties for the Button component.
 586  *
 587  * @param {string} $primary-stylename (v-button) - the primary style name for the selectors
 588  * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
 589  *
 590  * @group button
 591  */
 592
 593 /**
 594  * A list of colors for custom event colors. Can be an empty list of you don't
 595  * need any custom event colors.
 596  *
 597  * @example javascript
 598  * // Java code
 599  * // 'event' is an instance of EditableCalendarEvent
 600  * event.setStyleName("color1"); // 1st color in the list
 601  * event.setStyleName("color2"); // 2nd color in the list
 602  * // etc.
 603  *
 604  * @group calendar
 605  */
 606
 607 /**
 608  * Outputs the selectors and properties for the CheckBox component.
 609  *
 610  * @param {string} $primary-stylename (v-checkbox) - the primary style name for the selectors
 611  * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
 612  *
 613  * @group checkbox
 614  */
 615
 616 /**
 617  * Outputs the global selectors and properties for the ColorPicker component - styles which are
 618  * considered mandatory for the component to work properly.
 619  *
 620  * @param {string} $primary-stylename (v-colorpicker) - the primary style name for the selectors
 621  *
 622  * @group colorpicker
 623  */
 624
 625 /**
 626  * Outputs the selectors and properties for the ComboBox component.
 627  *
 628  * @param {string} $primary-stylename (v-filterselect) - the primary style name for the selectors
 629  * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
 630  *
 631  * @group combobox
 632  */
 633
 634 /**
 635  * The amount of spacing between different widgets in a component group.
 636  * If null, a computed value is used ($v-border size * -1, or 1px if $v-border size is 0)
 637  *
 638  * @group csslayout
 639  */
 640
 641 /**
 642  *
 643  *
 644  * @param {string} $primary-stylename (v-customcomponent) -
 645  *
 646  * @group customcomponent
 647  */
 648
 649 /**
 650  *
 651  *
 652  * @param {string} $primary-stylename (v-customlayout) -
 653  *
 654  * @group customlayout
 655  */
 656
 657 /**
 658  * Outputs the selectors and properties for the DateField component.
 659  *
 660  * @param {string} $primary-stylename (v-datefield) - the primary style name for the selectors
 661  * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
 662  *
 663  * @group datefield
 664  */
 665
 666 /**
 667  * Outputs the styles and selectors for the DragAndDropWrapper component.
 668  *
 669  * @param {string} $primary-stylename (v-ddwrapper) - the primary style name for the selectors
 670  *
 671  * @group drag-n-drop
 672  */
 673
 674 /**
 675  *
 676  *
 677  * @param {string} $primary-stylename (v-form) -
 678  *
 679  * @group form
 680  */
 681
 682 /**
 683  * Outputs the selectors and properties for the FormLayout component.
 684  *
 685  * @param {string} $primary-stylename (v-formlayout) - the primary style name for the selectors
 686  * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
 687  *
 688  * @group formlayout
 689  */
 690
 691 /**
 692  *
 693  * @group table
 694  */
 695
 696 @-webkit-keyframes valo-grid-editor-footer-animate-in {
 697                 0% {
 698                 margin-top: -37px;
 699         }
 700         }
 701
 702 @-moz-keyframes valo-grid-editor-footer-animate-in {
 703                 0% {
 704                 margin-top: -37px;
 705         }
 706         }
 707
 708 @keyframes valo-grid-editor-footer-animate-in {
 709                 0% {
 710                 margin-top: -37px;
 711         }
 712         }
 713
 714 @-webkit-keyframes valo-grid-editor-footer-animate-in-alt {
 715                 0% {
 716                 margin-bottom: -38px;
 717         }
 718                 100% {
 719                 margin-bottom: -1px;
 720         }
 721         }
 722
 723 @-moz-keyframes valo-grid-editor-footer-animate-in-alt {
 724                 0% {
 725                 margin-bottom: -38px;
 726         }
 727                 100% {
 728                 margin-bottom: -1px;
 729         }
 730         }
 731
 732 @keyframes valo-grid-editor-footer-animate-in-alt {
 733                 0% {
 734                 margin-bottom: -38px;
 735         }
 736                 100% {
 737                 margin-bottom: -1px;
 738         }
 739         }
 740
 741 /**
 742  *
 743  *
 744  * @param {string} $primary-stylename (v-gridlayout) -
 745  *
 746  * @group gridlayout
 747  */
 748
 749 /**
 750  * The font weight for headers.
 751  *
 752  * @group label
 753  */
 754
 755 /**
 756  *
 757  * @group link
 758  */
 759
 760 /**
 761  *
 762  *
 763  * @param {string} $primary-stylename (v-loginform) -
 764  *
 765  * @group loginform
 766  */
 767
 768 /**
 769  *
 770  *
 771  * @param {string} $primary-stylename (v-menubar) -
 772  * @param {bool} $include-additional-styles -
 773  *
 774  * @group menubar
 775  */
 776
 777 /**
 778  *
 779  *
 780  * @param {string} $primary-stylename (v-nativebutton) -
 781  *
 782  * @group nativebutton
 783  */
 784
 785 /**
 786  *
 787  *
 788  * @param {string} $primary-stylename (v-select) -
 789  *
 790  * @group nativeselect
 791  */
 792
 793 /**
 794  *
 795  * @group notification
 796  */
 797
 798 /**
 799  *
 800  *
 801  * @param {string} $primary-stylename (v-select-optiongroup) -
 802  * @param {bool} $include-additional-styles -
 803  *
 804  * @group optiongroup
 805  */
 806
 807 /**
 808  *
 809  *
 810  *
 811  * @group orderedlayout
 812  */
 813
 814 /**
 815  *
 816  * @group panel
 817  */
 818
 819 @-webkit-keyframes v-popupview-animate-in {
 820                 0% {
 821                 -webkit-transform: scale(0);
 822         }
 823         }
 824
 825 @-moz-keyframes v-popupview-animate-in {
 826                 0% {
 827                 -moz-transform: scale(0);
 828         }
 829         }
 830
 831 @keyframes v-popupview-animate-in {
 832                 0% {
 833                 -webkit-transform: scale(0);
 834                 -moz-transform: scale(0);
 835                 -ms-transform: scale(0);
 836                 -o-transform: scale(0);
 837                 transform: scale(0);
 838         }
 839         }
 840
 841 /**
 842  *
 843  * @group progressbar
 844  */
 845
 846 /**
 847  *
 848  * @group richtextarea
 849  */
 850
 851 /**
 852  *
 853  * @group slider
 854  */
 855
 856 /**
 857  *
 858  *
 859  * @param {string} $primary-stylename (v-splitpanel) -
 860  * @param {bool} $include-additional-styles -
 861  *
 862  * @group splitpanel
 863  */
 864
 865 /**
 866  *
 867  * @group table
 868  */
 869
 870 /**
 871  * Should the tabsheet content changes be animated.
 872  *
 873  * @group tabsheet
 874  */
 875
 876 /**
 877  * The background color for text fields.
 878  * @group textfield
 879  */
 880
 881 /**
 882  * Outputs the selectors and properties for the TextArea component.
 883  *
 884  * @param {string} $primary-stylename (v-textarea) - the primary style name for the selectors
 885  * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
 886  *
 887  * @group textarea
 888  */
 889
 890 /**
 891  *
 892  * @group tree
 893  */
 894
 895 /**
 896  *
 897  * @group table
 898  */
 899
 900 @-webkit-keyframes valo-grid-editor-footer-animate-in {
 901                 0% {
 902                 margin-top: -37px;
 903         }
 904         }
 905
 906 @-moz-keyframes valo-grid-editor-footer-animate-in {
 907                 0% {
 908                 margin-top: -37px;
 909         }
 910         }
 911
 912 @keyframes valo-grid-editor-footer-animate-in {
 913                 0% {
 914                 margin-top: -37px;
 915         }
 916         }
 917
 918 @-webkit-keyframes valo-grid-editor-footer-animate-in-alt {
 919                 0% {
 920                 margin-bottom: -38px;
 921         }
 922                 100% {
 923                 margin-bottom: -1px;
 924         }
 925         }
 926
 927 @-moz-keyframes valo-grid-editor-footer-animate-in-alt {
 928                 0% {
 929                 margin-bottom: -38px;
 930         }
 931                 100% {
 932                 margin-bottom: -1px;
 933         }
 934         }
 935
 936 @keyframes valo-grid-editor-footer-animate-in-alt {
 937                 0% {
 938                 margin-bottom: -38px;
 939         }
 940                 100% {
 941                 margin-bottom: -1px;
 942         }
 943         }
 944
 945 /**
 946  *
 947  * @group table
 948  */
 949
 950 @-webkit-keyframes valo-grid-editor-footer-animate-in {
 951                 0% {
 952                 margin-top: -37px;
 953         }
 954         }
 955
 956 @-moz-keyframes valo-grid-editor-footer-animate-in {
 957                 0% {
 958                 margin-top: -37px;
 959         }
 960         }
 961
 962 @keyframes valo-grid-editor-footer-animate-in {
 963                 0% {
 964                 margin-top: -37px;
 965         }
 966         }
 967
 968 @-webkit-keyframes valo-grid-editor-footer-animate-in-alt {
 969                 0% {
 970                 margin-bottom: -38px;
 971         }
 972                 100% {
 973                 margin-bottom: -1px;
 974         }
 975         }
 976
 977 @-moz-keyframes valo-grid-editor-footer-animate-in-alt {
 978                 0% {
 979                 margin-bottom: -38px;
 980         }
 981                 100% {
 982                 margin-bottom: -1px;
 983         }
 984         }
 985
 986 @keyframes valo-grid-editor-footer-animate-in-alt {
 987                 0% {
 988                 margin-bottom: -38px;
 989         }
 990                 100% {
 991                 margin-bottom: -1px;
 992         }
 993         }
 994
 995 /**
 996  *
 997  *
 998  * @param {string} $primary-stylename (v-treetable) -
 999  *
1000  * @group treetable
1001  */
1002
1003 /**
1004  *
1005  *
1006  * @param {string} $primary-stylename (v-select-twincol) -
1007  *
1008  * @group twin-column-select
1009  */
1010
1011 /**
1012  *
1013  *
1014  * @param {string} $primary-stylename (v-upload) -
1015  *
1016  * @group upload
1017  */
1018
1019 /**
1020  * @group window
1021  */
1022
1023 @-webkit-keyframes valo-modal-window-indication {
1024                 0% {
1025                 opacity: 0;
1026         }
1027                 100% {
1028                 opacity: 1;
1029         }
1030         }
1031
1032 @-moz-keyframes valo-modal-window-indication {
1033                 0% {
1034                 opacity: 0;
1035         }
1036                 100% {
1037                 opacity: 1;
1038         }
1039         }
1040
1041 @keyframes valo-modal-window-indication {
1042                 0% {
1043                 opacity: 0;
1044         }
1045                 100% {
1046                 opacity: 1;
1047         }
1048         }
1049
1050 @-webkit-keyframes valo-animate-out-scale-down-fade {
1051                 100% {
1052                 -webkit-transform: scale(0.8);
1053                 opacity: 0;
1054         }
1055         }
1056
1057 @-moz-keyframes valo-animate-out-scale-down-fade {
1058                 100% {
1059                 -moz-transform: scale(0.8);
1060                 opacity: 0;
1061         }
1062         }
1063
1064 @keyframes valo-animate-out-scale-down-fade {
1065                 100% {
1066                 -webkit-transform: scale(0.8);
1067                 -moz-transform: scale(0.8);
1068                 -ms-transform: scale(0.8);
1069                 -o-transform: scale(0.8);
1070                 transform: scale(0.8);
1071                 opacity: 0;
1072         }
1073         }
1074
1075 /**
1076  * @group valo-menu
1077  */
1078
1079 .v-vaadin-version:after {
1080         content: "8.6.4";
1081 }
1082
1083 .v-widget {
1084         box-sizing: border-box;
1085         display: inline-block;
1086         vertical-align: top;
1087         text-align: left;
1088         white-space: normal;
1089 }
1090
1091 .v-generated-body {
1092         overflow: hidden;
1093         margin: 0;
1094         padding: 0;
1095         border: 0;
1096 }
1097
1098 .v-app {
1099         height: 100%;
1100         -webkit-tap-highlight-color: transparent;
1101         -webkit-text-size-adjust: 100%;
1102         -ms-text-size-adjust: 100%;
1103         -webkit-text-size-adjust: 100%;
1104         -webkit-user-select: none;
1105         -moz-user-select: none;
1106         -ms-user-select: none;
1107         user-select: none;
1108 }
1109
1110 .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 {
1111         -webkit-user-select: text;
1112         -moz-user-select: text;
1113         -ms-user-select: text;
1114         user-select: text;
1115 }
1116
1117 .v-app input::-ms-clear {
1118         display: none;
1119 }
1120
1121 .v-ui {
1122         position: relative;
1123 }
1124
1125 .v-ui.v-ui-embedded {
1126         margin-top: -1px;
1127         border-top: 1px solid transparent;
1128 }
1129
1130 .v-ui:focus {
1131         outline: none;
1132 }
1133
1134 .v-overlay-container {
1135         width: 0;
1136         height: 0;
1137 }
1138
1139 .v-drag-element {
1140         z-index: 60000;
1141         position: absolute !important;
1142         cursor: default;
1143 }
1144
1145 .v-clip {
1146         overflow: hidden;
1147 }
1148
1149 .v-scrollable {
1150         overflow: auto;
1151 }
1152
1153 .v-scrollable  > .v-widget {
1154         vertical-align: middle;
1155         overflow: hidden;
1156 }
1157
1158 .v-ios.v-webkit .v-scrollable {
1159         -webkit-overflow-scrolling: touch;
1160 }
1161
1162 .v-ios5.v-webkit .v-scrollable {
1163         -webkit-overflow-scrolling: none;
1164 }
1165
1166 .v-webkit.v-ios .v-browserframe {
1167         -webkit-overflow-scrolling: touch;
1168         overflow: auto;
1169 }
1170
1171 .v-assistive-device-only, .v-assistive-device-only-label label {
1172         position: absolute;
1173         top: -2000px;
1174         left: -2000px;
1175         width: 10px;
1176         overflow: hidden;
1177 }
1178
1179 .v-icon {
1180         cursor: inherit;
1181         -webkit-user-select: none;
1182         -moz-user-select: none;
1183         -ms-user-select: none;
1184         user-select: none;
1185 }
1186
1187 .v-icon, .v-errorindicator, .v-required-field-indicator {
1188         display: inline-block;
1189         line-height: inherit;
1190 }
1191
1192 .v-caption {
1193         display: inline-block;
1194         white-space: nowrap;
1195         line-height: 1.55;
1196 }
1197
1198 .v-captiontext {
1199         display: inline-block;
1200         line-height: inherit;
1201 }
1202
1203 div.v-layout.v-horizontal.v-widget {
1204         white-space: nowrap;
1205 }
1206
1207 .v-layout.v-vertical > .v-expand, .v-layout.v-horizontal > .v-expand {
1208         box-sizing: border-box;
1209         width: 100%;
1210         height: 100%;
1211 }
1212
1213 .v-slot, .v-spacing {
1214         display: inline-block;
1215         white-space: nowrap;
1216         vertical-align: top;
1217 }
1218
1219 .v-vertical > .v-slot:after {
1220         display: inline-block;
1221         clear: both;
1222         width: 0;
1223         height: 0;
1224         overflow: hidden;
1225 }
1226
1227 .v-vertical > .v-slot, .v-vertical > .v-expand > .v-slot {
1228         display: block;
1229         clear: both;
1230 }
1231
1232 .v-horizontal > .v-slot, .v-horizontal > .v-expand > .v-slot {
1233         height: 100%;
1234 }
1235
1236 .v-horizontal > .v-expand > .v-slot {
1237         position: relative;
1238 }
1239
1240 .v-vertical > .v-spacing, .v-vertical > .v-expand > .v-spacing {
1241         width: 0 !important;
1242         display: block;
1243         clear: both;
1244 }
1245
1246 .v-horizontal > .v-spacing, .v-horizontal > .v-expand > .v-spacing {
1247         height: 0 !important;
1248 }
1249
1250 .v-align-middle:before, .v-align-bottom:before, .v-expand > .v-align-middle:before, .v-expand > .v-align-bottom:before {
1251         content: "";
1252         display: inline-block;
1253         height: 100%;
1254         vertical-align: middle;
1255         width: 0;
1256 }
1257
1258 .v-align-middle, .v-align-bottom {
1259         white-space: nowrap;
1260 }
1261
1262 .v-align-middle > .v-widget, .v-align-bottom > .v-widget {
1263         display: inline-block;
1264 }
1265
1266 .v-align-middle, .v-align-middle > .v-widget {
1267         vertical-align: middle;
1268 }
1269
1270 .v-align-bottom, .v-align-bottom > .v-widget {
1271         vertical-align: bottom;
1272 }
1273
1274 .v-align-center {
1275         text-align: center;
1276 }
1277
1278 .v-align-center > .v-widget {
1279         margin-left: auto;
1280         margin-right: auto;
1281 }
1282
1283 .v-align-right {
1284         text-align: right;
1285 }
1286
1287 .v-align-right > .v-widget {
1288         margin-left: auto;
1289 }
1290
1291 .v-has-caption, .v-has-caption > .v-caption {
1292         display: inline-block;
1293 }
1294
1295 .v-caption-on-left, .v-caption-on-right {
1296         white-space: nowrap;
1297 }
1298
1299 .v-caption-on-top > .v-caption, .v-caption-on-bottom > .v-caption {
1300         display: block;
1301 }
1302
1303 .v-caption-on-left > .v-caption {
1304         padding-right: 0.5em;
1305 }
1306
1307 .v-caption-on-left > .v-widget, .v-caption-on-right > .v-widget {
1308         display: inline-block;
1309 }
1310
1311 .v-has-caption.v-has-width > .v-widget {
1312         width: 100% !important;
1313 }
1314
1315 .v-has-caption.v-has-height > .v-widget {
1316         height: 100% !important;
1317 }
1318
1319 .v-gridlayout {
1320         position: relative;
1321 }
1322
1323 .v-gridlayout-slot {
1324         position: absolute;
1325         line-height: 1.55;
1326 }
1327
1328 .v-gridlayout-spacing-on {
1329         overflow: hidden;
1330 }
1331
1332 .v-gridlayout-spacing, .v-gridlayout-spacing-off {
1333         padding-left: 0;
1334         padding-top: 0;
1335 }
1336
1337 .v-gridlayout-spacing-off {
1338         overflow: hidden;
1339 }
1340
1341 .v-calendar-month-day-scrollable {
1342         overflow-y: scroll;
1343 }
1344
1345 .v-calendar-week-wrapper {
1346         position: relative;
1347         overflow: hidden;
1348 }
1349
1350 .v-calendar-current-time {
1351         position: absolute;
1352         left: 0;
1353         width: 100%;
1354         height: 1px;
1355         background: red;
1356         z-index: 2;
1357 }
1358
1359 .v-calendar-event-resizetop, .v-calendar-event-resizebottom {
1360         position: absolute;
1361         height: 5%;
1362         min-height: 3px;
1363         width: 100%;
1364         z-index: 1;
1365 }
1366
1367 .v-calendar-event-resizetop {
1368         cursor: row-resize;
1369         top: 0;
1370 }
1371
1372 .v-calendar-event-resizebottom {
1373         cursor: row-resize;
1374         bottom: 0;
1375 }
1376
1377 .v-calendar-header-month td:first-child {
1378         padding-left: 20px;
1379 }
1380
1381 .v-calendar-month-sizedheight .v-calendar-month-day {
1382         height: 100px;
1383 }
1384
1385 .v-calendar-month-sizedwidth .v-calendar-month-day {
1386         width: 100px;
1387 }
1388
1389 .v-calendar-header-month-Hsized .v-calendar-header-day {
1390         width: 101px;
1391 }
1392
1393 .v-calendar-header-month-Hsized td:first-child {
1394         padding-left: 21px;
1395 }
1396
1397 .v-calendar-header-day-Hsized {
1398         width: 200px;
1399 }
1400
1401 .v-calendar-week-numbers-Vsized .v-calendar-week-number {
1402         height: 100px;
1403         line-height: 100px;
1404 }
1405
1406 .v-calendar-week-wrapper-Vsized {
1407         height: 400px;
1408         overflow-x: hidden !important;
1409 }
1410
1411 .v-calendar-times-Vsized .v-calendar-time {
1412         height: 38px;
1413 }
1414
1415 .v-calendar-times-Hsized .v-calendar-time {
1416         width: 42px;
1417 }
1418
1419 .v-calendar-day-times-Vsized .v-datecellslot, .v-calendar-day-times-Vsized .v-datecellslot-even {
1420         height: 18px;
1421 }
1422
1423 .v-calendar-day-times-Hsized, .v-calendar-day-times-Hsized .v-datecellslot, .v-calendar-day-times-Hsized .v-datecellslot-even {
1424         width: 200px;
1425 }
1426
1427 .v-colorpicker-popup.v-window {
1428         min-width: 220px !important;
1429 }
1430
1431 .v-colorpicker-gradient-container {
1432         overflow: visible !important;
1433 }
1434
1435 .v-colorpicker-gradient-clicklayer {
1436         opacity: 0;
1437         filter: alpha(opacity=0) ;
1438 }
1439
1440 .rgb-gradient .v-colorpicker-gradient-background {
1441         background: url(../valo/components/img/colorpicker/gradient2.png);
1442 }
1443
1444 .hsv-gradient .v-colorpicker-gradient-foreground {
1445         background: url(../valo/components/img/colorpicker/gradient.png);
1446 }
1447
1448 .v-colorpicker-gradient-higherbox:before {
1449         content: "";
1450         width: 11px;
1451         height: 11px;
1452         border-radius: 7px;
1453         border: 1px solid #fff;
1454         -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.3);
1455         box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.3);
1456         position: absolute;
1457         bottom: -6px;
1458         left: -6px;
1459 }
1460
1461 .v-colorpicker-popup .v-slider.v-slider-red:before {
1462         background-color: red;
1463 }
1464
1465 .v-colorpicker-popup .v-slider.v-slider-green:before {
1466         background-color: green;
1467 }
1468
1469 .v-colorpicker-popup .v-slider.v-slider-blue:before {
1470         background-color: blue;
1471 }
1472
1473 .v-colorpicker-popup .v-slider.hue-slider:before {
1474         background: url(../valo/components/img/colorpicker/slider_hue_bg.png);
1475 }
1476
1477 .v-colorpicker-popup input.v-textfield-dark {
1478         color: #fff;
1479 }
1480
1481 .v-colorpicker-popup input.v-textfield-light {
1482         color: #000;
1483 }
1484
1485 .v-colorpicker-grid {
1486         height: 319px;
1487 }
1488
1489 .v-colorpicker-popup .colorselect td {
1490         line-height: 15px;
1491 }
1492
1493 .v-table-header table, .v-table-footer table, .v-table-table {
1494         border-spacing: 0;
1495         border-collapse: separate;
1496         margin: 0;
1497         padding: 0;
1498         border: 0;
1499         line-height: 1.55;
1500 }
1501
1502 .v-table-resizer, .v-table-sort-indicator {
1503         float: right;
1504 }
1505
1506 .v-table-caption-container-align-center {
1507         text-align: center;
1508 }
1509
1510 .v-table-caption-container-align-right {
1511         text-align: right;
1512 }
1513
1514 .v-table-header td, .v-table-footer td, .v-table-cell-content {
1515         padding: 0;
1516 }
1517
1518 .v-table-sort-indicator {
1519         width: 0;
1520 }
1521
1522 .v-tabsheet-hidetabs > .v-tabsheet-tabcontainer, .v-tabsheet-spacertd, .v-disabled .v-tabsheet-scroller, .v-tabsheet .v-disabled .v-tabsheet-caption-close {
1523         display: none;
1524 }
1525
1526 .v-tabsheet {
1527         overflow: visible !important;
1528         position: relative;
1529 }
1530
1531 .v-tabsheet-tabcontainer table, .v-tabsheet-tabcontainer tbody, .v-tabsheet-tabcontainer tr {
1532         display: inline-block;
1533         border-spacing: 0;
1534         border-collapse: collapse;
1535         vertical-align: top;
1536 }
1537
1538 .v-tabsheet-tabcontainer td {
1539         display: inline-block;
1540         padding: 0;
1541 }
1542
1543 .v-tabsheet-tabs {
1544         white-space: nowrap;
1545         box-sizing: border-box;
1546 }
1547
1548 .v-tabsheet-content {
1549         position: relative;
1550 }
1551
1552 .v-tabsheet-content  > div > .v-scrollable  > .v-margin-top {
1553         padding-top: 12px;
1554 }
1555
1556 .v-tabsheet-content  > div > .v-scrollable  > .v-margin-right {
1557         padding-right: 12px;
1558 }
1559
1560 .v-tabsheet-content  > div > .v-scrollable  > .v-margin-bottom {
1561         padding-bottom: 12px;
1562 }
1563
1564 .v-tabsheet-content  > div > .v-scrollable  > .v-margin-left {
1565         padding-left: 12px;
1566 }
1567
1568 .v-splitpanel-vertical, .v-splitpanel-horizontal {
1569         overflow: hidden;
1570         white-space: nowrap;
1571 }
1572
1573 .v-splitpanel-hsplitter {
1574         z-index: 100;
1575         cursor: e-resize;
1576         cursor: col-resize;
1577 }
1578
1579 .v-splitpanel-vsplitter {
1580         z-index: 100;
1581         cursor: s-resize;
1582         cursor: row-resize;
1583 }
1584
1585 .v-splitpanel-hsplitter:after, .v-splitpanel-vsplitter:after {
1586         content: "";
1587         position: absolute;
1588         top: 0;
1589         right: 0;
1590         bottom: 0;
1591         left: 0;
1592 }
1593
1594 .v-splitpanel-hsplitter div, .v-splitpanel-vsplitter div {
1595         width: inherit;
1596         height: inherit;
1597         overflow: hidden;
1598         position: relative;
1599 }
1600
1601 .v-splitpanel-hsplitter div:before, .v-splitpanel-vsplitter div:before {
1602         box-sizing: border-box;
1603         content: "";
1604         position: absolute;
1605         top: 0;
1606         right: 0;
1607         bottom: 0;
1608         left: 0;
1609 }
1610
1611 .v-disabled [class$="splitter"] div {
1612         cursor: default;
1613 }
1614
1615 .v-disabled [class$="splitter"] div:before {
1616         display: none;
1617 }
1618
1619 .v-splitpanel-horizontal > div  > .v-splitpanel-second-container {
1620         position: static !important;
1621         display: inline-block;
1622         vertical-align: top;
1623 }
1624
1625 .v-splitpanel-horizontal > div  > .v-splitpanel-first-container {
1626         display: inline-block;
1627         vertical-align: top;
1628 }
1629
1630 .mytheme.v-app, .mytheme.v-app-loading {
1631         font: 300 16px/1.55 "Open Sans", sans-serif;
1632         color: #464646;
1633         background-color: #fafafa;
1634         cursor: default;
1635 }
1636
1637 .mytheme .v-app-loading {
1638         width: 100%;
1639         height: 100%;
1640         background: #fafafa;
1641 }
1642
1643 .mytheme .v-app-loading:before {
1644         content: "";
1645         position: fixed;
1646         z-index: 100;
1647         top: 45%;
1648         left: 50%;
1649         width: 28px;
1650         height: 28px;
1651         padding: 9px;
1652         margin-top: -24px;
1653         margin-left: -24px;
1654         background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50%;
1655         border-radius: 4px;
1656 }
1657
1658 .mytheme .v-loading-indicator {
1659         position: fixed !important;
1660         z-index: 99999;
1661         left: 0;
1662         right: auto;
1663         top: 0;
1664         width: 50%;
1665         opacity: 1;
1666         height: 4px;
1667         background-color: #197de1;
1668         pointer-events: none;
1669         -webkit-transition: none;
1670         -moz-transition: none;
1671         transition: none;
1672         -webkit-animation: v-progress-start 1000ms 200ms both;
1673         -moz-animation: v-progress-start 1000ms 200ms both;
1674         animation: v-progress-start 1000ms 200ms both;
1675 }
1676
1677 .mytheme .v-loading-indicator[style*="none"] {
1678         display: block !important;
1679         width: 100% !important;
1680         opacity: 0;
1681         -webkit-animation: none;
1682         -moz-animation: none;
1683         animation: none;
1684         -webkit-transition: opacity 500ms 300ms, width 300ms;
1685         -moz-transition: opacity 500ms 300ms, width 300ms;
1686         transition: opacity 500ms 300ms, width 300ms;
1687 }
1688
1689 .mytheme .v-loading-indicator-delay {
1690         width: 90%;
1691         -webkit-animation: v-progress-delay 3.8s forwards;
1692         -moz-animation: v-progress-delay 3.8s forwards;
1693         animation: v-progress-delay 3.8s forwards;
1694 }
1695
1696 .v-ff .mytheme .v-loading-indicator-delay {
1697         width: 50%;
1698 }
1699
1700 .mytheme .v-loading-indicator-wait {
1701         width: 96%;
1702         -webkit-animation: v-progress-wait 5s forwards, v-progress-wait-pulse 1s 4s infinite backwards;
1703         -moz-animation: v-progress-wait 5s forwards, v-progress-wait-pulse 1s 4s infinite backwards;
1704         animation: v-progress-wait 5s forwards, v-progress-wait-pulse 1s 4s infinite backwards;
1705 }
1706
1707 .v-ff .mytheme .v-loading-indicator-wait {
1708         width: 90%;
1709 }
1710
1711 .mytheme .v-scrollable:focus {
1712         outline: none;
1713 }
1714
1715 .mytheme img.v-icon {
1716         vertical-align: middle;
1717 }
1718
1719 .mytheme .v-caption {
1720         font-size: 14px;
1721         font-weight: 400;
1722         padding-bottom: 0.3em;
1723         padding-left: 1px;
1724 }
1725
1726 .mytheme .v-caption-on-left .v-caption, .mytheme .v-caption-on-right .v-caption {
1727         padding-top: 0;
1728         padding-bottom: 0;
1729 }
1730
1731 .mytheme .v-icon + .v-captiontext, .mytheme .v-icon + span {
1732         margin-left: 7px;
1733 }
1734
1735 .mytheme .v-icon + .v-captiontext:empty, .mytheme .v-icon + span:empty {
1736         margin-left: 0;
1737 }
1738
1739 .mytheme .v-errorindicator {
1740         color: #ed473b;
1741         font-weight: 600;
1742         width: 19px;
1743         text-align: center;
1744 }
1745
1746 .mytheme .v-errorindicator:before {
1747         content: "!";
1748 }
1749
1750 .mytheme .v-errorindicator-info {
1751         color: #00a7f5;
1752         font-weight: 600;
1753         width: 19px;
1754         text-align: center;
1755 }
1756
1757 .mytheme .v-errorindicator-info:before {
1758         content: "!";
1759 }
1760
1761 .mytheme .v-errorindicator-warning {
1762         color: #fc9c00;
1763         font-weight: 600;
1764         width: 19px;
1765         text-align: center;
1766 }
1767
1768 .mytheme .v-errorindicator-warning:before {
1769         content: "!";
1770 }
1771
1772 .mytheme .v-errorindicator-error {
1773         color: #ed473b;
1774         font-weight: 600;
1775         width: 19px;
1776         text-align: center;
1777 }
1778
1779 .mytheme .v-errorindicator-error:before {
1780         content: "!";
1781 }
1782
1783 .mytheme .v-errorindicator-critical {
1784         color: #fa007d;
1785         font-weight: 600;
1786         width: 19px;
1787         text-align: center;
1788 }
1789
1790 .mytheme .v-errorindicator-critical:before {
1791         content: "!";
1792 }
1793
1794 .mytheme .v-errorindicator-system {
1795         color: #bb00ff;
1796         font-weight: 600;
1797         width: 19px;
1798         text-align: center;
1799 }
1800
1801 .mytheme .v-errorindicator-system:before {
1802         content: "!";
1803 }
1804
1805 .mytheme .v-required-field-indicator {
1806         color: #ed473b;
1807         padding: 0 0.2em;
1808 }
1809
1810 .mytheme select {
1811         font: inherit;
1812         font-weight: 400;
1813         line-height: inherit;
1814         padding: 5px;
1815         margin: 0;
1816         border-radius: 4px;
1817         border: 1px solid #c5c5c5;
1818         background-color: #fafafa;
1819         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
1820         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
1821         color: #464646;
1822 }
1823
1824 .mytheme select:focus {
1825         outline: none;
1826         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
1827         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
1828 }
1829
1830 .mytheme .v-disabled {
1831         cursor: default !important;
1832 }
1833
1834 .mytheme .v-drag-element {
1835         background: #fafafa;
1836         color: #464646;
1837         -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
1838         box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
1839         border-radius: 4px;
1840         overflow: hidden;
1841         opacity: 0.5;
1842         filter: alpha(opacity=50) ;
1843 }
1844
1845 .mytheme .v-draggable {
1846         -moz-user-select: none !important;
1847         -ms-user-select: none !important;
1848         -webkit-user-select: none !important;
1849         user-select: none !important;
1850 }
1851
1852 .mytheme .v-tooltip {
1853         background-color: rgba(50, 50, 50, 0.9);
1854         -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
1855         box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
1856         color: white;
1857         padding: 5px 9px;
1858         border-radius: 3px;
1859         max-width: 35em;
1860         overflow: hidden !important;
1861         font-size: 14px;
1862 }
1863
1864 .mytheme .v-tooltip div[style*="width"] {
1865         width: auto !important;
1866 }
1867
1868 .mytheme .v-tooltip .v-errormessage {
1869         background-color: white;
1870         background-color: #fff;
1871         color: #ed473b;
1872         margin: -5px -9px;
1873         padding: 5px 9px;
1874         max-height: 10em;
1875         overflow: auto;
1876         font-weight: 400;
1877 }
1878
1879 .mytheme .v-tooltip .v-errormessage h2:only-child {
1880         font: inherit;
1881         line-height: inherit;
1882 }
1883
1884 .mytheme .v-tooltip .v-errormessage-info {
1885         color: #00a7f5;
1886 }
1887
1888 .mytheme .v-tooltip .v-errormessage-warning {
1889         color: #fc9c00;
1890 }
1891
1892 .mytheme .v-tooltip .v-errormessage-error {
1893         color: #ed473b;
1894 }
1895
1896 .mytheme .v-tooltip .v-errormessage-critical {
1897         color: #fa007d;
1898 }
1899
1900 .mytheme .v-tooltip .v-errormessage-system {
1901         color: #bb00ff;
1902 }
1903
1904 .mytheme .v-tooltip .v-tooltip-text {
1905         max-height: 10em;
1906         overflow: auto;
1907         margin-top: 10px;
1908 }
1909
1910 .mytheme .v-tooltip .v-tooltip-text pre {
1911         margin: 0px;
1912 }
1913
1914 .mytheme .v-tooltip .v-errormessage[aria-hidden="true"] + .v-tooltip-text {
1915         margin-top: 0;
1916 }
1917
1918 .mytheme .v-tooltip h1, .mytheme .v-tooltip h2, .mytheme .v-tooltip h3, .mytheme .v-tooltip h4 {
1919         color: inherit;
1920 }
1921
1922 .mytheme .v-tooltip pre.v-tooltip-pre {
1923         font: inherit;
1924         white-space: pre-wrap;
1925 }
1926
1927 .mytheme .v-contextmenu {
1928         padding: 4px 4px;
1929         border-radius: 4px;
1930         background-color: white;
1931         color: #474747;
1932         -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);
1933         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);
1934         -webkit-backface-visibility: hidden;
1935         -moz-backface-visibility: hidden;
1936         -ms-backface-visibility: hidden;
1937         backface-visibility: hidden;
1938         padding: 4px 4px;
1939 }
1940
1941 .mytheme .v-contextmenu[class*="animate-in"] {
1942         -webkit-animation: valo-overlay-animate-in 120ms;
1943         -moz-animation: valo-overlay-animate-in 120ms;
1944         animation: valo-overlay-animate-in 120ms;
1945 }
1946
1947 .mytheme .v-contextmenu[class*="animate-out"] {
1948         -webkit-animation: valo-animate-out-fade 120ms;
1949         -moz-animation: valo-animate-out-fade 120ms;
1950         animation: valo-animate-out-fade 120ms;
1951 }
1952
1953 .mytheme .v-contextmenu table {
1954         border-spacing: 0;
1955 }
1956
1957 .mytheme .v-contextmenu .gwt-MenuItem {
1958         cursor: pointer;
1959         line-height: 27px;
1960         padding: 0 20px 0 10px;
1961         border-radius: 3px;
1962         font-weight: 400;
1963         white-space: nowrap;
1964         position: relative;
1965         display: block;
1966 }
1967
1968 .mytheme .v-contextmenu .gwt-MenuItem:active:before {
1969         content: "";
1970         position: absolute;
1971         top: 0;
1972         right: 0;
1973         bottom: 0;
1974         left: 0;
1975         background: #0957a6;
1976         opacity: 0.15;
1977         filter: alpha(opacity=15.0) ;
1978         pointer-events: none;
1979         border-radius: inherit;
1980 }
1981
1982 .mytheme .v-contextmenu .gwt-MenuItem .v-icon {
1983         max-height: 27px;
1984         margin-right: 5px;
1985         min-width: 1em;
1986 }
1987
1988 .mytheme .v-contextmenu .gwt-MenuItem-selected {
1989         background-color: #197de1;
1990         background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
1991         background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
1992         color: #ecf2f8;
1993         text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
1994 }
1995
1996 .mytheme .v-reconnect-dialog {
1997         color: white;
1998         top: 12px;
1999         right: 12px;
2000         max-width: 100%;
2001         border-radius: 0;
2002         -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
2003         box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
2004         padding: 12px 15px;
2005         background-color: #444;
2006         background-color: rgba(68, 68, 68, 0.9);
2007         line-height: 22px;
2008         text-align: center;
2009 }
2010
2011 .mytheme .v-reconnect-dialog .text {
2012         display: inline-block;
2013         padding-left: 10px;
2014 }
2015
2016 .mytheme .v-reconnect-dialog .spinner {
2017         height: 24px !important;
2018         width: 24px !important;
2019         box-sizing: border-box;
2020         border: 2px solid rgba(25, 125, 225, 0.2);
2021         border-top-color: #197de1;
2022         border-right-color: #197de1;
2023         border-radius: 100%;
2024         -webkit-animation: v-rotate-360 500ms infinite linear;
2025         -moz-animation: v-rotate-360 500ms infinite linear;
2026         animation: v-rotate-360 500ms infinite linear;
2027         pointer-events: none;
2028         display: none;
2029         vertical-align: middle;
2030 }
2031
2032 .mytheme .v-reconnect-dialog.active .spinner {
2033         display: inline-block;
2034 }
2035
2036 .mytheme .v-absolutelayout-wrapper {
2037         position: absolute;
2038 }
2039
2040 .mytheme .v-absolutelayout-margin, .mytheme .v-absolutelayout-canvas {
2041         box-sizing: border-box;
2042 }
2043
2044 .mytheme .v-absolutelayout.v-has-height > div, .mytheme .v-absolutelayout.v-has-height .v-absolutelayout-margin {
2045         height: 100%;
2046 }
2047
2048 .mytheme .v-absolutelayout.v-has-height > div, .mytheme .v-absolutelayout.v-has-width .v-absolutelayout-margin {
2049         width: 100%;
2050 }
2051
2052 .mytheme .v-margin-top {
2053         padding-top: 37px;
2054 }
2055
2056 .mytheme .v-margin-right {
2057         padding-right: 37px;
2058 }
2059
2060 .mytheme .v-margin-bottom {
2061         padding-bottom: 37px;
2062 }
2063
2064 .mytheme .v-margin-left {
2065         padding-left: 37px;
2066 }
2067
2068 .mytheme .v-spacing {
2069         width: 12px;
2070         height: 12px;
2071 }
2072
2073 .mytheme .v-verticallayout-well, .mytheme .v-horizontallayout-well {
2074         background: #f5f5f5;
2075         color: #454545;
2076         -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 2px 3px rgba(0, 0, 0, 0.05);
2077         box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 2px 3px rgba(0, 0, 0, 0.05);
2078         border-radius: 4px;
2079         border: 1px solid #c5c5c5;
2080 }
2081
2082 .mytheme .v-verticallayout-well  > div > [class*="-caption"], .mytheme .v-horizontallayout-well  > div > [class*="-caption"] {
2083         background: transparent;
2084         -webkit-box-shadow: none;
2085         box-shadow: none;
2086 }
2087
2088 .mytheme .v-verticallayout-well  > .v-margin-top, .mytheme .v-horizontallayout-well  > .v-margin-top {
2089         padding-top: 12px;
2090 }
2091
2092 .mytheme .v-verticallayout-well  > .v-margin-right, .mytheme .v-horizontallayout-well  > .v-margin-right {
2093         padding-right: 12px;
2094 }
2095
2096 .mytheme .v-verticallayout-well  > .v-margin-bottom, .mytheme .v-horizontallayout-well  > .v-margin-bottom {
2097         padding-bottom: 12px;
2098 }
2099
2100 .mytheme .v-verticallayout-well  > .v-margin-left, .mytheme .v-horizontallayout-well  > .v-margin-left {
2101         padding-left: 12px;
2102 }
2103
2104 .mytheme .v-verticallayout-card, .mytheme .v-horizontallayout-card {
2105         background: white;
2106         color: #474747;
2107         border-radius: 4px;
2108         border: 1px solid #d5d5d5;
2109         -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
2110         box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
2111 }
2112
2113 .mytheme .v-verticallayout-card  > .v-margin-top, .mytheme .v-horizontallayout-card  > .v-margin-top {
2114         padding-top: 12px;
2115 }
2116
2117 .mytheme .v-verticallayout-card  > .v-margin-right, .mytheme .v-horizontallayout-card  > .v-margin-right {
2118         padding-right: 12px;
2119 }
2120
2121 .mytheme .v-verticallayout-card  > .v-margin-bottom, .mytheme .v-horizontallayout-card  > .v-margin-bottom {
2122         padding-bottom: 12px;
2123 }
2124
2125 .mytheme .v-verticallayout-card  > .v-margin-left, .mytheme .v-horizontallayout-card  > .v-margin-left {
2126         padding-left: 12px;
2127 }
2128
2129 .mytheme .v-horizontallayout-wrapping {
2130         white-space: normal !important;
2131 }
2132
2133 .mytheme .v-horizontallayout-wrapping > .v-spacing + .v-slot, .mytheme .v-horizontallayout-wrapping > .v-slot:first-child {
2134         margin-bottom: 12px;
2135 }
2136
2137 .mytheme .v-horizontallayout-wrapping > .v-slot:first-child:last-child {
2138         margin-bottom: 0;
2139 }
2140
2141 .mytheme .v-button {
2142         position: relative;
2143         text-align: center;
2144         white-space: nowrap;
2145         outline: none;
2146         -webkit-tap-highlight-color: transparent;
2147         -webkit-touch-callout: none;
2148         cursor: pointer;
2149         height: 37px;
2150         padding: 0 16px;
2151         color: #191919;
2152         font-weight: 400;
2153
2154
2155         border-radius: 4px;
2156         border: 1px solid #c5c5c5;
2157         border-top-color: #c5c5c5;
2158         border-bottom-color: #bcbcbc;
2159         background-color: #fafafa;
2160         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
2161         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
2162         -webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
2163         box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
2164         text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
2165 }
2166
2167 .mytheme .v-button:before {
2168         content: "";
2169         display: inline-block;
2170         width: 0;
2171         height: 100%;
2172         vertical-align: middle;
2173 }
2174
2175 .mytheme .v-button > div {
2176         vertical-align: middle;
2177 }
2178
2179 .v-sa .mytheme .v-button:before {
2180         height: 110%;
2181 }
2182
2183 .v-ff .mytheme .v-button:before {
2184         height: 107%;
2185 }
2186
2187 .v-ie .mytheme .v-button:before {
2188         margin-top: 4px;
2189 }
2190
2191 .mytheme .v-button:after {
2192         content: "";
2193         position: absolute;
2194         top: 0;
2195         right: 0;
2196         bottom: 0;
2197         left: 0;
2198         border-radius: inherit;
2199         -webkit-transition: box-shadow 180ms, border 180ms;
2200         -moz-transition: box-shadow 180ms, border 180ms;
2201         transition: box-shadow 180ms, border 180ms;
2202 }
2203
2204 .mytheme .v-button:focus:after {
2205         -webkit-transition: none;
2206         -moz-transition: none;
2207         transition: none;
2208 }
2209
2210 .mytheme .v-button.v-disabled {
2211         opacity: 0.5;
2212         filter: alpha(opacity=50) ;
2213 }
2214
2215 .mytheme .v-button.v-disabled:after {
2216         display: none;
2217 }
2218
2219 .mytheme .v-button:after {
2220         border: inherit;
2221         top: -1px;
2222         right: -1px;
2223         bottom: -1px;
2224         left: -1px;
2225 }
2226
2227 .mytheme .v-button:hover:after {
2228         background-color: rgba(186, 186, 186, 0.1);
2229 }
2230
2231 .mytheme .v-button:focus:after {
2232         border-color: #197de1;
2233         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
2234         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
2235 }
2236
2237 .mytheme .v-button:active:after {
2238         background-color: rgba(125, 125, 125, 0.2);
2239 }
2240
2241 .mytheme .v-button-primary {
2242         height: 37px;
2243         padding: 0 16px;
2244         color: #ecf2f8;
2245         font-weight: 400;
2246
2247
2248         border-radius: 4px;
2249         border: 1px solid #1362b1;
2250         border-top-color: #156ab3;
2251         border-bottom-color: #1156a8;
2252         background-color: #197de1;
2253         background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
2254         background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
2255         -webkit-box-shadow: inset 0 1px 0 #4d98e6, inset 0 -1px 0 #166bca, 0 2px 3px rgba(0, 0, 0, 0.05);
2256         box-shadow: inset 0 1px 0 #4d98e6, inset 0 -1px 0 #166bca, 0 2px 3px rgba(0, 0, 0, 0.05);
2257         text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
2258         padding: 0 19px;
2259         font-weight: bold;
2260         min-width: 81px;
2261 }
2262
2263 .mytheme .v-button-primary:after {
2264         border: inherit;
2265         top: -1px;
2266         right: -1px;
2267         bottom: -1px;
2268         left: -1px;
2269 }
2270
2271 .mytheme .v-button-primary:hover:after {
2272         background-color: rgba(90, 163, 237, 0.1);
2273 }
2274
2275 .mytheme .v-button-primary:focus:after {
2276         border: inherit;
2277         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
2278         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
2279 }
2280
2281 .mytheme .v-button-primary:active:after {
2282         background-color: rgba(2, 62, 122, 0.2);
2283 }
2284
2285 .mytheme .v-button-friendly {
2286         height: 37px;
2287         padding: 0 16px;
2288         color: #eaf4e9;
2289         font-weight: 400;
2290
2291
2292         border-radius: 4px;
2293         border: 1px solid #227719;
2294         border-top-color: #257d1a;
2295         border-bottom-color: #1e6b15;
2296         background-color: #2c9720;
2297         background-image: -webkit-linear-gradient(top, #2f9f22 2%, #26881b 98%);
2298         background-image: linear-gradient(to bottom,#2f9f22 2%, #26881b 98%);
2299         -webkit-box-shadow: inset 0 1px 0 #46b33a, inset 0 -1px 0 #26811b, 0 2px 3px rgba(0, 0, 0, 0.05);
2300         box-shadow: inset 0 1px 0 #46b33a, inset 0 -1px 0 #26811b, 0 2px 3px rgba(0, 0, 0, 0.05);
2301         text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
2302 }
2303
2304 .mytheme .v-button-friendly:after {
2305         border: inherit;
2306         top: -1px;
2307         right: -1px;
2308         bottom: -1px;
2309         left: -1px;
2310 }
2311
2312 .mytheme .v-button-friendly:hover:after {
2313         background-color: rgba(65, 211, 48, 0.1);
2314 }
2315
2316 .mytheme .v-button-friendly:focus:after {
2317         border: inherit;
2318         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
2319         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
2320 }
2321
2322 .mytheme .v-button-friendly:active:after {
2323         background-color: rgba(14, 86, 6, 0.2);
2324 }
2325
2326 .mytheme .v-button-danger {
2327         height: 37px;
2328         padding: 0 16px;
2329         color: #f9f0ef;
2330         font-weight: 400;
2331
2332
2333         border-radius: 4px;
2334         border: 1px solid #bb382e;
2335         border-top-color: #bc3c31;
2336         border-bottom-color: #b13028;
2337         background-color: #ed473b;
2338         background-image: -webkit-linear-gradient(top, #ee4c3f 2%, #e13e33 98%);
2339         background-image: linear-gradient(to bottom,#ee4c3f 2%, #e13e33 98%);
2340         -webkit-box-shadow: inset 0 1px 0 #ef786f, inset 0 -1px 0 #da3c31, 0 2px 3px rgba(0, 0, 0, 0.05);
2341         box-shadow: inset 0 1px 0 #ef786f, inset 0 -1px 0 #da3c31, 0 2px 3px rgba(0, 0, 0, 0.05);
2342         text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
2343 }
2344
2345 .mytheme .v-button-danger:after {
2346         border: inherit;
2347         top: -1px;
2348         right: -1px;
2349         bottom: -1px;
2350         left: -1px;
2351 }
2352
2353 .mytheme .v-button-danger:hover:after {
2354         background-color: rgba(243, 137, 129, 0.1);
2355 }
2356
2357 .mytheme .v-button-danger:focus:after {
2358         border: inherit;
2359         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
2360         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
2361 }
2362
2363 .mytheme .v-button-danger:active:after {
2364         background-color: rgba(146, 12, 2, 0.2);
2365 }
2366
2367 .mytheme .v-button-borderless {
2368         border: none;
2369         -webkit-box-shadow: none;
2370         box-shadow: none;
2371         background: transparent;
2372         color: inherit;
2373 }
2374
2375 .mytheme .v-button-borderless:hover:after {
2376         background: transparent;
2377 }
2378
2379 .mytheme .v-button-borderless:active:not(.v-disabled) {
2380         opacity: 0.7;
2381         filter: alpha(opacity=70) ;
2382 }
2383
2384 .mytheme .v-button-borderless:active:not(.v-disabled):after {
2385         background: transparent;
2386 }
2387
2388 .mytheme .v-button-borderless-colored {
2389         border: none;
2390         -webkit-box-shadow: none;
2391         box-shadow: none;
2392         background: transparent;
2393         color: #197de1;
2394 }
2395
2396 .mytheme .v-button-borderless-colored:hover {
2397         color: #4396ea;
2398 }
2399
2400 .mytheme .v-button-borderless-colored:hover:after {
2401         background: transparent;
2402 }
2403
2404 .mytheme .v-button-borderless-colored:active:not(.v-disabled) {
2405         opacity: 0.7;
2406         filter: alpha(opacity=70) ;
2407 }
2408
2409 .mytheme .v-button-borderless-colored:active:not(.v-disabled):after {
2410         background: transparent;
2411 }
2412
2413 .mytheme .v-button-quiet {
2414         visibility: hidden;
2415 }
2416
2417 .mytheme .v-button-quiet:focus, .mytheme .v-button-quiet:hover {
2418         visibility: visible;
2419 }
2420
2421 .mytheme .v-button-quiet [class*="wrap"] {
2422         visibility: visible;
2423 }
2424
2425 .mytheme .v-button-quiet [class*="caption"] {
2426         display: inline-block;
2427 }
2428
2429 .mytheme .v-button-link {
2430         border: none;
2431         -webkit-box-shadow: none;
2432         box-shadow: none;
2433         background: transparent;
2434         color: inherit;
2435         cursor: pointer;
2436         color: #197de1;
2437         text-decoration: underline;
2438         font-weight: inherit;
2439         -webkit-transition: color 140ms;
2440         -moz-transition: color 140ms;
2441         transition: color 140ms;
2442 }
2443
2444 .mytheme .v-button-link:hover:after {
2445         background: transparent;
2446 }
2447
2448 .mytheme .v-button-link:active:not(.v-disabled) {
2449         opacity: 0.7;
2450         filter: alpha(opacity=70) ;
2451 }
2452
2453 .mytheme .v-button-link:active:not(.v-disabled):after {
2454         background: transparent;
2455 }
2456
2457 .mytheme .v-button-link:hover {
2458         color: #4396ea;
2459 }
2460
2461 .mytheme .v-button-link.v-disabled {
2462         opacity: 0.5;
2463         filter: alpha(opacity=50) ;
2464 }
2465
2466 .mytheme .v-button-tiny {
2467         height: 28px;
2468         padding: 0 13px;
2469
2470
2471         font-size: 12px;
2472
2473         border-radius: 4px;
2474 }
2475
2476 .mytheme .v-button-tiny:after {
2477         border: inherit;
2478         top: -1px;
2479         right: -1px;
2480         bottom: -1px;
2481         left: -1px;
2482 }
2483
2484 .mytheme .v-button-small {
2485         height: 31px;
2486         padding: 0 14px;
2487
2488
2489         font-size: 14px;
2490
2491         border-radius: 4px;
2492 }
2493
2494 .mytheme .v-button-small:after {
2495         border: inherit;
2496         top: -1px;
2497         right: -1px;
2498         bottom: -1px;
2499         left: -1px;
2500 }
2501
2502 .mytheme .v-button-large {
2503         height: 44px;
2504         padding: 0 19px;
2505
2506
2507         font-size: 20px;
2508
2509         border-radius: 4px;
2510 }
2511
2512 .mytheme .v-button-large:after {
2513         border: inherit;
2514         top: -1px;
2515         right: -1px;
2516         bottom: -1px;
2517         left: -1px;
2518 }
2519
2520 .mytheme .v-button-huge {
2521         height: 59px;
2522         padding: 0 26px;
2523
2524
2525         font-size: 26px;
2526
2527         border-radius: 4px;
2528 }
2529
2530 .mytheme .v-button-huge:after {
2531         border: inherit;
2532         top: -1px;
2533         right: -1px;
2534         bottom: -1px;
2535         left: -1px;
2536 }
2537
2538 .mytheme .v-button-icon-align-right [class*="wrap"] {
2539         display: inline-block;
2540 }
2541
2542 .mytheme .v-button-icon-align-right .v-icon {
2543         float: right;
2544         margin-left: 13px;
2545 }
2546
2547 .mytheme .v-button-icon-align-right .v-icon  + span:not(:empty) {
2548         margin-left: 0;
2549 }
2550
2551 .mytheme .v-button-icon-align-top {
2552         height: auto;
2553         padding-top: 5px;
2554         padding-bottom: 5px;
2555 }
2556
2557 .mytheme .v-button-icon-align-top [class*="wrap"] {
2558         display: inline-block;
2559 }
2560
2561 .mytheme .v-button-icon-align-top .v-icon {
2562         display: block;
2563         margin-left: auto;
2564         margin-right: auto;
2565 }
2566
2567 .mytheme .v-button-icon-align-top .v-icon  + span:not(:empty) {
2568         margin-top: 7px;
2569         margin-left: 0;
2570 }
2571
2572 .mytheme .v-button-icon-only {
2573         width: 37px;
2574         padding: 0;
2575 }
2576
2577 .mytheme .v-button-icon-only.v-button-tiny {
2578         width: 28px;
2579 }
2580
2581 .mytheme .v-button-icon-only.v-button-small {
2582         width: 31px;
2583 }
2584
2585 .mytheme .v-button-icon-only.v-button-large {
2586         width: 44px;
2587 }
2588
2589 .mytheme .v-button-icon-only.v-button-huge {
2590         width: 59px;
2591 }
2592
2593 .mytheme .v-button-icon-only .v-button-caption {
2594         display: none;
2595 }
2596
2597 .mytheme .v-checkbox {
2598         position: relative;
2599         line-height: 19px;
2600         white-space: nowrap;
2601 }
2602
2603 .mytheme .v-checkbox.v-has-width label {
2604         white-space: normal;
2605 }
2606
2607 :root .mytheme .v-checkbox {
2608         padding-left: 25px;
2609 }
2610
2611 :root .mytheme .v-checkbox label {
2612         -webkit-tap-highlight-color: transparent;
2613         -webkit-touch-callout: none;
2614         cursor: pointer;
2615         display: inline-block;
2616 }
2617
2618 :root .mytheme .v-checkbox > input {
2619         position: absolute;
2620         clip: rect(0, 0, 0, 0);
2621         left: 0.2em;
2622         top: 0.2em;
2623         z-index: 0;
2624         margin: 0;
2625 }
2626
2627 :root .mytheme .v-checkbox > input:focus ~ label:before {
2628         border-color: #197de1;
2629         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
2630         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
2631         -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);
2632         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);
2633 }
2634
2635 :root .mytheme .v-checkbox > input ~ label:before, :root .mytheme .v-checkbox > input ~ label:after {
2636         content: "";
2637         display: inline-block;
2638         box-sizing: border-box;
2639         width: 19px;
2640         height: 19px;
2641         position: absolute;
2642         top: 0;
2643         left: 0;
2644         border-radius: 4px;
2645         font-size: 13px;
2646         text-align: center;
2647 }
2648
2649 :root .mytheme .v-checkbox > input ~ label:before {
2650         height: 18.5px;
2651         padding: 0 9px;
2652         color: #191919;
2653         font-weight: 400;
2654
2655
2656         border-radius: 4px;
2657         border: 1px solid #c5c5c5;
2658         border-top-color: #c5c5c5;
2659         border-bottom-color: #bcbcbc;
2660         background-color: #fafafa;
2661         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
2662         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
2663         -webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
2664         box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
2665         text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
2666         padding: 0;
2667         height: 19px;
2668 }
2669
2670 :root .mytheme .v-checkbox > input ~ label:after {
2671         content: "\f00c";
2672         font-family: ThemeIcons;
2673         color: transparent;
2674         -webkit-transition: color 100ms;
2675         -moz-transition: color 100ms;
2676         transition: color 100ms;
2677 }
2678
2679 :root .mytheme .v-checkbox > input:active ~ label:after {
2680         background-color: rgba(125, 125, 125, 0.2);
2681 }
2682
2683 :root .mytheme .v-checkbox > input:checked ~ label:after {
2684         color: #197de1;
2685 }
2686
2687 .mytheme .v-checkbox > .v-icon, .mytheme .v-checkbox > label .v-icon {
2688         margin: 0 6px 0 3px;
2689         min-width: 1em;
2690         cursor: pointer;
2691 }
2692
2693 .mytheme .v-checkbox.v-disabled  > label, .mytheme .v-checkbox.v-disabled  > .v-icon {
2694         cursor: default;
2695         opacity: 0.5;
2696         filter: alpha(opacity=50) ;
2697 }
2698
2699 .mytheme .v-checkbox.v-disabled  > label > .v-icon {
2700         cursor: default;
2701 }
2702
2703 :root .mytheme .v-checkbox.v-disabled > input:active ~ label:after {
2704         background: transparent;
2705 }
2706
2707 .mytheme .v-checkbox.v-readonly  > label, .mytheme .v-checkbox.v-readonly  > .v-icon {
2708         cursor: default;
2709 }
2710
2711 .mytheme .v-checkbox.v-readonly  > label > .v-icon {
2712         cursor: default;
2713 }
2714
2715 :root .mytheme .v-checkbox.v-readonly > input:active ~ label:after {
2716         background: transparent;
2717 }
2718
2719 :root .mytheme .v-checkbox.v-readonly > input ~ label:after {
2720         opacity: 0.5;
2721         filter: alpha(opacity=50) ;
2722 }
2723
2724 .mytheme .v-checkbox-small {
2725         position: relative;
2726         line-height: 16px;
2727         white-space: nowrap;
2728         font-size: 14px;
2729 }
2730
2731 .mytheme .v-checkbox-small.v-has-width label {
2732         white-space: normal;
2733 }
2734
2735 :root .mytheme .v-checkbox-small {
2736         padding-left: 21px;
2737 }
2738
2739 :root .mytheme .v-checkbox-small label {
2740         -webkit-tap-highlight-color: transparent;
2741         -webkit-touch-callout: none;
2742         cursor: pointer;
2743         display: inline-block;
2744 }
2745
2746 :root .mytheme .v-checkbox-small > input {
2747         position: absolute;
2748         clip: rect(0, 0, 0, 0);
2749         left: 0.2em;
2750         top: 0.2em;
2751         z-index: 0;
2752         margin: 0;
2753 }
2754
2755 :root .mytheme .v-checkbox-small > input:focus ~ label:before {
2756         border-color: #197de1;
2757         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
2758         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
2759         -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);
2760         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);
2761 }
2762
2763 :root .mytheme .v-checkbox-small > input ~ label:before, :root .mytheme .v-checkbox-small > input ~ label:after {
2764         content: "";
2765         display: inline-block;
2766         box-sizing: border-box;
2767         width: 16px;
2768         height: 16px;
2769         position: absolute;
2770         top: 0;
2771         left: 0;
2772         border-radius: 4px;
2773         font-size: 11px;
2774         text-align: center;
2775 }
2776
2777 :root .mytheme .v-checkbox-small > input ~ label:before {
2778         height: 15.5px;
2779         padding: 0 7px;
2780         color: #191919;
2781         font-weight: 400;
2782
2783
2784         border-radius: 4px;
2785         border: 1px solid #c5c5c5;
2786         border-top-color: #c5c5c5;
2787         border-bottom-color: #bcbcbc;
2788         background-color: #fafafa;
2789         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
2790         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
2791         -webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
2792         box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
2793         text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
2794         padding: 0;
2795         height: 16px;
2796 }
2797
2798 :root .mytheme .v-checkbox-small > input ~ label:after {
2799         content: "\f00c";
2800         font-family: ThemeIcons;
2801         color: transparent;
2802         -webkit-transition: color 100ms;
2803         -moz-transition: color 100ms;
2804         transition: color 100ms;
2805 }
2806
2807 :root .mytheme .v-checkbox-small > input:active ~ label:after {
2808         background-color: rgba(125, 125, 125, 0.2);
2809 }
2810
2811 :root .mytheme .v-checkbox-small > input:checked ~ label:after {
2812         color: #197de1;
2813 }
2814
2815 .mytheme .v-checkbox-small > .v-icon, .mytheme .v-checkbox-small > label .v-icon {
2816         margin: 0 5px 0 3px;
2817         min-width: 1em;
2818         cursor: pointer;
2819 }
2820
2821 .mytheme .v-checkbox-small.v-disabled  > label, .mytheme .v-checkbox-small.v-disabled  > .v-icon {
2822         cursor: default;
2823         opacity: 0.5;
2824         filter: alpha(opacity=50) ;
2825 }
2826
2827 .mytheme .v-checkbox-small.v-disabled  > label > .v-icon {
2828         cursor: default;
2829 }
2830
2831 :root .mytheme .v-checkbox-small.v-disabled > input:active ~ label:after {
2832         background: transparent;
2833 }
2834
2835 .mytheme .v-checkbox-small.v-readonly  > label, .mytheme .v-checkbox-small.v-readonly  > .v-icon {
2836         cursor: default;
2837 }
2838
2839 .mytheme .v-checkbox-small.v-readonly  > label > .v-icon {
2840         cursor: default;
2841 }
2842
2843 :root .mytheme .v-checkbox-small.v-readonly > input:active ~ label:after {
2844         background: transparent;
2845 }
2846
2847 :root .mytheme .v-checkbox-small.v-readonly > input ~ label:after {
2848         opacity: 0.5;
2849         filter: alpha(opacity=50) ;
2850 }
2851
2852 .mytheme .v-checkbox-large {
2853         position: relative;
2854         line-height: 22px;
2855         white-space: nowrap;
2856         font-size: 20px;
2857 }
2858
2859 .mytheme .v-checkbox-large.v-has-width label {
2860         white-space: normal;
2861 }
2862
2863 :root .mytheme .v-checkbox-large {
2864         padding-left: 29px;
2865 }
2866
2867 :root .mytheme .v-checkbox-large label {
2868         -webkit-tap-highlight-color: transparent;
2869         -webkit-touch-callout: none;
2870         cursor: pointer;
2871         display: inline-block;
2872 }
2873
2874 :root .mytheme .v-checkbox-large > input {
2875         position: absolute;
2876         clip: rect(0, 0, 0, 0);
2877         left: 0.2em;
2878         top: 0.2em;
2879         z-index: 0;
2880         margin: 0;
2881 }
2882
2883 :root .mytheme .v-checkbox-large > input:focus ~ label:before {
2884         border-color: #197de1;
2885         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
2886         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
2887         -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);
2888         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);
2889 }
2890
2891 :root .mytheme .v-checkbox-large > input ~ label:before, :root .mytheme .v-checkbox-large > input ~ label:after {
2892         content: "";
2893         display: inline-block;
2894         box-sizing: border-box;
2895         width: 22px;
2896         height: 22px;
2897         position: absolute;
2898         top: 0;
2899         left: 0;
2900         border-radius: 4px;
2901         font-size: 15px;
2902         text-align: center;
2903 }
2904
2905 :root .mytheme .v-checkbox-large > input ~ label:before {
2906         height: 22px;
2907         padding: 0 10px;
2908         color: #191919;
2909         font-weight: 400;
2910
2911
2912         border-radius: 4px;
2913         border: 1px solid #c5c5c5;
2914         border-top-color: #c5c5c5;
2915         border-bottom-color: #bcbcbc;
2916         background-color: #fafafa;
2917         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
2918         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
2919         -webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
2920         box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
2921         text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
2922         padding: 0;
2923         height: 22px;
2924 }
2925
2926 :root .mytheme .v-checkbox-large > input ~ label:after {
2927         content: "\f00c";
2928         font-family: ThemeIcons;
2929         color: transparent;
2930         -webkit-transition: color 100ms;
2931         -moz-transition: color 100ms;
2932         transition: color 100ms;
2933 }
2934
2935 :root .mytheme .v-checkbox-large > input:active ~ label:after {
2936         background-color: rgba(125, 125, 125, 0.2);
2937 }
2938
2939 :root .mytheme .v-checkbox-large > input:checked ~ label:after {
2940         color: #197de1;
2941 }
2942
2943 .mytheme .v-checkbox-large > .v-icon, .mytheme .v-checkbox-large > label .v-icon {
2944         margin: 0 7px 0 4px;
2945         min-width: 1em;
2946         cursor: pointer;
2947 }
2948
2949 .mytheme .v-checkbox-large.v-disabled  > label, .mytheme .v-checkbox-large.v-disabled  > .v-icon {
2950         cursor: default;
2951         opacity: 0.5;
2952         filter: alpha(opacity=50) ;
2953 }
2954
2955 .mytheme .v-checkbox-large.v-disabled  > label > .v-icon {
2956         cursor: default;
2957 }
2958
2959 :root .mytheme .v-checkbox-large.v-disabled > input:active ~ label:after {
2960         background: transparent;
2961 }
2962
2963 .mytheme .v-checkbox-large.v-readonly  > label, .mytheme .v-checkbox-large.v-readonly  > .v-icon {
2964         cursor: default;
2965 }
2966
2967 .mytheme .v-checkbox-large.v-readonly  > label > .v-icon {
2968         cursor: default;
2969 }
2970
2971 :root .mytheme .v-checkbox-large.v-readonly > input:active ~ label:after {
2972         background: transparent;
2973 }
2974
2975 :root .mytheme .v-checkbox-large.v-readonly > input ~ label:after {
2976         opacity: 0.5;
2977         filter: alpha(opacity=50) ;
2978 }
2979
2980 .mytheme .v-filterselect {
2981         position: relative;
2982         width: 185px;
2983         height: 37px;
2984         border-radius: 4px;
2985         white-space: nowrap;
2986 }
2987
2988 .mytheme .v-filterselect [class*="input"] {
2989         box-sizing: border-box;
2990         -webkit-appearance: none;
2991         -moz-appearance: none;
2992         -ms-appearance: none;
2993         -o-appearance: none;
2994         appearance: none;
2995         -webkit-user-select: text;
2996         -moz-user-select: text;
2997         -ms-user-select: text;
2998         user-select: text;
2999         margin: 0;
3000         font: inherit;
3001
3002         font-weight: 400;
3003         line-height: normal;
3004         height: 37px;
3005         border-radius: 4px;
3006         padding: 4px 9px;
3007         border: 1px solid #c5c5c5;
3008         background: white;
3009         color: #474747;
3010         -webkit-box-shadow: inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
3011         box-shadow: inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
3012         -webkit-transition: box-shadow 180ms, border 180ms;
3013         -moz-transition: box-shadow 180ms, border 180ms;
3014         transition: box-shadow 180ms, border 180ms;
3015         width: 100% !important;
3016         height: 100%;
3017         padding-right: 38px;
3018         border-radius: inherit;
3019 }
3020
3021 .mytheme .v-filterselect [class*="input"].v-disabled {
3022         opacity: 0.5;
3023         filter: alpha(opacity=50) ;
3024 }
3025
3026 .mytheme .v-filterselect [class*="input"]:focus {
3027         outline: none;
3028         -webkit-transition: none;
3029         -moz-transition: none;
3030         transition: none;
3031         border-color: #197de1;
3032         -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);
3033         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);
3034         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
3035         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
3036 }
3037
3038 .mytheme .v-filterselect [class*="input"][class*="prompt"] {
3039         color: #a3a3a3;
3040 }
3041
3042 .mytheme .v-filterselect .v-icon + [class*="input"] {
3043         padding-left: 37px;
3044 }
3045
3046 .mytheme .v-filterselect img.v-icon {
3047         max-height: 37px;
3048         margin-left: 9px;
3049 }
3050
3051 .mytheme .v-filterselect span.v-icon {
3052         color: #474747;
3053         width: 37px;
3054         line-height: 1;
3055         padding-top: 0.12em;
3056         margin-left: 9px;
3057 }
3058
3059 .mytheme .v-filterselect[class*="prompt"] > [class*="input"] {
3060         color: #a3a3a3;
3061 }
3062
3063 .mytheme .v-filterselect [class$="button"] {
3064         -webkit-tap-highlight-color: transparent;
3065         -webkit-touch-callout: none;
3066         cursor: pointer;
3067         position: absolute;
3068         width: 37px;
3069         top: 1px;
3070         right: 1px;
3071         bottom: 1px;
3072         border-left: 1px solid #e4e4e4;
3073         color: #a3a3a3;
3074         border-radius: 0 3px 3px 0;
3075 }
3076
3077 .mytheme .v-filterselect [class$="button"]:before {
3078         font-family: ThemeIcons;
3079         content: "\f078";
3080         -webkit-transition: color 140ms;
3081         -moz-transition: color 140ms;
3082         transition: color 140ms;
3083         position: absolute;
3084         width: 37px;
3085         text-align: center;
3086         top: 50%;
3087         line-height: 1;
3088         margin-top: -0.47em;
3089 }
3090
3091 .mytheme .v-filterselect [class$="button"]:hover:before {
3092         color: #474747;
3093 }
3094
3095 .mytheme .v-filterselect [class$="button"]:active:after {
3096         content: "";
3097         position: absolute;
3098         top: 0;
3099         right: 0;
3100         bottom: 0;
3101         left: 0;
3102         border-radius: inherit;
3103         background-color: rgba(128, 128, 128, 0.2);
3104 }
3105
3106 .mytheme .v-filterselect.v-disabled {
3107         opacity: 0.5;
3108         filter: alpha(opacity=50) ;
3109 }
3110
3111 .mytheme .v-filterselect.v-disabled [class$="button"] {
3112         cursor: default;
3113         pointer-events: none;
3114 }
3115
3116 .mytheme .v-filterselect.v-disabled [class$="button"]:active:after {
3117         display: none;
3118 }
3119
3120 .mytheme .v-filterselect.v-readonly [class*="input"] {
3121         background: #fafafa;
3122         color: #464646;
3123         -webkit-box-shadow: none;
3124         box-shadow: none;
3125 }
3126
3127 .mytheme .v-filterselect.v-readonly [class*="input"]:focus {
3128         box-shadow: none;
3129         border-color: #c5c5c5;
3130 }
3131
3132 .mytheme .v-filterselect.v-readonly [class$="button"] {
3133         cursor: default;
3134         pointer-events: none;
3135 }
3136
3137 .mytheme .v-filterselect.v-readonly [class$="button"]:active:after {
3138         display: none;
3139 }
3140
3141 .mytheme .v-filterselect .v-icon {
3142         position: absolute;
3143         pointer-events: none;
3144 }
3145
3146 .mytheme .v-filterselect .v-icon.FontAwesome {
3147         margin-left: 0px;
3148 }
3149
3150 .mytheme .v-filterselect-error .v-filterselect-input {
3151         border-color: #ed473b !important;
3152         background: #fffbfb;
3153         color: #6c2621;
3154 }
3155
3156 .mytheme .v-filterselect-error .v-filterselect-button {
3157         color: #ed473b;
3158         border-color: #ed473b;
3159 }
3160
3161 .mytheme .v-filterselect-error-info .v-filterselect-input {
3162         border-color: #00a7f5 !important;
3163         background: #fafdff;
3164         color: #195774;
3165 }
3166
3167 .mytheme .v-filterselect-error-info .v-filterselect-button {
3168         color: #00a7f5;
3169         border-color: #00a7f5;
3170 }
3171
3172 .mytheme .v-filterselect-error-warning .v-filterselect-input {
3173         border-color: #fc9c00 !important;
3174         background: #fffdfa;
3175         color: #745119;
3176 }
3177
3178 .mytheme .v-filterselect-error-warning .v-filterselect-button {
3179         color: #fc9c00;
3180         border-color: #fc9c00;
3181 }
3182
3183 .mytheme .v-filterselect-error-error .v-filterselect-input {
3184         border-color: #ed473b !important;
3185         background: #fffbfb;
3186         color: #6c2621;
3187 }
3188
3189 .mytheme .v-filterselect-error-error .v-filterselect-button {
3190         color: #ed473b;
3191         border-color: #ed473b;
3192 }
3193
3194 .mytheme .v-filterselect-error-critical .v-filterselect-input {
3195         border-color: #fa007d !important;
3196         background: #fffafc;
3197         color: #741947;
3198 }
3199
3200 .mytheme .v-filterselect-error-critical .v-filterselect-button {
3201         color: #fa007d;
3202         border-color: #fa007d;
3203 }
3204
3205 .mytheme .v-filterselect-error-system .v-filterselect-input {
3206         border-color: #bb00ff !important;
3207         background: #fefaff;
3208         color: #5c1974;
3209 }
3210
3211 .mytheme .v-filterselect-error-system .v-filterselect-button {
3212         color: #bb00ff;
3213         border-color: #bb00ff;
3214 }
3215
3216 .mytheme .v-filterselect-suggestpopup {
3217         margin-top: 5px !important;
3218 }
3219
3220 .mytheme .v-filterselect-suggestpopup[class*="animate-in"] {
3221         -webkit-animation: valo-overlay-animate-in 120ms;
3222         -moz-animation: valo-overlay-animate-in 120ms;
3223         animation: valo-overlay-animate-in 120ms;
3224 }
3225
3226 .mytheme .v-filterselect-suggestpopup [class$="suggestmenu"] {
3227         padding: 4px 4px;
3228         border-radius: 4px;
3229         background-color: white;
3230         color: #474747;
3231         -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);
3232         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);
3233         -webkit-backface-visibility: hidden;
3234         -moz-backface-visibility: hidden;
3235         -ms-backface-visibility: hidden;
3236         backface-visibility: hidden;
3237         padding: 4px 4px;
3238         box-sizing: content-box;
3239         position: relative;
3240         z-index: 1;
3241         display: block;
3242 }
3243
3244 .mytheme .v-filterselect-suggestpopup table, .mytheme .v-filterselect-suggestpopup tbody, .mytheme .v-filterselect-suggestpopup tr, .mytheme .v-filterselect-suggestpopup td {
3245         display: block;
3246         width: 100%;
3247         overflow-y: hidden;
3248         float: left;
3249         clear: both;
3250 }
3251
3252 .mytheme .v-filterselect-suggestpopup .gwt-MenuItem {
3253         cursor: pointer;
3254         line-height: 27px;
3255         padding: 0 20px 0 10px;
3256         border-radius: 3px;
3257         font-weight: 400;
3258         white-space: nowrap;
3259         position: relative;
3260         height: 27px;
3261         box-sizing: border-box;
3262         text-overflow: ellipsis;
3263         overflow-x: hidden;
3264 }
3265
3266 .mytheme .v-filterselect-suggestpopup .gwt-MenuItem:active:before {
3267         content: "";
3268         position: absolute;
3269         top: 0;
3270         right: 0;
3271         bottom: 0;
3272         left: 0;
3273         background: #0957a6;
3274         opacity: 0.15;
3275         filter: alpha(opacity=15.0) ;
3276         pointer-events: none;
3277         border-radius: inherit;
3278 }
3279
3280 .mytheme .v-filterselect-suggestpopup .gwt-MenuItem .v-icon {
3281         max-height: 27px;
3282         margin-right: 5px;
3283         min-width: 1em;
3284 }
3285
3286 .mytheme .v-filterselect-suggestpopup .gwt-MenuItem-selected {
3287         background-color: #197de1;
3288         background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
3289         background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
3290         color: #ecf2f8;
3291         text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
3292 }
3293
3294 .mytheme .v-filterselect-suggestpopup [class$="status"] {
3295         position: absolute;
3296         right: 4px;
3297         background: rgba(212, 212, 212, 0.9);
3298         color: #3b3b3b;
3299         border-radius: 0 0 4px 4px;
3300         height: 23px;
3301         bottom: -23px;
3302         font-size: 12px;
3303         line-height: 23px;
3304         padding: 0 6px;
3305         cursor: default;
3306         pointer-events: none;
3307         -webkit-animation: valo-animate-in-slide-down 200ms 80ms backwards;
3308         -moz-animation: valo-animate-in-slide-down 200ms 80ms backwards;
3309         animation: valo-animate-in-slide-down 200ms 80ms backwards;
3310 }
3311
3312 .mytheme .v-filterselect-suggestpopup [class$="status"]  > * {
3313         color: #3b3b3b;
3314         text-decoration: none;
3315 }
3316
3317 .mytheme .v-filterselect-suggestpopup div[class*="page"] {
3318         position: absolute;
3319         z-index: 3;
3320         right: 0;
3321         opacity: 0.2;
3322         filter: alpha(opacity=20) ;
3323         cursor: pointer;
3324         -webkit-transition: all 200ms;
3325         -moz-transition: all 200ms;
3326         transition: all 200ms;
3327         width: 25px;
3328         height: 25px;
3329         line-height: 25px;
3330         text-align: center;
3331         font-family: ThemeIcons;
3332         -webkit-transform: scale(0.8);
3333         -moz-transform: scale(0.8);
3334         -ms-transform: scale(0.8);
3335         -o-transform: scale(0.8);
3336         transform: scale(0.8);
3337         color: #464646;
3338 }
3339
3340 .mytheme .v-filterselect-suggestpopup div[class*="page"]:after {
3341         content: "";
3342         position: absolute;
3343         display: block;
3344         border-radius: 50%;
3345 }
3346
3347 .mytheme .v-filterselect-suggestpopup div[class*="page"]:hover {
3348         opacity: 1;
3349         filter: none ;
3350         background: rgba(250, 250, 250, 0.5);
3351 }
3352
3353 .mytheme .v-filterselect-suggestpopup div[class*="page"]:hover:after {
3354         top: -10px;
3355         bottom: -10px;
3356         left: -20px;
3357         right: -20px;
3358 }
3359
3360 .mytheme .v-filterselect-suggestpopup div[class*="page"] span {
3361         display: none;
3362 }
3363
3364 .mytheme .v-filterselect-suggestpopup:hover div[class*="page"] {
3365         -webkit-transform: scale(1);
3366         -moz-transform: scale(1);
3367         -ms-transform: scale(1);
3368         -o-transform: scale(1);
3369         transform: scale(1);
3370 }
3371
3372 .mytheme .v-filterselect-suggestpopup div[class*="prev"] {
3373         top: 0;
3374         -webkit-transform-origin: 100% 0%;
3375         -moz-transform-origin: 100% 0%;
3376         -ms-transform-origin: 100% 0%;
3377         -o-transform-origin: 100% 0%;
3378         transform-origin: 100% 0%;
3379         border-radius: 0 4px 0 4px;
3380 }
3381
3382 .mytheme .v-filterselect-suggestpopup div[class*="prev"]:before {
3383         content: "\f0d8";
3384 }
3385
3386 .mytheme .v-filterselect-suggestpopup div[class*="next"] {
3387         bottom: 0;
3388         -webkit-transform-origin: 100% 100%;
3389         -moz-transform-origin: 100% 100%;
3390         -ms-transform-origin: 100% 100%;
3391         -o-transform-origin: 100% 100%;
3392         transform-origin: 100% 100%;
3393         border-radius: 4px 0 4px 0;
3394 }
3395
3396 .mytheme .v-filterselect-suggestpopup div[class*="next"]:before {
3397         content: "\f0d7";
3398 }
3399
3400 .mytheme .v-filterselect-suggestpopup div[class*="-off"] {
3401         display: none;
3402 }
3403
3404 .mytheme .v-filterselect-no-input {
3405         cursor: pointer;
3406         text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
3407 }
3408
3409 .mytheme .v-filterselect-no-input [class*="input"] {
3410         -webkit-user-select: none;
3411         -moz-user-select: none;
3412         -ms-user-select: none;
3413         user-select: none;
3414         background-color: #fafafa;
3415         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
3416         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
3417         cursor: inherit;
3418         -webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
3419         box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
3420         border: 1px solid #c5c5c5;
3421         border-top-color: #c5c5c5;
3422         border-bottom-color: #bcbcbc;
3423         text-shadow: inherit;
3424         text-overflow: ellipsis;
3425         border-radius: inherit;
3426 }
3427
3428 .mytheme .v-filterselect-no-input [class*="input"]:focus {
3429         outline: none;
3430         -webkit-transition: none;
3431         -moz-transition: none;
3432         transition: none;
3433         border-color: #197de1;
3434         -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);
3435         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);
3436         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
3437         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
3438 }
3439
3440 .mytheme .v-filterselect-no-input [class$="button"] {
3441         border-left: none !important;
3442 }
3443
3444 .mytheme .v-filterselect-no-input:hover [class$="button"]:before {
3445         color: inherit;
3446 }
3447
3448 .mytheme .v-filterselect-borderless .v-filterselect-input {
3449         border: none;
3450         border-radius: 0;
3451         background: transparent;
3452         -webkit-box-shadow: none;
3453         box-shadow: none;
3454         color: inherit;
3455 }
3456
3457 .mytheme .v-filterselect-borderless .v-filterselect-input:focus {
3458         -webkit-box-shadow: none;
3459         box-shadow: none;
3460 }
3461
3462 .mytheme .v-filterselect-borderless .v-filterselect-input[class*="prompt"] {
3463         color: inherit;
3464         opacity: 0.5;
3465         filter: alpha(opacity=50) ;
3466 }
3467
3468 .mytheme .v-filterselect-borderless .v-filterselect-button {
3469         border: none;
3470         color: inherit;
3471         opacity: 0.5;
3472         filter: alpha(opacity=50) ;
3473 }
3474
3475 .mytheme .v-filterselect-borderless.v-filterselect-prompt .v-filterselect-input {
3476         color: inherit;
3477         opacity: 0.5;
3478         filter: alpha(opacity=50) ;
3479 }
3480
3481 .mytheme .v-filterselect-align-right input {
3482         text-align: right;
3483 }
3484
3485 .mytheme .v-filterselect-align-center input {
3486         text-align: center;
3487 }
3488
3489 .mytheme .v-filterselect-tiny {
3490         height: 28px;
3491
3492         font-size: 12px;
3493 }
3494
3495 .mytheme .v-filterselect-tiny [class*="input"] {
3496         box-sizing: border-box;
3497         -webkit-appearance: none;
3498         -moz-appearance: none;
3499         -ms-appearance: none;
3500         -o-appearance: none;
3501         appearance: none;
3502         -webkit-user-select: text;
3503         -moz-user-select: text;
3504         -ms-user-select: text;
3505         user-select: text;
3506         margin: 0;
3507         font: inherit;
3508
3509         font-weight: 400;
3510         line-height: normal;
3511         height: 28px;
3512
3513         padding: 3px 5px;
3514
3515
3516         -webkit-transition: box-shadow 180ms, border 180ms;
3517         -moz-transition: box-shadow 180ms, border 180ms;
3518         transition: box-shadow 180ms, border 180ms;
3519         width: 100% !important;
3520         height: 100%;
3521         padding-right: 29px;
3522         border-radius: inherit;
3523 }
3524
3525 .mytheme .v-filterselect-tiny .v-icon + [class*="input"] {
3526         padding-left: 28px;
3527 }
3528
3529 .mytheme .v-filterselect-tiny img.v-icon {
3530         max-height: 28px;
3531         margin-left: 5px;
3532 }
3533
3534 .mytheme .v-filterselect-tiny span.v-icon {
3535
3536         width: 28px;
3537         line-height: 1;
3538         padding-top: 0.12em;
3539         margin-left: 5px;
3540 }
3541
3542 .mytheme .v-filterselect-tiny [class$="button"] {
3543         -webkit-tap-highlight-color: transparent;
3544         -webkit-touch-callout: none;
3545         cursor: pointer;
3546         position: absolute;
3547         width: 28px;
3548         border-radius: 0 4px 4px 0;
3549 }
3550
3551 .mytheme .v-filterselect-tiny [class$="button"]:before {
3552         font-family: ThemeIcons;
3553         content: "\f078";
3554         -webkit-transition: color 140ms;
3555         -moz-transition: color 140ms;
3556         transition: color 140ms;
3557         position: absolute;
3558         width: 28px;
3559         text-align: center;
3560         top: 50%;
3561         line-height: 1;
3562         margin-top: -0.47em;
3563 }
3564
3565 .mytheme .v-filterselect-tiny [class$="button"]:active:after {
3566         content: "";
3567         position: absolute;
3568         top: 0;
3569         right: 0;
3570         bottom: 0;
3571         left: 0;
3572         border-radius: inherit;
3573 }
3574
3575 .mytheme .v-filterselect-tiny.v-disabled {
3576         opacity: 0.5;
3577         filter: alpha(opacity=50) ;
3578 }
3579
3580 .mytheme .v-filterselect-tiny.v-disabled [class$="button"] {
3581         cursor: default;
3582         pointer-events: none;
3583 }
3584
3585 .mytheme .v-filterselect-tiny.v-disabled [class$="button"]:active:after {
3586         display: none;
3587 }
3588
3589 .mytheme .v-filterselect-tiny.v-readonly [class*="input"] {
3590         background: #fafafa;
3591         color: #464646;
3592         -webkit-box-shadow: none;
3593         box-shadow: none;
3594 }
3595
3596 .mytheme .v-filterselect-tiny.v-readonly [class*="input"]:focus {
3597         box-shadow: none;
3598         border-color: #c5c5c5;
3599 }
3600
3601 .mytheme .v-filterselect-tiny.v-readonly [class$="button"] {
3602         cursor: default;
3603         pointer-events: none;
3604 }
3605
3606 .mytheme .v-filterselect-tiny.v-readonly [class$="button"]:active:after {
3607         display: none;
3608 }
3609
3610 .mytheme .v-filterselect-compact, .mytheme .v-filterselect-small {
3611         height: 31px;
3612
3613 }
3614
3615 .mytheme .v-filterselect-compact [class*="input"], .mytheme .v-filterselect-small [class*="input"] {
3616         box-sizing: border-box;
3617         -webkit-appearance: none;
3618         -moz-appearance: none;
3619         -ms-appearance: none;
3620         -o-appearance: none;
3621         appearance: none;
3622         -webkit-user-select: text;
3623         -moz-user-select: text;
3624         -ms-user-select: text;
3625         user-select: text;
3626         margin: 0;
3627         font: inherit;
3628
3629         font-weight: 400;
3630         line-height: normal;
3631         height: 31px;
3632
3633         padding: 3px 6px;
3634
3635
3636         -webkit-transition: box-shadow 180ms, border 180ms;
3637         -moz-transition: box-shadow 180ms, border 180ms;
3638         transition: box-shadow 180ms, border 180ms;
3639         width: 100% !important;
3640         height: 100%;
3641         padding-right: 32px;
3642         border-radius: inherit;
3643 }
3644
3645 .mytheme .v-filterselect-compact .v-icon + [class*="input"], .mytheme .v-filterselect-small .v-icon + [class*="input"] {
3646         padding-left: 31px;
3647 }
3648
3649 .mytheme .v-filterselect-compact img.v-icon, .mytheme .v-filterselect-small img.v-icon {
3650         max-height: 31px;
3651         margin-left: 6px;
3652 }
3653
3654 .mytheme .v-filterselect-compact span.v-icon, .mytheme .v-filterselect-small span.v-icon {
3655
3656         width: 31px;
3657         line-height: 1;
3658         padding-top: 0.12em;
3659         margin-left: 6px;
3660 }
3661
3662 .mytheme .v-filterselect-compact [class$="button"], .mytheme .v-filterselect-small [class$="button"] {
3663         -webkit-tap-highlight-color: transparent;
3664         -webkit-touch-callout: none;
3665         cursor: pointer;
3666         position: absolute;
3667         width: 31px;
3668         border-radius: 0 4px 4px 0;
3669 }
3670
3671 .mytheme .v-filterselect-compact [class$="button"]:before, .mytheme .v-filterselect-small [class$="button"]:before {
3672         font-family: ThemeIcons;
3673         content: "\f078";
3674         -webkit-transition: color 140ms;
3675         -moz-transition: color 140ms;
3676         transition: color 140ms;
3677         position: absolute;
3678         width: 31px;
3679         text-align: center;
3680         top: 50%;
3681         line-height: 1;
3682         margin-top: -0.47em;
3683 }
3684
3685 .mytheme .v-filterselect-compact [class$="button"]:active:after, .mytheme .v-filterselect-small [class$="button"]:active:after {
3686         content: "";
3687         position: absolute;
3688         top: 0;
3689         right: 0;
3690         bottom: 0;
3691         left: 0;
3692         border-radius: inherit;
3693 }
3694
3695 .mytheme .v-filterselect-compact.v-disabled, .mytheme .v-filterselect-small.v-disabled {
3696         opacity: 0.5;
3697         filter: alpha(opacity=50) ;
3698 }
3699
3700 .mytheme .v-filterselect-compact.v-disabled [class$="button"], .mytheme .v-filterselect-small.v-disabled [class$="button"] {
3701         cursor: default;
3702         pointer-events: none;
3703 }
3704
3705 .mytheme .v-filterselect-compact.v-disabled [class$="button"]:active:after, .mytheme .v-filterselect-small.v-disabled [class$="button"]:active:after {
3706         display: none;
3707 }
3708
3709 .mytheme .v-filterselect-compact.v-readonly [class*="input"], .mytheme .v-filterselect-small.v-readonly [class*="input"] {
3710         background: #fafafa;
3711         color: #464646;
3712         -webkit-box-shadow: none;
3713         box-shadow: none;
3714 }
3715
3716 .mytheme .v-filterselect-compact.v-readonly [class*="input"]:focus, .mytheme .v-filterselect-small.v-readonly [class*="input"]:focus {
3717         box-shadow: none;
3718         border-color: #c5c5c5;
3719 }
3720
3721 .mytheme .v-filterselect-compact.v-readonly [class$="button"], .mytheme .v-filterselect-small.v-readonly [class$="button"] {
3722         cursor: default;
3723         pointer-events: none;
3724 }
3725
3726 .mytheme .v-filterselect-compact.v-readonly [class$="button"]:active:after, .mytheme .v-filterselect-small.v-readonly [class$="button"]:active:after {
3727         display: none;
3728 }
3729
3730 .mytheme .v-filterselect-small {
3731         font-size: 14px;
3732 }
3733
3734 .mytheme .v-filterselect-large {
3735         height: 44px;
3736
3737         font-size: 20px;
3738 }
3739
3740 .mytheme .v-filterselect-large [class*="input"] {
3741         box-sizing: border-box;
3742         -webkit-appearance: none;
3743         -moz-appearance: none;
3744         -ms-appearance: none;
3745         -o-appearance: none;
3746         appearance: none;
3747         -webkit-user-select: text;
3748         -moz-user-select: text;
3749         -ms-user-select: text;
3750         user-select: text;
3751         margin: 0;
3752         font: inherit;
3753
3754         font-weight: 400;
3755         line-height: normal;
3756         height: 44px;
3757
3758         padding: 5px 8px;
3759
3760
3761         -webkit-transition: box-shadow 180ms, border 180ms;
3762         -moz-transition: box-shadow 180ms, border 180ms;
3763         transition: box-shadow 180ms, border 180ms;
3764         width: 100% !important;
3765         height: 100%;
3766         padding-right: 45px;
3767         border-radius: inherit;
3768 }
3769
3770 .mytheme .v-filterselect-large .v-icon + [class*="input"] {
3771         padding-left: 44px;
3772 }
3773
3774 .mytheme .v-filterselect-large img.v-icon {
3775         max-height: 44px;
3776         margin-left: 8px;
3777 }
3778
3779 .mytheme .v-filterselect-large span.v-icon {
3780
3781         width: 44px;
3782         line-height: 1;
3783         padding-top: 0.12em;
3784         margin-left: 8px;
3785 }
3786
3787 .mytheme .v-filterselect-large [class$="button"] {
3788         -webkit-tap-highlight-color: transparent;
3789         -webkit-touch-callout: none;
3790         cursor: pointer;
3791         position: absolute;
3792         width: 44px;
3793         border-radius: 0 4px 4px 0;
3794 }
3795
3796 .mytheme .v-filterselect-large [class$="button"]:before {
3797         font-family: ThemeIcons;
3798         content: "\f078";
3799         -webkit-transition: color 140ms;
3800         -moz-transition: color 140ms;
3801         transition: color 140ms;
3802         position: absolute;
3803         width: 44px;
3804         text-align: center;
3805         top: 50%;
3806         line-height: 1;
3807         margin-top: -0.47em;
3808 }
3809
3810 .mytheme .v-filterselect-large [class$="button"]:active:after {
3811         content: "";
3812         position: absolute;
3813         top: 0;
3814         right: 0;
3815         bottom: 0;
3816         left: 0;
3817         border-radius: inherit;
3818 }
3819
3820 .mytheme .v-filterselect-large.v-disabled {
3821         opacity: 0.5;
3822         filter: alpha(opacity=50) ;
3823 }
3824
3825 .mytheme .v-filterselect-large.v-disabled [class$="button"] {
3826         cursor: default;
3827         pointer-events: none;
3828 }
3829
3830 .mytheme .v-filterselect-large.v-disabled [class$="button"]:active:after {
3831         display: none;
3832 }
3833
3834 .mytheme .v-filterselect-large.v-readonly [class*="input"] {
3835         background: #fafafa;
3836         color: #464646;
3837         -webkit-box-shadow: none;
3838         box-shadow: none;
3839 }
3840
3841 .mytheme .v-filterselect-large.v-readonly [class*="input"]:focus {
3842         box-shadow: none;
3843         border-color: #c5c5c5;
3844 }
3845
3846 .mytheme .v-filterselect-large.v-readonly [class$="button"] {
3847         cursor: default;
3848         pointer-events: none;
3849 }
3850
3851 .mytheme .v-filterselect-large.v-readonly [class$="button"]:active:after {
3852         display: none;
3853 }
3854
3855 .mytheme .v-filterselect-huge {
3856         height: 59px;
3857
3858         font-size: 26px;
3859 }
3860
3861 .mytheme .v-filterselect-huge [class*="input"] {
3862         box-sizing: border-box;
3863         -webkit-appearance: none;
3864         -moz-appearance: none;
3865         -ms-appearance: none;
3866         -o-appearance: none;
3867         appearance: none;
3868         -webkit-user-select: text;
3869         -moz-user-select: text;
3870         -ms-user-select: text;
3871         user-select: text;
3872         margin: 0;
3873         font: inherit;
3874
3875         font-weight: 400;
3876         line-height: normal;
3877         height: 59px;
3878
3879         padding: 7px 10px;
3880
3881
3882         -webkit-transition: box-shadow 180ms, border 180ms;
3883         -moz-transition: box-shadow 180ms, border 180ms;
3884         transition: box-shadow 180ms, border 180ms;
3885         width: 100% !important;
3886         height: 100%;
3887         padding-right: 60px;
3888         border-radius: inherit;
3889 }
3890
3891 .mytheme .v-filterselect-huge .v-icon + [class*="input"] {
3892         padding-left: 59px;
3893 }
3894
3895 .mytheme .v-filterselect-huge img.v-icon {
3896         max-height: 59px;
3897         margin-left: 10px;
3898 }
3899
3900 .mytheme .v-filterselect-huge span.v-icon {
3901
3902         width: 59px;
3903         line-height: 1;
3904         padding-top: 0.12em;
3905         margin-left: 10px;
3906 }
3907
3908 .mytheme .v-filterselect-huge [class$="button"] {
3909         -webkit-tap-highlight-color: transparent;
3910         -webkit-touch-callout: none;
3911         cursor: pointer;
3912         position: absolute;
3913         width: 59px;
3914         border-radius: 0 4px 4px 0;
3915 }
3916
3917 .mytheme .v-filterselect-huge [class$="button"]:before {
3918         font-family: ThemeIcons;
3919         content: "\f078";
3920         -webkit-transition: color 140ms;
3921         -moz-transition: color 140ms;
3922         transition: color 140ms;
3923         position: absolute;
3924         width: 59px;
3925         text-align: center;
3926         top: 50%;
3927         line-height: 1;
3928         margin-top: -0.47em;
3929 }
3930
3931 .mytheme .v-filterselect-huge [class$="button"]:active:after {
3932         content: "";
3933         position: absolute;
3934         top: 0;
3935         right: 0;
3936         bottom: 0;
3937         left: 0;
3938         border-radius: inherit;
3939 }
3940
3941 .mytheme .v-filterselect-huge.v-disabled {
3942         opacity: 0.5;
3943         filter: alpha(opacity=50) ;
3944 }
3945
3946 .mytheme .v-filterselect-huge.v-disabled [class$="button"] {
3947         cursor: default;
3948         pointer-events: none;
3949 }
3950
3951 .mytheme .v-filterselect-huge.v-disabled [class$="button"]:active:after {
3952         display: none;
3953 }
3954
3955 .mytheme .v-filterselect-huge.v-readonly [class*="input"] {
3956         background: #fafafa;
3957         color: #464646;
3958         -webkit-box-shadow: none;
3959         box-shadow: none;
3960 }
3961
3962 .mytheme .v-filterselect-huge.v-readonly [class*="input"]:focus {
3963         box-shadow: none;
3964         border-color: #c5c5c5;
3965 }
3966
3967 .mytheme .v-filterselect-huge.v-readonly [class$="button"] {
3968         cursor: default;
3969         pointer-events: none;
3970 }
3971
3972 .mytheme .v-filterselect-huge.v-readonly [class$="button"]:active:after {
3973         display: none;
3974 }
3975
3976 .mytheme .v-csslayout-well {
3977         background: #f5f5f5;
3978         color: #454545;
3979         -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 2px 3px rgba(0, 0, 0, 0.05);
3980         box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 2px 3px rgba(0, 0, 0, 0.05);
3981         border-radius: 4px;
3982         border: 1px solid #c5c5c5;
3983 }
3984
3985 .mytheme .v-csslayout-well  > div > [class*="-caption"] {
3986         background: transparent;
3987         -webkit-box-shadow: none;
3988         box-shadow: none;
3989 }
3990
3991 .mytheme .v-csslayout-well  > .v-margin-top {
3992         padding-top: 12px;
3993 }
3994
3995 .mytheme .v-csslayout-well  > .v-margin-right {
3996         padding-right: 12px;
3997 }
3998
3999 .mytheme .v-csslayout-well  > .v-margin-bottom {
4000         padding-bottom: 12px;
4001 }
4002
4003 .mytheme .v-csslayout-well  > .v-margin-left {
4004         padding-left: 12px;
4005 }
4006
4007 .mytheme .v-csslayout-card {
4008         background: white;
4009         color: #474747;
4010         border-radius: 4px;
4011         border: 1px solid #d5d5d5;
4012         -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
4013         box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
4014 }
4015
4016 .mytheme .v-csslayout-card  > .v-margin-top {
4017         padding-top: 12px;
4018 }
4019
4020 .mytheme .v-csslayout-card  > .v-margin-right {
4021         padding-right: 12px;
4022 }
4023
4024 .mytheme .v-csslayout-card  > .v-margin-bottom {
4025         padding-bottom: 12px;
4026 }
4027
4028 .mytheme .v-csslayout-card  > .v-margin-left {
4029         padding-left: 12px;
4030 }
4031
4032 .mytheme .v-csslayout-v-component-group {
4033         white-space: nowrap;
4034         position: relative;
4035 }
4036
4037 .mytheme .v-csslayout-v-component-group .v-widget ~ .v-widget:not(:last-child) {
4038         border-radius: 0;
4039 }
4040
4041 .mytheme .v-csslayout-v-component-group .v-widget ~ .v-widget.v-upload:not(:last-child) .v-button {
4042         border-radius: 0;
4043 }
4044
4045 .mytheme .v-csslayout-v-component-group .v-widget:last-child {
4046         border-top-left-radius: 0;
4047         border-bottom-left-radius: 0;
4048 }
4049
4050 .mytheme .v-csslayout-v-component-group .v-widget.v-upload:last-child .v-button {
4051         border-top-left-radius: 0;
4052         border-bottom-left-radius: 0;
4053 }
4054
4055 .mytheme .v-csslayout-v-component-group .v-widget:first-child, .mytheme .v-csslayout-v-component-group .v-caption:first-child + .v-widget {
4056         border-top-right-radius: 0;
4057         border-bottom-right-radius: 0;
4058 }
4059
4060 .mytheme .v-csslayout-v-component-group .v-widget.v-upload:first-child .v-button, .mytheme .v-csslayout-v-component-group .v-caption:first-child + .v-widget.v-upload .v-button {
4061         border-top-right-radius: 0;
4062         border-bottom-right-radius: 0;
4063 }
4064
4065 .mytheme .v-csslayout-v-component-group .v-widget ~ .v-widget.first.first {
4066         border-radius: 4px 0 0 4px;
4067 }
4068
4069 .mytheme .v-csslayout-v-component-group .v-widget ~ .v-widget.first.first.v-upload .v-button {
4070         border-radius: 4px 0 0 4px;
4071 }
4072
4073 .mytheme .v-csslayout-v-component-group .v-widget ~ .v-widget.last.last {
4074         border-radius: 0 4px 4px 0;
4075 }
4076
4077 .mytheme .v-csslayout-v-component-group .v-widget ~ .v-widget.last.last.v-upload .v-button {
4078         border-radius: 0 4px 4px 0;
4079 }
4080
4081 .mytheme .v-csslayout-v-component-group .v-widget {
4082         vertical-align: middle;
4083         margin-left: -1px;
4084 }
4085
4086 .mytheme .v-csslayout-v-component-group .v-widget:first-child {
4087         margin-left: 0;
4088 }
4089
4090 .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"] {
4091         position: relative;
4092         z-index: 5;
4093 }
4094
4095 .mytheme .v-form fieldset {
4096         border: none;
4097         padding: 0;
4098         margin: 0;
4099         height: 100%;
4100 }
4101
4102 .mytheme .v-form-content {
4103         height: 100%;
4104         box-sizing: border-box;
4105 }
4106
4107 .mytheme [class*="spacing"] > tbody > [class*="row"] > td {
4108         padding-top: 12px;
4109 }
4110
4111 .mytheme [class*="spacing"] > tbody > [class*="firstrow"] > td {
4112         padding-top: 0;
4113 }
4114
4115 .mytheme [class*="margin-top"] > tbody > [class*="firstrow"] > td {
4116         padding-top: 37px;
4117 }
4118
4119 .mytheme [class*="margin-bottom"] > tbody > [class*="lastrow"] > td {
4120         padding-bottom: 37px;
4121 }
4122
4123 .mytheme [class*="margin-left"] > tbody > [class*="row"] > [class*="captioncell"] {
4124         padding-left: 37px;
4125 }
4126
4127 .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 {
4128         left: 37px;
4129 }
4130
4131 .mytheme [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] {
4132         padding-right: 37px;
4133 }
4134
4135 .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 {
4136         right: 37px;
4137 }
4138
4139 .mytheme .v-formlayout > table {
4140         border-spacing: 0;
4141         position: relative;
4142 }
4143
4144 .mytheme .v-formlayout.v-has-width > table, .mytheme .v-formlayout.v-has-width .v-formlayout-contentcell {
4145         width: 100%;
4146 }
4147
4148 .mytheme .v-formlayout-error-indicator {
4149         width: 19px;
4150 }
4151
4152 .mytheme .v-formlayout-captioncell {
4153         vertical-align: top;
4154         line-height: 36px;
4155 }
4156
4157 .mytheme .v-formlayout-captioncell .v-caption {
4158         padding-bottom: 0;
4159 }
4160
4161 .mytheme .v-formlayout-captioncell .v-caption-h2, .mytheme .v-formlayout-captioncell .v-caption-h3, .mytheme .v-formlayout-captioncell .v-caption-h4 {
4162         height: 3em;
4163 }
4164
4165 .mytheme .v-formlayout-contentcell .v-checkbox, .mytheme .v-formlayout-contentcell .v-radiobutton {
4166         font-weight: 400;
4167 }
4168
4169 .mytheme .v-formlayout-contentcell  > .v-label-h2, .mytheme .v-formlayout-contentcell  > .v-label-h3, .mytheme .v-formlayout-contentcell  > .v-label-h4 {
4170         position: absolute;
4171         left: 0;
4172         right: 0;
4173         width: auto !important;
4174         margin-top: -0.5em;
4175         padding-bottom: 0.5em;
4176         border-bottom: 1px solid #dfdfdf;
4177 }
4178
4179 .mytheme .v-formlayout.light  > table {
4180         padding: 0;
4181 }
4182
4183 .mytheme .v-formlayout.light  > table > tbody > tr > td {
4184         padding-top: 0;
4185         height: 37px;
4186         border-bottom: 1px solid #eaeaea;
4187 }
4188
4189 .mytheme .v-formlayout.light  > table > tbody > [class*="lastrow"] > td {
4190         border-bottom: none;
4191 }
4192
4193 .mytheme .v-formlayout.light  > table > tbody > tr > [class*="captioncell"] {
4194         color: #7d7d7d;
4195         text-align: right;
4196         padding-left: 13px;
4197         line-height: 37px;
4198 }
4199
4200 .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"] {
4201         padding-right: 0;
4202 }
4203
4204 .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 {
4205         width: 100%;
4206 }
4207
4208 .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 {
4209         -webkit-appearance: none;
4210         -moz-appearance: none;
4211         -ms-appearance: none;
4212         -o-appearance: none;
4213         appearance: none;
4214         -webkit-user-select: text;
4215         -moz-user-select: text;
4216         -ms-user-select: text;
4217         user-select: text;
4218         margin: 0;
4219         font: inherit;
4220
4221         font-weight: 400;
4222         line-height: normal;
4223         height: 37px;
4224         border-radius: 0;
4225         padding: 4px 7px;
4226
4227         -webkit-box-shadow: none;
4228         box-shadow: none;
4229         -webkit-transition: box-shadow 180ms, border 180ms;
4230         -moz-transition: box-shadow 180ms, border 180ms;
4231         transition: box-shadow 180ms, border 180ms;
4232         background: transparent;
4233         border: none;
4234         color: inherit;
4235 }
4236
4237 .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 {
4238         opacity: 0.5;
4239         filter: alpha(opacity=50) ;
4240 }
4241
4242 .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 {
4243         outline: none;
4244         -webkit-transition: none;
4245         -moz-transition: none;
4246         transition: none;
4247         border-color: #197de1;
4248         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), none;
4249         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), none;
4250         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
4251         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
4252 }
4253
4254 .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 {
4255         box-shadow: none;
4256 }
4257
4258 .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 {
4259         color: #a3a3a3;
4260 }
4261
4262 .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textarea, .mytheme .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-richtextarea {
4263         height: auto;
4264 }
4265
4266 .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 {
4267         border-bottom: none;
4268         left: 0;
4269         right: 0;
4270 }
4271
4272 .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 {
4273         margin-top: 0;
4274 }
4275
4276 .mytheme .v-formlayout.light .v-richtextarea {
4277         margin: 5px 0;
4278 }
4279
4280 .mytheme .v-formlayout.light .v-filterselect-button, .mytheme .v-formlayout.light .v-datefield-button {
4281         border: none;
4282 }
4283
4284 .mytheme .v-formlayout.light .v-filterselect-button:active:after, .mytheme .v-formlayout.light .v-datefield-button:active:after {
4285         display: none;
4286 }
4287
4288 .mytheme .v-formlayout.light .v-datefield-button {
4289         right: 0;
4290         left: auto;
4291 }
4292
4293 .mytheme .v-formlayout.light .v-checkbox {
4294         margin-left: 7px;
4295 }
4296
4297 .mytheme .v-grid {
4298         position: relative;
4299 }
4300
4301 .mytheme .v-grid-scroller {
4302         position: absolute;
4303         z-index: 1;
4304         outline: none;
4305         box-sizing: border-box;
4306 }
4307
4308 .mytheme .v-grid-scroller-horizontal {
4309         left: 0;
4310         right: 0;
4311         bottom: 0;
4312         overflow-y: hidden;
4313         -ms-overflow-y: hidden;
4314 }
4315
4316 .mytheme .v-grid-scroller-vertical {
4317         right: 0;
4318         top: 0;
4319         bottom: 0;
4320         overflow-x: hidden;
4321         -ms-overflow-x: hidden;
4322 }
4323
4324 .mytheme .v-grid-tablewrapper {
4325         position: absolute;
4326         overflow: hidden;
4327         box-sizing: border-box;
4328         z-index: 5;
4329 }
4330
4331 .mytheme .v-grid-tablewrapper > table {
4332         border-spacing: 0;
4333         table-layout: fixed;
4334         width: inherit;
4335 }
4336
4337 .mytheme .v-grid-header-deco, .mytheme .v-grid-footer-deco {
4338         position: absolute;
4339         right: 0;
4340         box-sizing: border-box;
4341 }
4342
4343 .mytheme .v-grid-horizontal-scrollbar-deco {
4344         position: absolute;
4345         bottom: 0;
4346         left: 0;
4347         right: 0;
4348         box-sizing: border-box;
4349 }
4350
4351 .mytheme .v-grid-header, .mytheme .v-grid-body, .mytheme .v-grid-footer {
4352         position: absolute;
4353         left: 0;
4354         width: inherit;
4355         z-index: 10;
4356 }
4357
4358 .mytheme .v-grid-header, .mytheme .v-grid-header-deco {
4359         top: 0;
4360 }
4361
4362 .mytheme .v-grid-footer, .mytheme .v-grid-footer-deco {
4363         bottom: 0;
4364 }
4365
4366 .mytheme .v-grid-body {
4367         -ms-touch-action: none;
4368         touch-action: none;
4369         z-index: 0;
4370         top: 0;
4371 }
4372
4373 .mytheme .v-grid-body .v-grid-row {
4374         position: absolute;
4375         top: 0;
4376         left: 0;
4377 }
4378
4379 .mytheme .v-grid-body .v-grid-header > .v-grid-row {
4380         position: relative;
4381 }
4382
4383 .mytheme .v-grid-row {
4384         display: block;
4385 }
4386
4387 .mytheme .v-grid-row  > td, .mytheme .v-grid-row  > th {
4388         background-color: white;
4389 }
4390
4391 .mytheme .v-grid-row {
4392         width: inherit;
4393 }
4394
4395 .mytheme .v-grid-cell {
4396         display: block;
4397         float: left;
4398         padding: 2px;
4399         white-space: nowrap;
4400         box-sizing: border-box;
4401         overflow: hidden;
4402         font-size: 16px;
4403 }
4404
4405 .mytheme .v-grid-cell.frozen {
4406         position: relative;
4407         z-index: 1;
4408 }
4409
4410 .mytheme .v-grid-spacer {
4411         position: absolute;
4412         display: block;
4413         background-color: white;
4414 }
4415
4416 .mytheme .v-grid-spacer  > td {
4417         width: 100%;
4418         height: 100%;
4419         box-sizing: border-box;
4420 }
4421
4422 .mytheme .v-grid {
4423         outline: none;
4424 }
4425
4426 .mytheme .v-grid-scroller-vertical, .mytheme .v-grid-scroller-horizontal {
4427         border: 1px solid #d4d4d4;
4428 }
4429
4430 .mytheme .v-grid-scroller-vertical {
4431         border-left: none;
4432 }
4433
4434 .mytheme .v-grid-scroller-horizontal {
4435         border-top: none;
4436 }
4437
4438 .mytheme .v-grid-tablewrapper {
4439         border: 1px solid #d4d4d4;
4440 }
4441
4442 .mytheme .v-grid .header-drag-table {
4443         border-spacing: 0;
4444         position: relative;
4445         table-layout: fixed;
4446         width: inherit;
4447 }
4448
4449 .mytheme .v-grid .header-drag-table .v-grid-header {
4450         position: absolute;
4451 }
4452
4453 .mytheme .v-grid .header-drag-table .v-grid-header  > .v-grid-cell {
4454         border: 1px solid #d4d4d4;
4455         margin-top: -10px;
4456         opacity: 0.9;
4457         filter: alpha(opacity=90);
4458         z-index: 30000;
4459 }
4460
4461 .mytheme .v-grid .header-drag-table .v-grid-header  > .v-grid-drop-marker {
4462         background-color: #197de1;
4463         position: absolute;
4464         width: 3px;
4465 }
4466
4467 .mytheme .v-grid-sidebar.v-contextmenu {
4468         -webkit-box-shadow: none;
4469         box-shadow: none;
4470         border-radius: 0;
4471         position: absolute;
4472         top: 0;
4473         right: 0;
4474         background-color: #fafafa;
4475         border: 1px solid #d4d4d4;
4476         padding: 0;
4477         z-index: 5;
4478 }
4479
4480 .mytheme .v-grid-sidebar.v-contextmenu.v-grid-sidebar-popup {
4481         right: auto;
4482 }
4483
4484 .mytheme .v-grid-sidebar.v-contextmenu .v-grid-sidebar-button {
4485         background: transparent;
4486         border: none;
4487         color: inherit;
4488         cursor: pointer;
4489         outline: none;
4490         padding: 0 4px;
4491         text-align: right;
4492         line-height: 1;
4493 }
4494
4495 .mytheme .v-grid-sidebar.v-contextmenu .v-grid-sidebar-button[disabled] {
4496         cursor: default;
4497 }
4498
4499 .mytheme .v-grid-sidebar.v-contextmenu .v-grid-sidebar-button::-moz-focus-inner {
4500         border: 0;
4501 }
4502
4503 .mytheme .v-grid-sidebar.v-contextmenu .v-grid-sidebar-button:after {
4504         content: "\f0c9";
4505         display: block;
4506         font-family: ThemeIcons, sans-serif;
4507         font-size: 14px;
4508 }
4509
4510 .mytheme .v-grid-sidebar.v-contextmenu.closed {
4511         border-radius: 0;
4512 }
4513
4514 .mytheme .v-grid-sidebar.v-contextmenu.open .v-grid-sidebar-button {
4515         width: 100%;
4516 }
4517
4518 .mytheme .v-grid-sidebar.v-contextmenu.open .v-grid-sidebar-button:after {
4519         content: "\f0c9";
4520         font-size: 14px;
4521         line-height: 1;
4522 }
4523
4524 .v-ie .mytheme .v-grid-sidebar.v-contextmenu.open .v-grid-sidebar-button {
4525         vertical-align: middle;
4526 }
4527
4528 .mytheme .v-grid-sidebar.v-contextmenu .v-grid-sidebar-content {
4529         padding: 4px 0;
4530         overflow-y: auto;
4531         overflow-x: hidden;
4532 }
4533
4534 .mytheme .v-grid-sidebar.v-contextmenu .v-grid-sidebar-content .gwt-MenuBar .gwt-MenuItem .column-hiding-toggle {
4535         text-shadow: none;
4536 }
4537
4538 .mytheme .v-grid-cell {
4539         background-color: white;
4540         padding: 0 18px;
4541         line-height: 37px;
4542         text-overflow: ellipsis;
4543 }
4544
4545 .mytheme .v-grid-cell  > * {
4546         line-height: 1.55;
4547         vertical-align: middle;
4548 }
4549
4550 .mytheme .v-grid-cell  > div {
4551         display: inline-block;
4552 }
4553
4554 .mytheme .v-grid-cell.frozen {
4555         -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
4556         box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
4557         border-right: 1px solid #d4d4d4;
4558         position: relative;
4559         z-index: 11;
4560 }
4561
4562 .mytheme .v-grid-cell.frozen  + th, .mytheme .v-grid-cell.frozen  + td {
4563         border-left: none;
4564 }
4565
4566 .mytheme .v-grid-cell div.component-wrap {
4567         width: 100%;
4568 }
4569
4570 .mytheme .v-grid-row > td, .mytheme .v-grid-editor-cells > div {
4571         border-left: 1px solid #d4d4d4;
4572         border-bottom: 1px solid #d4d4d4;
4573 }
4574
4575 .mytheme .v-grid-row > td:first-child, .mytheme .v-grid-editor-cells > div:first-child {
4576         border-left: none;
4577 }
4578
4579 .mytheme .v-grid-editor-cells.frozen > div {
4580         -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
4581         box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
4582         border-right: 1px solid #d4d4d4;
4583         border-left: none;
4584 }
4585
4586 .mytheme .v-grid-row-stripe > td {
4587         background-color: #f5f5f5;
4588 }
4589
4590 .mytheme .v-grid-row-selected > td {
4591         background: #197de1;
4592 }
4593
4594 .mytheme .v-grid-row-focused > td {
4595
4596 }
4597
4598 .mytheme .v-grid-header th {
4599         position: relative;
4600         background-color: #fafafa;
4601         font-size: 14px;
4602         font-weight: inherit;
4603         border-left: 1px solid #d4d4d4;
4604         border-bottom: 1px solid #d4d4d4;
4605
4606         text-align: left;
4607 }
4608
4609 .mytheme .v-grid-header th:first-child {
4610         border-left: none;
4611 }
4612
4613 .mytheme .v-grid-header .sort-asc, .mytheme .v-grid-header .sort-desc {
4614         padding-right: 35px;
4615 }
4616
4617 .mytheme .v-grid-header .sort-asc:after, .mytheme .v-grid-header .sort-desc:after {
4618         font-family: ThemeIcons, sans-serif;
4619         content: "\f0de" " " attr(sort-order);
4620         position: absolute;
4621         right: 18px;
4622         font-size: 12px;
4623 }
4624
4625 .mytheme .v-grid-header .sort-desc:after {
4626         content: "\f0dd" " " attr(sort-order);
4627 }
4628
4629 .mytheme .v-grid-column-resize-handle {
4630         position: absolute;
4631         width: 36px;
4632         right: -18px;
4633         top: 0px;
4634         bottom: 0px;
4635         cursor: col-resize;
4636         z-index: 10;
4637         -webkit-user-select: none;
4638         -khtml-user-select: none;
4639         -moz-user-select: none;
4640         -ms-user-select: none;
4641         user-select: none;
4642 }
4643
4644 .mytheme .v-grid-column-resize-simple-indicator {
4645         position: absolute;
4646         width: 3px;
4647         top: 0px;
4648         left: 18px;
4649         z-index: 9001;
4650         background: #fff;
4651         box-shadow: 0px 0px 5px #000;
4652         -webkit-user-select: none;
4653         -khtml-user-select: none;
4654         -moz-user-select: none;
4655         -ms-user-select: none;
4656         user-select: none;
4657 }
4658
4659 .mytheme .v-grid-footer td {
4660         background-color: #fafafa;
4661         font-size: 14px;
4662         font-weight: inherit;
4663         border-left: 1px solid #d4d4d4;
4664         border-top: 1px solid #d4d4d4;
4665         border-bottom: none;
4666
4667 }
4668
4669 .mytheme .v-grid-footer td:first-child {
4670         border-left: none;
4671 }
4672
4673 .mytheme .v-grid-header .v-grid-cell, .mytheme .v-grid-footer .v-grid-cell {
4674         overflow: visible;
4675 }
4676
4677 .mytheme .v-grid-column-header-content, .mytheme .v-grid-column-footer-content {
4678         width: 100%;
4679         overflow: hidden;
4680         text-overflow: ellipsis;
4681         line-height: 37px;
4682         vertical-align: baseline;
4683 }
4684
4685 .mytheme .v-grid-header-deco {
4686         border-top: 1px solid #d4d4d4;
4687         border-right: 1px solid #d4d4d4;
4688         background-color: #fafafa;
4689 }
4690
4691 .mytheme .v-grid-footer-deco {
4692         border-bottom: 1px solid #d4d4d4;
4693         border-right: 1px solid #d4d4d4;
4694         background-color: #fafafa;
4695 }
4696
4697 .mytheme .v-grid-horizontal-scrollbar-deco {
4698         background-color: #fafafa;
4699         border: 1px solid #d4d4d4;
4700         border-top: none;
4701 }
4702
4703 .mytheme .v-grid-cell-focused {
4704         position: relative;
4705 }
4706
4707 .mytheme .v-grid-cell-focused:before {
4708         content: "";
4709         position: absolute;
4710         top: 0;
4711         right: 0;
4712         bottom: 0;
4713         left: 0;
4714         border: 2px solid #197de1;
4715         display: none;
4716         pointer-events: none;
4717 }
4718
4719 .mytheme .v-grid:focus .v-grid-cell-focused:before {
4720         display: block;
4721 }
4722
4723 .mytheme .v-grid.v-disabled:focus .v-grid-cell-focused:before {
4724         display: none;
4725 }
4726
4727 .mytheme .v-grid-editor {
4728         position: absolute;
4729         z-index: 20;
4730         overflow: hidden;
4731         left: 0;
4732         right: 0;
4733         border: 1px solid #d4d4d4;
4734         box-sizing: border-box;
4735         -moz-box-sizing: border-box;
4736         margin-top: -1px;
4737         -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
4738         box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
4739 }
4740
4741 .mytheme .v-grid-editor.unbuffered .v-grid-editor-footer {
4742         width: 100%;
4743 }
4744
4745 .mytheme .v-grid-editor-cells {
4746         position: relative;
4747         white-space: nowrap;
4748 }
4749
4750 .mytheme .v-grid-editor-cells.frozen {
4751         z-index: 2;
4752 }
4753
4754 .mytheme .v-grid-editor-cells  > div {
4755         display: inline-block;
4756         box-sizing: border-box;
4757         vertical-align: middle;
4758         background: white;
4759 }
4760
4761 .mytheme .v-grid-editor-cells  > div:first-child {
4762         border-left: none;
4763 }
4764
4765 .mytheme .v-grid-editor-cells  > div  > * {
4766         vertical-align: middle;
4767         display: inline-block;
4768 }
4769
4770 .mytheme .v-grid-editor-cells  > div .v-filterselect {
4771         padding-left: 0;
4772 }
4773
4774 .mytheme .v-grid-editor-cells  > div input[type="text"], .mytheme .v-grid-editor-cells  > div input[type="text"].v-filterselect-input, .mytheme .v-grid-editor-cells  > div input[type="password"] {
4775         padding-left: 18px;
4776 }
4777
4778 .mytheme .v-grid-editor-cells  > div input[type="text"]:not(.v-filterselect-input), .mytheme .v-grid-editor-cells  > div input[type="password"] {
4779         padding-right: 9px;
4780 }
4781
4782 .mytheme .v-grid-editor-cells  > div input[type="checkbox"] {
4783         margin-left: 18px;
4784 }
4785
4786 .mytheme .v-grid-editor-cells  > div .v-textfield, .mytheme .v-grid-editor-cells  > div .v-datefield, .mytheme .v-grid-editor-cells  > div .v-filterselect {
4787         min-width: 100%;
4788         max-width: 100%;
4789         min-height: 100%;
4790         max-height: 100%;
4791 }
4792
4793 .mytheme .v-grid-editor-cells  > div .v-select, .mytheme .v-grid-editor-cells  > div .v-select-select {
4794         min-width: 100%;
4795         max-width: 100%;
4796 }
4797
4798 .mytheme .v-grid-editor-cells  > div.not-editable.v-grid-cell {
4799         float: none;
4800 }
4801
4802 .mytheme .v-grid-editor-cells .error::before {
4803         position: absolute;
4804         display: block;
4805         height: 0;
4806         width: 0;
4807         content: "";
4808         border-top: 5px solid red;
4809         border-right: 5px solid transparent;
4810 }
4811
4812 .mytheme .v-grid-editor-cells .error, .mytheme .v-grid-editor-cells .error > input {
4813         background-color: #fee;
4814 }
4815
4816 .mytheme .v-grid-editor-footer {
4817         display: table;
4818         height: 37px;
4819         border-top: 1px solid #d4d4d4;
4820         margin-top: -1px;
4821         background: white;
4822         padding: 0 5px;
4823 }
4824
4825 .mytheme .v-grid-editor-footer  + .v-grid-editor-cells > div {
4826         border-bottom: none;
4827         border-top: 1px solid #d4d4d4;
4828 }
4829
4830 .mytheme .v-grid-editor-footer:first-child {
4831         border-top: none;
4832         margin-top: 0;
4833         border-bottom: 1px solid #d4d4d4;
4834         margin-bottom: -1px;
4835 }
4836
4837 .mytheme .v-grid-editor-message, .mytheme .v-grid-editor-buttons {
4838         display: table-cell;
4839         white-space: nowrap;
4840         vertical-align: middle;
4841 }
4842
4843 .mytheme .v-grid-editor-message {
4844         width: 100%;
4845         position: relative;
4846 }
4847
4848 .mytheme .v-grid-editor-message  > div {
4849         position: absolute;
4850         width: 100%;
4851         overflow: hidden;
4852         text-overflow: ellipsis;
4853         line-height: 37px;
4854         top: 0;
4855 }
4856
4857 .mytheme .v-grid-editor-save {
4858         margin-right: 4px;
4859 }
4860
4861 .mytheme .v-grid-spacer {
4862         padding-left: 1px;
4863 }
4864
4865 .mytheme .v-grid-spacer > td {
4866         display: block;
4867         padding: 0;
4868         background-color: white;
4869         border-top: 1px solid #eeeeee;
4870         border-bottom: 1px solid #d4d4d4;
4871 }
4872
4873 .mytheme .v-grid-spacer.stripe > td {
4874         background-color: #f5f5f5;
4875         border-top: 1px solid #e5e5e5;
4876         border-bottom: 1px solid #d4d4d4;
4877 }
4878
4879 .mytheme .v-grid-spacer-deco-container {
4880         border-top: 1px solid transparent;
4881         position: relative;
4882         top: 0;
4883         z-index: 5;
4884 }
4885
4886 .mytheme .v-grid-spacer-deco {
4887         top: 0;
4888         left: 0;
4889         width: 2px;
4890         background-color: #197de1;
4891         position: absolute;
4892         height: 100%;
4893         pointer-events: none;
4894 }
4895
4896 .mytheme .v-grid-cell > .v-progressbar {
4897         width: 100%;
4898 }
4899
4900 .mytheme .v-grid {
4901         -webkit-user-select: text;
4902         -moz-user-select: text;
4903         -ms-user-select: text;
4904         user-select: text;
4905         background-color: #fafafa;
4906 }
4907
4908 .mytheme .v-grid.v-disabled {
4909         opacity: 0.5;
4910         filter: alpha(opacity=50) ;
4911 }
4912
4913 .mytheme .v-grid-header .v-grid-cell {
4914         background-color: #fafafa;
4915         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
4916         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
4917         text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
4918 }
4919
4920 .mytheme .v-grid-header .v-grid-cell.dragged {
4921         opacity: 0.5;
4922         filter: alpha(opacity=50) ;
4923         -webkit-transition: opacity 0.3s ease-in-out;
4924         -moz-transition: opacity 0.3s ease-in-out;
4925         transition: opacity 0.3s ease-in-out;
4926 }
4927
4928 .mytheme .v-grid-header .v-grid-cell.dragged-column-header {
4929         margin-top: -19px;
4930 }
4931
4932 .mytheme .v-grid-footer .v-grid-cell {
4933         background-color: #fafafa;
4934         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
4935         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
4936         text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
4937 }
4938
4939 .mytheme .v-grid-header-deco {
4940         background-color: #fafafa;
4941         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
4942         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
4943 }
4944
4945 .mytheme .v-grid-footer-deco, .mytheme .v-grid-horizontal-scrollbar-deco {
4946         background-color: #fafafa;
4947         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
4948         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
4949 }
4950
4951 .mytheme .v-grid-row-selected  > .v-grid-cell {
4952         background-color: #197de1;
4953         background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
4954         background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
4955         color: #c8dbed;
4956         text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
4957         border-color: #1d69b4;
4958 }
4959
4960 .mytheme .v-grid-row-selected  > .v-grid-cell-focused:before {
4961         border-color: #71b0ef;
4962 }
4963
4964 .mytheme .v-grid-editor {
4965         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
4966         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
4967         border-color: #197de1;
4968 }
4969
4970 .mytheme .v-grid-editor-footer {
4971         font-size: 14px;
4972         padding: 0 6px;
4973         background: #fafafa;
4974         -webkit-animation: valo-grid-editor-footer-animate-in 200ms 120ms backwards;
4975         -moz-animation: valo-grid-editor-footer-animate-in 200ms 120ms backwards;
4976         animation: valo-grid-editor-footer-animate-in 200ms 120ms backwards;
4977 }
4978
4979 .mytheme .v-grid-editor-footer:first-child {
4980         -webkit-animation: valo-grid-editor-footer-animate-in-alt 200ms 120ms backwards;
4981         -moz-animation: valo-grid-editor-footer-animate-in-alt 200ms 120ms backwards;
4982         animation: valo-grid-editor-footer-animate-in-alt 200ms 120ms backwards;
4983 }
4984
4985 .mytheme .v-grid-editor-cells {
4986         z-index: 1;
4987 }
4988
4989 .mytheme .v-grid-editor-cells > div:before {
4990         content: "";
4991         display: inline-block;
4992         height: 100%;
4993         vertical-align: middle;
4994 }
4995
4996 .mytheme .v-grid-editor-cells > div.not-editable.v-grid-cell {
4997         float: none;
4998 }
4999
5000 .mytheme .v-grid-editor-cells > div .error::before {
5001         border-top: 9px solid #ed473b;
5002         border-right: 9px solid transparent;
5003 }
5004
5005 .mytheme .v-grid-editor-cells > div .error, .mytheme .v-grid-editor-cells > div .error > input {
5006         background-color: #fffbfb;
5007 }
5008
5009 .mytheme .v-grid-editor-cells > div .v-textfield, .mytheme .v-grid-editor-cells > div .v-textfield-focus, .mytheme .v-grid-editor-cells > div .v-datefield, .mytheme .v-grid-editor-cells > div .v-datefield .v-textfield-focus, .mytheme .v-grid-editor-cells > div .v-filterselect-input, .mytheme .v-grid-editor-cells > div .v-filterselect-input:focus {
5010         border: none;
5011         border-radius: 0;
5012         background: transparent;
5013         -webkit-box-shadow: inset 0 1px 0 #f2f2f2;
5014         box-shadow: inset 0 1px 0 #f2f2f2;
5015 }
5016
5017 .mytheme .v-grid-editor-cells > div input[type="text"].v-datefield-textfield {
5018         padding-left: 44.4px;
5019 }
5020
5021 .mytheme .v-grid-editor-cells > div .v-textfield-focus, .mytheme .v-grid-editor-cells > div .v-datefield .v-textfield-focus, .mytheme .v-grid-editor-cells > div .v-filterselect-input:focus {
5022         position: relative;
5023 }
5024
5025 .mytheme .v-grid-editor-cells > div .v-select {
5026         padding-left: 9px;
5027         padding-right: 9px;
5028 }
5029
5030 .mytheme .v-grid-editor-cells > div .v-checkbox {
5031         margin: 0 9px 0 18px;
5032 }
5033
5034 .mytheme .v-grid-editor-cells > div .v-checkbox  > input[type="checkbox"] {
5035         margin-left: 0;
5036 }
5037
5038 .mytheme .v-grid-editor-cells > div .v-checkbox  > label {
5039         white-space: nowrap;
5040 }
5041
5042 .mytheme .v-grid-editor-message > div:before {
5043         display: inline-block;
5044         color: #ed473b;
5045         font-weight: 600;
5046         width: 19px;
5047         text-align: center;
5048         content: "!";
5049 }
5050
5051 .mytheme .v-grid-editor-save, .mytheme .v-grid-editor-cancel {
5052         cursor: pointer;
5053         color: #197de1;
5054         text-decoration: underline;
5055         font-weight: inherit;
5056         -webkit-transition: color 140ms;
5057         -moz-transition: color 140ms;
5058         transition: color 140ms;
5059         font-weight: 400;
5060         text-decoration: none;
5061         border: none;
5062         background: transparent;
5063         padding: 6px 6px;
5064         margin: 0;
5065         outline: none;
5066 }
5067
5068 .mytheme .v-grid-editor-save:hover, .mytheme .v-grid-editor-cancel:hover {
5069         color: #4396ea;
5070 }
5071
5072 .mytheme .v-grid-editor-save.v-disabled, .mytheme .v-grid-editor-cancel.v-disabled {
5073         opacity: 0.5;
5074         filter: alpha(opacity=50) ;
5075 }
5076
5077 .mytheme .v-grid-spacer {
5078         margin-top: -1px;
5079 }
5080
5081 .mytheme .v-grid-sidebar.v-contextmenu.open .v-grid-sidebar-content {
5082         margin: 0 0 2px;
5083         padding: 4px 4px 2px;
5084         overflow-y: auto;
5085         overflow-x: hidden;
5086 }
5087
5088 .mytheme .v-grid-sidebar.v-contextmenu.closed {
5089         background-color: #fafafa;
5090         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
5091         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
5092 }
5093
5094 .mytheme .v-grid-scroller::-webkit-scrollbar {
5095         border: none;
5096 }
5097
5098 .mytheme .v-grid-scroller::-webkit-scrollbar-thumb {
5099         border-radius: 10px;
5100         border: 4px solid transparent;
5101         background: rgba(0, 0, 0, 0.3);
5102         -webkit-background-clip: content-box;
5103         background-clip: content-box;
5104 }
5105
5106 .mytheme .v-grid-scroller-vertical::-webkit-scrollbar-thumb {
5107         min-height: 30px;
5108 }
5109
5110 .mytheme .v-grid-scroller-horizontal::-webkit-scrollbar-thumb {
5111         min-width: 30px;
5112 }
5113
5114 .mytheme .v-grid-row-drag-badge {
5115         background-color: red;
5116         color: white;
5117         display: block;
5118         width: 30px;
5119         height: 30px;
5120         border-radius: 10px;
5121         line-height: 30px;
5122         text-align: center;
5123         float: left;
5124 }
5125
5126 .mytheme .v-grid-row-drag-top, .mytheme .v-grid-row-drag-bottom {
5127         z-index: 100;
5128 }
5129
5130 .mytheme .v-grid-row-drag-top:before, .mytheme .v-grid-row-drag-bottom:after {
5131         content: "";
5132         display: block;
5133         position: absolute;
5134         height: 2px;
5135         width: 100%;
5136         background: #197de1;
5137         pointer-events: none;
5138         border: none;
5139 }
5140
5141 .mytheme .v-grid-row-drag-bottom:after {
5142         bottom: -1px;
5143 }
5144
5145 .mytheme .v-grid-row-drag-top:before {
5146         top: -1px;
5147 }
5148
5149 .mytheme .v-grid-row-drag-top:first-child:before {
5150         top: 0;
5151 }
5152
5153 .mytheme .v-grid-row-drag-center:after {
5154         content: "";
5155         position: absolute;
5156         top: 0;
5157         left: 0;
5158         bottom: 0;
5159         right: 2px;
5160         border: 2px solid #197de1;
5161         pointer-events: none;
5162 }
5163
5164 .mytheme .v-grid-row-selected.v-grid-row-drag-center:after {
5165         border-color: #1463b3;
5166 }
5167
5168 .mytheme .v-grid-row-selected.v-grid-row-drag-top:before, .mytheme .v-grid-row-selected.v-grid-row-drag-bottom:after {
5169         background: #1463b3;
5170 }
5171
5172 .mytheme .v-grid-body-drag-top:after {
5173         content: "";
5174         position: absolute;
5175         top: 0;
5176         right: 0;
5177         bottom: 0;
5178         left: 0;
5179         pointer-events: none;
5180         border: 2px solid #197de1;
5181         z-index: 100;
5182 }
5183
5184 .mytheme .v-textfield {
5185         -webkit-appearance: none;
5186         -moz-appearance: none;
5187         -ms-appearance: none;
5188         -o-appearance: none;
5189         appearance: none;
5190         -webkit-user-select: text;
5191         -moz-user-select: text;
5192         -ms-user-select: text;
5193         user-select: text;
5194         margin: 0;
5195         font: inherit;
5196
5197         font-weight: 400;
5198         line-height: normal;
5199         height: 37px;
5200         border-radius: 4px;
5201         padding: 4px 9px;
5202         border: 1px solid #c5c5c5;
5203         background: white;
5204         color: #474747;
5205         -webkit-box-shadow: inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
5206         box-shadow: inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
5207         -webkit-transition: box-shadow 180ms, border 180ms;
5208         -moz-transition: box-shadow 180ms, border 180ms;
5209         transition: box-shadow 180ms, border 180ms;
5210         width: 185px;
5211 }
5212
5213 .mytheme .v-textfield.v-disabled {
5214         opacity: 0.5;
5215         filter: alpha(opacity=50) ;
5216 }
5217
5218 .mytheme .v-textfield:focus {
5219         outline: none;
5220         -webkit-transition: none;
5221         -moz-transition: none;
5222         transition: none;
5223         border-color: #197de1;
5224         -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);
5225         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);
5226         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
5227         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
5228 }
5229
5230 .mytheme .v-textfield[class*="prompt"] {
5231         color: #a3a3a3;
5232 }
5233
5234 .mytheme .v-textfield-readonly {
5235         background: #fafafa;
5236         color: #464646;
5237         -webkit-box-shadow: none;
5238         box-shadow: none;
5239 }
5240
5241 .mytheme .v-textfield-readonly:focus {
5242         box-shadow: none;
5243         border-color: #c5c5c5;
5244 }
5245
5246 .mytheme .v-textfield-error {
5247         border-color: #ed473b !important;
5248         background: #fffbfb;
5249         color: #6c2621;
5250 }
5251
5252 .mytheme .v-textfield-error-info {
5253         border-color: #00a7f5 !important;
5254         background: #fafdff;
5255         color: #195774;
5256 }
5257
5258 .mytheme .v-textfield-error-warning {
5259         border-color: #fc9c00 !important;
5260         background: #fffdfa;
5261         color: #745119;
5262 }
5263
5264 .mytheme .v-textfield-error-error {
5265         border-color: #ed473b !important;
5266         background: #fffbfb;
5267         color: #6c2621;
5268 }
5269
5270 .mytheme .v-textfield-error-critical {
5271         border-color: #fa007d !important;
5272         background: #fffafc;
5273         color: #741947;
5274 }
5275
5276 .mytheme .v-textfield-error-system {
5277         border-color: #bb00ff !important;
5278         background: #fefaff;
5279         color: #5c1974;
5280 }
5281
5282 .mytheme .v-textfield-borderless {
5283         border: none;
5284         border-radius: 0;
5285         background: transparent;
5286         -webkit-box-shadow: none;
5287         box-shadow: none;
5288         color: inherit;
5289 }
5290
5291 .mytheme .v-textfield-borderless:focus {
5292         -webkit-box-shadow: none;
5293         box-shadow: none;
5294 }
5295
5296 .mytheme .v-textfield-borderless[class*="prompt"] {
5297         color: inherit;
5298         opacity: 0.5;
5299         filter: alpha(opacity=50) ;
5300 }
5301
5302 .mytheme .v-textfield-tiny {
5303         -webkit-appearance: none;
5304         -moz-appearance: none;
5305         -ms-appearance: none;
5306         -o-appearance: none;
5307         appearance: none;
5308         -webkit-user-select: text;
5309         -moz-user-select: text;
5310         -ms-user-select: text;
5311         user-select: text;
5312         margin: 0;
5313         font: inherit;
5314
5315         font-weight: 400;
5316         line-height: normal;
5317         height: 28px;
5318         border-radius: 4px;
5319         padding: 3px 7px;
5320
5321
5322         -webkit-transition: box-shadow 180ms, border 180ms;
5323         -moz-transition: box-shadow 180ms, border 180ms;
5324         transition: box-shadow 180ms, border 180ms;
5325         font-size: 12px;
5326 }
5327
5328 .mytheme .v-textfield-compact, .mytheme .v-textfield-small {
5329         -webkit-appearance: none;
5330         -moz-appearance: none;
5331         -ms-appearance: none;
5332         -o-appearance: none;
5333         appearance: none;
5334         -webkit-user-select: text;
5335         -moz-user-select: text;
5336         -ms-user-select: text;
5337         user-select: text;
5338         margin: 0;
5339         font: inherit;
5340
5341         font-weight: 400;
5342         line-height: normal;
5343         height: 31px;
5344         border-radius: 4px;
5345         padding: 3px 8px;
5346
5347
5348         -webkit-transition: box-shadow 180ms, border 180ms;
5349         -moz-transition: box-shadow 180ms, border 180ms;
5350         transition: box-shadow 180ms, border 180ms;
5351 }
5352
5353 .mytheme .v-textfield-small {
5354         font-size: 14px;
5355 }
5356
5357 .mytheme .v-textfield-large {
5358         -webkit-appearance: none;
5359         -moz-appearance: none;
5360         -ms-appearance: none;
5361         -o-appearance: none;
5362         appearance: none;
5363         -webkit-user-select: text;
5364         -moz-user-select: text;
5365         -ms-user-select: text;
5366         user-select: text;
5367         margin: 0;
5368         font: inherit;
5369
5370         font-weight: 400;
5371         line-height: normal;
5372         height: 44px;
5373         border-radius: 4px;
5374         padding: 5px 10px;
5375
5376
5377         -webkit-transition: box-shadow 180ms, border 180ms;
5378         -moz-transition: box-shadow 180ms, border 180ms;
5379         transition: box-shadow 180ms, border 180ms;
5380         font-size: 20px;
5381 }
5382
5383 .mytheme .v-textfield-huge {
5384         -webkit-appearance: none;
5385         -moz-appearance: none;
5386         -ms-appearance: none;
5387         -o-appearance: none;
5388         appearance: none;
5389         -webkit-user-select: text;
5390         -moz-user-select: text;
5391         -ms-user-select: text;
5392         user-select: text;
5393         margin: 0;
5394         font: inherit;
5395
5396         font-weight: 400;
5397         line-height: normal;
5398         height: 59px;
5399         border-radius: 4px;
5400         padding: 7px 12px;
5401
5402
5403         -webkit-transition: box-shadow 180ms, border 180ms;
5404         -moz-transition: box-shadow 180ms, border 180ms;
5405         transition: box-shadow 180ms, border 180ms;
5406         font-size: 26px;
5407 }
5408
5409 .mytheme .v-slot-inline-icon {
5410         position: relative;
5411 }
5412
5413 .mytheme .v-caption-inline-icon {
5414         padding: 0;
5415 }
5416
5417 .mytheme .v-caption-inline-icon .v-captiontext {
5418         font-size: 14px;
5419         font-weight: 400;
5420         padding-bottom: 0.3em;
5421         padding-left: 1px;
5422         margin: 0;
5423 }
5424
5425 .mytheme .v-caption-inline-icon .v-icon {
5426         position: absolute;
5427         z-index: 10;
5428 }
5429
5430 .mytheme .v-caption-inline-icon span.v-icon {
5431         left: 1px;
5432         bottom: 1px;
5433         width: 37px;
5434         line-height: 35px;
5435         text-align: center;
5436         font-size: 16px;
5437 }
5438
5439 .mytheme .v-caption-inline-icon img.v-icon {
5440         left: 11px;
5441         bottom: 11px;
5442 }
5443
5444 .mytheme .v-textfield-inline-icon  {
5445         padding-left: 37px;
5446 }
5447
5448 .mytheme .v-slot-inline-icon.v-slot-tiny {
5449         position: relative;
5450 }
5451
5452 .mytheme .v-caption-inline-icon.v-caption-tiny {
5453         padding: 0;
5454 }
5455
5456 .mytheme .v-caption-inline-icon.v-caption-tiny .v-captiontext {
5457         font-size: 14px;
5458         font-weight: 400;
5459         padding-bottom: 0.3em;
5460         padding-left: 1px;
5461         margin: 0;
5462 }
5463
5464 .mytheme .v-caption-inline-icon.v-caption-tiny .v-icon {
5465         position: absolute;
5466         z-index: 10;
5467 }
5468
5469 .mytheme .v-caption-inline-icon.v-caption-tiny span.v-icon {
5470         left: 1px;
5471         bottom: 1px;
5472         width: 28px;
5473         line-height: 26px;
5474         text-align: center;
5475         font-size: 12px;
5476 }
5477
5478 .mytheme .v-caption-inline-icon.v-caption-tiny img.v-icon {
5479         left: 6px;
5480         bottom: 6px;
5481 }
5482
5483 .mytheme .v-textfield-inline-icon.v-textfield-tiny  {
5484         padding-left: 28px;
5485 }
5486
5487 .mytheme .v-slot-inline-icon.v-slot-compact {
5488         position: relative;
5489 }
5490
5491 .mytheme .v-caption-inline-icon.v-caption-compact {
5492         padding: 0;
5493 }
5494
5495 .mytheme .v-caption-inline-icon.v-caption-compact .v-captiontext {
5496         font-size: 14px;
5497         font-weight: 400;
5498         padding-bottom: 0.3em;
5499         padding-left: 1px;
5500         margin: 0;
5501 }
5502
5503 .mytheme .v-caption-inline-icon.v-caption-compact .v-icon {
5504         position: absolute;
5505         z-index: 10;
5506 }
5507
5508 .mytheme .v-caption-inline-icon.v-caption-compact span.v-icon {
5509         left: 1px;
5510         bottom: 1px;
5511         width: 31px;
5512         line-height: 29px;
5513         text-align: center;
5514         font-size: 16px;
5515 }
5516
5517 .mytheme .v-caption-inline-icon.v-caption-compact img.v-icon {
5518         left: 8px;
5519         bottom: 8px;
5520 }
5521
5522 .mytheme .v-textfield-inline-icon.v-textfield-compact  {
5523         padding-left: 31px;
5524 }
5525
5526 .mytheme .v-slot-inline-icon.v-slot-small {
5527         position: relative;
5528 }
5529
5530 .mytheme .v-caption-inline-icon.v-caption-small {
5531         padding: 0;
5532 }
5533
5534 .mytheme .v-caption-inline-icon.v-caption-small .v-captiontext {
5535         font-size: 14px;
5536         font-weight: 400;
5537         padding-bottom: 0.3em;
5538         padding-left: 1px;
5539         margin: 0;
5540 }
5541
5542 .mytheme .v-caption-inline-icon.v-caption-small .v-icon {
5543         position: absolute;
5544         z-index: 10;
5545 }
5546
5547 .mytheme .v-caption-inline-icon.v-caption-small span.v-icon {
5548         left: 1px;
5549         bottom: 1px;
5550         width: 31px;
5551         line-height: 29px;
5552         text-align: center;
5553         font-size: 14px;
5554 }
5555
5556 .mytheme .v-caption-inline-icon.v-caption-small img.v-icon {
5557         left: 8px;
5558         bottom: 8px;
5559 }
5560
5561 .mytheme .v-textfield-inline-icon.v-textfield-small  {
5562         padding-left: 31px;
5563 }
5564
5565 .mytheme .v-slot-inline-icon.v-slot-large {
5566         position: relative;
5567 }
5568
5569 .mytheme .v-caption-inline-icon.v-caption-large {
5570         padding: 0;
5571 }
5572
5573 .mytheme .v-caption-inline-icon.v-caption-large .v-captiontext {
5574         font-size: 14px;
5575         font-weight: 400;
5576         padding-bottom: 0.3em;
5577         padding-left: 1px;
5578         margin: 0;
5579 }
5580
5581 .mytheme .v-caption-inline-icon.v-caption-large .v-icon {
5582         position: absolute;
5583         z-index: 10;
5584 }
5585
5586 .mytheme .v-caption-inline-icon.v-caption-large span.v-icon {
5587         left: 1px;
5588         bottom: 1px;
5589         width: 44px;
5590         line-height: 42px;
5591         text-align: center;
5592         font-size: 20px;
5593 }
5594
5595 .mytheme .v-caption-inline-icon.v-caption-large img.v-icon {
5596         left: 14px;
5597         bottom: 14px;
5598 }
5599
5600 .mytheme .v-textfield-inline-icon.v-textfield-large  {
5601         padding-left: 44px;
5602 }
5603
5604 .mytheme .v-slot-inline-icon.v-slot-huge {
5605         position: relative;
5606 }
5607
5608 .mytheme .v-caption-inline-icon.v-caption-huge {
5609         padding: 0;
5610 }
5611
5612 .mytheme .v-caption-inline-icon.v-caption-huge .v-captiontext {
5613         font-size: 14px;
5614         font-weight: 400;
5615         padding-bottom: 0.3em;
5616         padding-left: 1px;
5617         margin: 0;
5618 }
5619
5620 .mytheme .v-caption-inline-icon.v-caption-huge .v-icon {
5621         position: absolute;
5622         z-index: 10;
5623 }
5624
5625 .mytheme .v-caption-inline-icon.v-caption-huge span.v-icon {
5626         left: 1px;
5627         bottom: 1px;
5628         width: 59px;
5629         line-height: 57px;
5630         text-align: center;
5631         font-size: 26px;
5632 }
5633
5634 .mytheme .v-caption-inline-icon.v-caption-huge img.v-icon {
5635         left: 22px;
5636         bottom: 22px;
5637 }
5638
5639 .mytheme .v-textfield-inline-icon.v-textfield-huge  {
5640         padding-left: 59px;
5641 }
5642
5643 .mytheme .v-textfield-align-right {
5644         text-align: right;
5645 }
5646
5647 .mytheme .v-textfield-align-center {
5648         text-align: center;
5649 }
5650
5651 .mytheme .v-textarea {
5652         -webkit-appearance: none;
5653         -moz-appearance: none;
5654         -ms-appearance: none;
5655         -o-appearance: none;
5656         appearance: none;
5657         -webkit-user-select: text;
5658         -moz-user-select: text;
5659         -ms-user-select: text;
5660         user-select: text;
5661         margin: 0;
5662         font: inherit;
5663
5664         font-weight: 400;
5665         line-height: normal;
5666         height: 37px;
5667         border-radius: 4px;
5668         padding: 6px;
5669         border: 1px solid #c5c5c5;
5670         background: white;
5671         color: #474747;
5672         -webkit-box-shadow: inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
5673         box-shadow: inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
5674         -webkit-transition: box-shadow 180ms, border 180ms;
5675         -moz-transition: box-shadow 180ms, border 180ms;
5676         transition: box-shadow 180ms, border 180ms;
5677         height: auto;
5678         resize: none;
5679         white-space: pre-wrap;
5680         width: 185px;
5681 }
5682
5683 .mytheme .v-textarea.v-disabled {
5684         opacity: 0.5;
5685         filter: alpha(opacity=50) ;
5686 }
5687
5688 .mytheme .v-textarea:focus {
5689         outline: none;
5690         -webkit-transition: none;
5691         -moz-transition: none;
5692         transition: none;
5693         border-color: #197de1;
5694         -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);
5695         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);
5696         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
5697         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
5698 }
5699
5700 .mytheme .v-textarea[class*="prompt"] {
5701         color: #a3a3a3;
5702 }
5703
5704 .mytheme .v-textarea-readonly {
5705         background: #fafafa;
5706         color: #464646;
5707         -webkit-box-shadow: none;
5708         box-shadow: none;
5709 }
5710
5711 .mytheme .v-textarea-readonly:focus {
5712         box-shadow: none;
5713         border-color: #c5c5c5;
5714 }
5715
5716 .mytheme .v-textarea-error {
5717         border-color: #ed473b !important;
5718         background: #fffbfb;
5719         color: #6c2621;
5720 }
5721
5722 .mytheme .v-textarea-borderless {
5723         border: none;
5724         border-radius: 0;
5725         background: transparent;
5726         -webkit-box-shadow: none;
5727         box-shadow: none;
5728         color: inherit;
5729 }
5730
5731 .mytheme .v-textarea-borderless:focus {
5732         -webkit-box-shadow: none;
5733         box-shadow: none;
5734 }
5735
5736 .mytheme .v-textarea-borderless[class*="prompt"] {
5737         color: inherit;
5738         opacity: 0.5;
5739         filter: alpha(opacity=50) ;
5740 }
5741
5742 .mytheme .v-textarea-tiny {
5743         -webkit-appearance: none;
5744         -moz-appearance: none;
5745         -ms-appearance: none;
5746         -o-appearance: none;
5747         appearance: none;
5748         -webkit-user-select: text;
5749         -moz-user-select: text;
5750         -ms-user-select: text;
5751         user-select: text;
5752         margin: 0;
5753         font: inherit;
5754
5755         font-weight: 400;
5756         line-height: normal;
5757         height: 28px;
5758         border-radius: 4px;
5759         padding: 6px;
5760
5761
5762
5763         -webkit-transition: box-shadow 180ms, border 180ms;
5764         -moz-transition: box-shadow 180ms, border 180ms;
5765         transition: box-shadow 180ms, border 180ms;
5766         height: auto;
5767         resize: none;
5768         white-space: pre-wrap;
5769         font-size: 12px;
5770 }
5771
5772 .mytheme .v-textarea-small {
5773         -webkit-appearance: none;
5774         -moz-appearance: none;
5775         -ms-appearance: none;
5776         -o-appearance: none;
5777         appearance: none;
5778         -webkit-user-select: text;
5779         -moz-user-select: text;
5780         -ms-user-select: text;
5781         user-select: text;
5782         margin: 0;
5783         font: inherit;
5784
5785         font-weight: 400;
5786         line-height: normal;
5787         height: 31px;
5788         border-radius: 4px;
5789         padding: 6px;
5790
5791
5792
5793         -webkit-transition: box-shadow 180ms, border 180ms;
5794         -moz-transition: box-shadow 180ms, border 180ms;
5795         transition: box-shadow 180ms, border 180ms;
5796         height: auto;
5797         resize: none;
5798         white-space: pre-wrap;
5799         font-size: 14px;
5800 }
5801
5802 .mytheme .v-textarea-large {
5803         -webkit-appearance: none;
5804         -moz-appearance: none;
5805         -ms-appearance: none;
5806         -o-appearance: none;
5807         appearance: none;
5808         -webkit-user-select: text;
5809         -moz-user-select: text;
5810         -ms-user-select: text;
5811         user-select: text;
5812         margin: 0;
5813         font: inherit;
5814
5815         font-weight: 400;
5816         line-height: normal;
5817         height: 44px;
5818         border-radius: 4px;
5819         padding: 6px;
5820
5821
5822
5823         -webkit-transition: box-shadow 180ms, border 180ms;
5824         -moz-transition: box-shadow 180ms, border 180ms;
5825         transition: box-shadow 180ms, border 180ms;
5826         height: auto;
5827         resize: none;
5828         white-space: pre-wrap;
5829         font-size: 20px;
5830 }
5831
5832 .mytheme .v-textarea-huge {
5833         -webkit-appearance: none;
5834         -moz-appearance: none;
5835         -ms-appearance: none;
5836         -o-appearance: none;
5837         appearance: none;
5838         -webkit-user-select: text;
5839         -moz-user-select: text;
5840         -ms-user-select: text;
5841         user-select: text;
5842         margin: 0;
5843         font: inherit;
5844
5845         font-weight: 400;
5846         line-height: normal;
5847         height: 59px;
5848         border-radius: 4px;
5849         padding: 6px;
5850
5851
5852
5853         -webkit-transition: box-shadow 180ms, border 180ms;
5854         -moz-transition: box-shadow 180ms, border 180ms;
5855         transition: box-shadow 180ms, border 180ms;
5856         height: auto;
5857         resize: none;
5858         white-space: pre-wrap;
5859         font-size: 26px;
5860 }
5861
5862 .mytheme .v-textarea-align-right {
5863         text-align: right;
5864 }
5865
5866 .mytheme .v-textarea-align-center {
5867         text-align: center;
5868 }
5869
5870 .mytheme .v-datefield {
5871         position: relative;
5872         width: 185px;
5873         height: 37px;
5874         border-radius: 4px;
5875 }
5876
5877 .mytheme .v-datefield [class*="textfield"] {
5878         box-sizing: border-box;
5879         -webkit-appearance: none;
5880         -moz-appearance: none;
5881         -ms-appearance: none;
5882         -o-appearance: none;
5883         appearance: none;
5884         -webkit-user-select: text;
5885         -moz-user-select: text;
5886         -ms-user-select: text;
5887         user-select: text;
5888         margin: 0;
5889         font: inherit;
5890
5891         font-weight: 400;
5892         line-height: normal;
5893         height: 37px;
5894         border-radius: 4px;
5895         padding: 4px 9px;
5896         border: 1px solid #c5c5c5;
5897         background: white;
5898         color: #474747;
5899         -webkit-box-shadow: inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
5900         box-shadow: inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
5901         -webkit-transition: box-shadow 180ms, border 180ms;
5902         -moz-transition: box-shadow 180ms, border 180ms;
5903         transition: box-shadow 180ms, border 180ms;
5904         padding-left: 44.4px;
5905         width: 100%;
5906         height: 100%;
5907         border-radius: inherit;
5908 }
5909
5910 .mytheme .v-datefield [class*="textfield"].v-disabled {
5911         opacity: 0.5;
5912         filter: alpha(opacity=50) ;
5913 }
5914
5915 .mytheme .v-datefield [class*="textfield"]:focus {
5916         outline: none;
5917         -webkit-transition: none;
5918         -moz-transition: none;
5919         transition: none;
5920         border-color: #197de1;
5921         -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);
5922         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);
5923         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
5924         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
5925 }
5926
5927 .mytheme .v-datefield [class*="textfield"][class*="prompt"] {
5928         color: #a3a3a3;
5929 }
5930
5931 .mytheme .v-datefield[class*="prompt"] > [class*="textfield"] {
5932         color: #a3a3a3;
5933 }
5934
5935 .mytheme .v-datefield [class*="button"] {
5936         -webkit-tap-highlight-color: transparent;
5937         -webkit-touch-callout: none;
5938         cursor: pointer;
5939         -webkit-appearance: none;
5940         background: transparent;
5941         padding: 0;
5942         position: absolute;
5943         z-index: 10;
5944         width: 37px;
5945         line-height: 35px;
5946         text-align: center;
5947         font: inherit;
5948         outline: none;
5949         margin: 0;
5950         top: 1px;
5951         bottom: 1px;
5952         left: 1px;
5953         border: none;
5954         border-right: 1px solid #e4e4e4;
5955         color: #a3a3a3;
5956         border-radius: 3px 0 0 3px;
5957 }
5958
5959 .mytheme .v-datefield [class*="button"]:hover {
5960         color: #474747;
5961 }
5962
5963 .mytheme .v-datefield [class*="button"]:before {
5964         font-family: ThemeIcons;
5965         content: "\f073";
5966         -webkit-transition: color 140ms;
5967         -moz-transition: color 140ms;
5968         transition: color 140ms;
5969 }
5970
5971 .mytheme .v-datefield [class*="button"]:active:after {
5972         content: "";
5973         position: absolute;
5974         top: 0;
5975         right: 0;
5976         bottom: 0;
5977         left: 0;
5978         background-color: rgba(128, 128, 128, 0.2);
5979         border-radius: inherit;
5980 }
5981
5982 .mytheme .v-datefield.v-disabled {
5983         opacity: 0.5;
5984         filter: alpha(opacity=50) ;
5985 }
5986
5987 .mytheme .v-datefield.v-disabled [class*="button"] {
5988         cursor: default;
5989         pointer-events: none;
5990 }
5991
5992 .mytheme .v-datefield.v-disabled [class*="button"]:active:after {
5993         display: none;
5994 }
5995
5996 .mytheme .v-datefield.v-readonly [class*="textfield"] {
5997         background: #fafafa;
5998         color: #464646;
5999         -webkit-box-shadow: none;
6000         box-shadow: none;
6001 }
6002
6003 .mytheme .v-datefield.v-readonly [class*="textfield"]:focus {
6004         box-shadow: none;
6005         border-color: #c5c5c5;
6006 }
6007
6008 .mytheme .v-datefield.v-readonly [class*="button"] {
6009         cursor: default;
6010         pointer-events: none;
6011 }
6012
6013 .mytheme .v-datefield.v-readonly [class*="button"]:active:after {
6014         display: none;
6015 }
6016
6017 .mytheme .v-datefield-error .v-datefield-textfield {
6018         border-color: #ed473b !important;
6019         background: #fffbfb;
6020         color: #6c2621;
6021 }
6022
6023 .mytheme .v-datefield-error .v-datefield-button {
6024         color: #ed473b;
6025         border-color: #ed473b;
6026 }
6027
6028 .mytheme .v-datefield-error-info .v-datefield-textfield {
6029         border-color: #00a7f5 !important;
6030         background: #fafdff;
6031         color: #195774;
6032 }
6033
6034 .mytheme .v-datefield-error-info .v-datefield-button {
6035         color: #00a7f5;
6036         border-color: #00a7f5;
6037 }
6038
6039 .mytheme .v-datefield-error-warning .v-datefield-textfield {
6040         border-color: #fc9c00 !important;
6041         background: #fffdfa;
6042         color: #745119;
6043 }
6044
6045 .mytheme .v-datefield-error-warning .v-datefield-button {
6046         color: #fc9c00;
6047         border-color: #fc9c00;
6048 }
6049
6050 .mytheme .v-datefield-error-error .v-datefield-textfield {
6051         border-color: #ed473b !important;
6052         background: #fffbfb;
6053         color: #6c2621;
6054 }
6055
6056 .mytheme .v-datefield-error-error .v-datefield-button {
6057         color: #ed473b;
6058         border-color: #ed473b;
6059 }
6060
6061 .mytheme .v-datefield-error-critical .v-datefield-textfield {
6062         border-color: #fa007d !important;
6063         background: #fffafc;
6064         color: #741947;
6065 }
6066
6067 .mytheme .v-datefield-error-critical .v-datefield-button {
6068         color: #fa007d;
6069         border-color: #fa007d;
6070 }
6071
6072 .mytheme .v-datefield-error-system .v-datefield-textfield {
6073         border-color: #bb00ff !important;
6074         background: #fefaff;
6075         color: #5c1974;
6076 }
6077
6078 .mytheme .v-datefield-error-system .v-datefield-button {
6079         color: #bb00ff;
6080         border-color: #bb00ff;
6081 }
6082
6083 .mytheme .v-datefield-full {
6084         width: 240px;
6085 }
6086
6087 .mytheme .v-datefield-day {
6088         width: 185px;
6089 }
6090
6091 .mytheme .v-datefield-month {
6092         width: 120px;
6093 }
6094
6095 .mytheme .v-datefield-year {
6096         width: 104px;
6097 }
6098
6099 .mytheme .v-datefield-popup {
6100         padding: 4px 4px;
6101         border-radius: 4px;
6102         background-color: white;
6103         color: #474747;
6104         -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);
6105         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);
6106         -webkit-backface-visibility: hidden;
6107         -moz-backface-visibility: hidden;
6108         -ms-backface-visibility: hidden;
6109         backface-visibility: hidden;
6110         margin-top: 5px !important;
6111         margin-bottom: 5px !important;
6112         margin-right: 5px !important;
6113         cursor: default;
6114         width: auto;
6115 }
6116
6117 .mytheme .v-datefield-popup[class*="animate-in"] {
6118         -webkit-animation: valo-overlay-animate-in 120ms;
6119         -moz-animation: valo-overlay-animate-in 120ms;
6120         animation: valo-overlay-animate-in 120ms;
6121 }
6122
6123 .mytheme .v-datefield-popup[class*="animate-out"] {
6124         -webkit-animation: valo-animate-out-fade 120ms;
6125         -moz-animation: valo-animate-out-fade 120ms;
6126         animation: valo-animate-out-fade 120ms;
6127 }
6128
6129 .mytheme .v-datefield-popup table {
6130         border-collapse: collapse;
6131         border-spacing: 0;
6132         margin: 0 auto;
6133 }
6134
6135 .mytheme .v-datefield-popup td {
6136         padding: 2px;
6137 }
6138
6139 .mytheme .v-datefield-popup .v-datefield-calendarpanel {
6140         font-size: 16px;
6141         text-align: center;
6142 }
6143
6144 .mytheme .v-datefield-popup .v-datefield-calendarpanel:focus {
6145         outline: none;
6146 }
6147
6148 .mytheme .v-datefield-popup .v-datefield-calendarpanel-day {
6149         box-sizing: border-box;
6150         width: 30px;
6151         height: 26px;
6152         border: 1px solid transparent;
6153         line-height: 26px;
6154         text-align: center;
6155         font-size: 14px;
6156         background: #fafafa;
6157         border-radius: 2px;
6158         -webkit-transition: color 200ms;
6159         -moz-transition: color 200ms;
6160         transition: color 200ms;
6161         display: inline-block;
6162         box-sizing: border-box;
6163         cursor: pointer;
6164 }
6165
6166 .mytheme .v-datefield-popup .v-datefield-calendarpanel-day:hover {
6167         color: #197de1;
6168 }
6169
6170 .mytheme .v-datefield-popup .v-datefield-calendarpanel-day-offmonth {
6171         color: #a0a0a0;
6172         background: transparent;
6173 }
6174
6175 .mytheme .v-datefield-popup .v-datefield-calendarpanel-day-today {
6176         color: #191919;
6177         font-weight: 600;
6178         border-color: #afafaf;
6179 }
6180
6181 .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 {
6182         color: #c8dbed;
6183         background-color: #197de1;
6184         background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
6185         background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
6186         border: none;
6187         font-weight: 600;
6188 }
6189
6190 .mytheme .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
6191         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
6192         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
6193         position: relative;
6194 }
6195
6196 .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 {
6197         color: #a0a0a0;
6198         cursor: not-allowed;
6199 }
6200
6201 .mytheme .v-datefield-popup .v-datefield-calendarpanel-weekdays {
6202         height: 26px;
6203         color: rgba(133, 133, 133, 0.85);
6204 }
6205
6206 .mytheme .v-datefield-popup .v-datefield-calendarpanel-weekdays strong {
6207         font: inherit;
6208         font-size: 14px;
6209 }
6210
6211 .mytheme .v-datefield-popup .v-datefield-calendarpanel-header {
6212         white-space: nowrap;
6213 }
6214
6215 .mytheme .v-datefield-popup td[class*="year"] button, .mytheme .v-datefield-popup td[class*="month"] button {
6216         -webkit-appearance: none;
6217         -moz-appearance: none;
6218         -ms-appearance: none;
6219         -o-appearance: none;
6220         appearance: none;
6221         border: none;
6222         background: transparent;
6223         padding: 0;
6224         margin: 0;
6225         cursor: pointer;
6226         color: transparent;
6227         font-size: 0;
6228         width: 19px;
6229         height: 25px;
6230         outline: none;
6231         position: relative;
6232         vertical-align: middle;
6233 }
6234
6235 .mytheme .v-datefield-popup td[class*="year"] button:before, .mytheme .v-datefield-popup td[class*="month"] button:before {
6236         color: #a0a0a0;
6237         font-size: 21px;
6238         line-height: 24px;
6239         -webkit-transition: color 200ms;
6240         -moz-transition: color 200ms;
6241         transition: color 200ms;
6242 }
6243
6244 .mytheme .v-datefield-popup td[class*="year"] button:hover:before, .mytheme .v-datefield-popup td[class*="month"] button:hover:before {
6245         color: #197de1;
6246 }
6247
6248 .mytheme .v-datefield-popup td[class*="year"] button.outside-range, .mytheme .v-datefield-popup td[class*="month"] button.outside-range {
6249         cursor: default;
6250         opacity: 0.3;
6251         filter: alpha(opacity=30.0) ;
6252 }
6253
6254 .mytheme .v-datefield-popup td[class*="year"] button.outside-range:hover:before, .mytheme .v-datefield-popup td[class*="month"] button.outside-range:hover:before {
6255         color: #a0a0a0;
6256 }
6257
6258 .mytheme .v-datefield-popup .v-button-prevyear:before {
6259         font-family: ThemeIcons;
6260         content: "\f100";
6261 }
6262
6263 .mytheme .v-datefield-popup .v-button-prevmonth:before {
6264         font-family: ThemeIcons;
6265         content: "\f104";
6266 }
6267
6268 .mytheme .v-datefield-popup .v-button-nextyear:before {
6269         font-family: ThemeIcons;
6270         content: "\f101";
6271 }
6272
6273 .mytheme .v-datefield-popup .v-button-nextmonth:before {
6274         font-family: ThemeIcons;
6275         content: "\f105";
6276 }
6277
6278 .mytheme .v-datefield-popup td.v-datefield-calendarpanel-month {
6279         width: 148px;
6280         color: #197de1;
6281 }
6282
6283 .mytheme .v-datefield-popup .v-datefield-calendarpanel-year td.v-datefield-calendarpanel-month {
6284         width: 74px;
6285 }
6286
6287 .mytheme .v-datefield-popup .v-datefield-calendarpanel-weeknumber, .mytheme .v-datefield-popup .v-datefield-calendarpanel-weekdays.v-datefield-calendarpanel-weeknumbers td:first-child {
6288         width: 30px;
6289         color: rgba(133, 133, 133, 0.85);
6290         font-size: 14px;
6291         display: inline-block;
6292         text-align: left;
6293 }
6294
6295 .mytheme .v-datefield-popup .v-datefield-calendarpanel-weeknumber {
6296         position: relative;
6297 }
6298
6299 .mytheme .v-datefield-popup .v-datefield-calendarpanel-weeknumbers .v-first:before {
6300         content: "";
6301         position: absolute;
6302         top: 38px;
6303         bottom: 0;
6304         left: 0;
6305         width: 34px;
6306         border-top: 1px solid #eaeaea;
6307         border-right: 1px solid #eaeaea;
6308         border-top-right-radius: 4px;
6309         border-bottom-left-radius: 4px;
6310         background: #fafafa;
6311 }
6312
6313 .mytheme .v-datefield-popup td.v-datefield-calendarpanel-time {
6314         width: 100%;
6315         font-size: 14px;
6316 }
6317
6318 .mytheme .v-datefield-popup td.v-datefield-calendarpanel-time .v-label {
6319         display: inline;
6320         margin: 0 0.1em;
6321         font-weight: 400;
6322 }
6323
6324 .mytheme .v-datefield-calendarpanel {
6325         font-size: 16px;
6326         text-align: center;
6327 }
6328
6329 .mytheme .v-datefield-calendarpanel:focus {
6330         outline: none;
6331 }
6332
6333 .mytheme .v-datefield-calendarpanel-day {
6334         box-sizing: border-box;
6335         width: 30px;
6336         height: 26px;
6337         border: 1px solid transparent;
6338         line-height: 26px;
6339         text-align: center;
6340         font-size: 14px;
6341         background: #fafafa;
6342         border-radius: 2px;
6343         -webkit-transition: color 200ms;
6344         -moz-transition: color 200ms;
6345         transition: color 200ms;
6346         display: inline-block;
6347         box-sizing: border-box;
6348         cursor: pointer;
6349 }
6350
6351 .mytheme .v-datefield-calendarpanel-day:hover {
6352         color: #197de1;
6353 }
6354
6355 .mytheme .v-datefield-calendarpanel-day-offmonth {
6356         color: #a0a0a0;
6357         background: transparent;
6358 }
6359
6360 .mytheme .v-datefield-calendarpanel-day-today {
6361         color: #191919;
6362         font-weight: 600;
6363         border-color: #afafaf;
6364 }
6365
6366 .mytheme .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected, .mytheme .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected:hover {
6367         color: #c8dbed;
6368         background-color: #197de1;
6369         background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
6370         background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
6371         border: none;
6372         font-weight: 600;
6373 }
6374
6375 .mytheme .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
6376         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
6377         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
6378         position: relative;
6379 }
6380
6381 .mytheme .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range, .mytheme .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range:hover {
6382         color: #a0a0a0;
6383         cursor: not-allowed;
6384 }
6385
6386 .mytheme .v-datefield-calendarpanel-weekdays {
6387         height: 26px;
6388         color: rgba(133, 133, 133, 0.85);
6389 }
6390
6391 .mytheme .v-datefield-calendarpanel-weekdays strong {
6392         font: inherit;
6393         font-size: 14px;
6394 }
6395
6396 .mytheme .v-datefield-calendarpanel-header {
6397         white-space: nowrap;
6398 }
6399
6400 .mytheme td[class*="year"] button, .mytheme td[class*="month"] button {
6401         -webkit-appearance: none;
6402         -moz-appearance: none;
6403         -ms-appearance: none;
6404         -o-appearance: none;
6405         appearance: none;
6406         border: none;
6407         background: transparent;
6408         padding: 0;
6409         margin: 0;
6410         cursor: pointer;
6411         color: transparent;
6412         font-size: 0;
6413         width: 19px;
6414         height: 25px;
6415         outline: none;
6416         position: relative;
6417         vertical-align: middle;
6418 }
6419
6420 .mytheme td[class*="year"] button:before, .mytheme td[class*="month"] button:before {
6421         color: #a0a0a0;
6422         font-size: 21px;
6423         line-height: 24px;
6424         -webkit-transition: color 200ms;
6425         -moz-transition: color 200ms;
6426         transition: color 200ms;
6427 }
6428
6429 .mytheme td[class*="year"] button:hover:before, .mytheme td[class*="month"] button:hover:before {
6430         color: #197de1;
6431 }
6432
6433 .mytheme td[class*="year"] button.outside-range, .mytheme td[class*="month"] button.outside-range {
6434         cursor: default;
6435         opacity: 0.3;
6436         filter: alpha(opacity=30.0) ;
6437 }
6438
6439 .mytheme td[class*="year"] button.outside-range:hover:before, .mytheme td[class*="month"] button.outside-range:hover:before {
6440         color: #a0a0a0;
6441 }
6442
6443 .mytheme .v-button-prevyear:before {
6444         font-family: ThemeIcons;
6445         content: "\f100";
6446 }
6447
6448 .mytheme .v-button-prevmonth:before {
6449         font-family: ThemeIcons;
6450         content: "\f104";
6451 }
6452
6453 .mytheme .v-button-nextyear:before {
6454         font-family: ThemeIcons;
6455         content: "\f101";
6456 }
6457
6458 .mytheme .v-button-nextmonth:before {
6459         font-family: ThemeIcons;
6460         content: "\f105";
6461 }
6462
6463 .mytheme td.v-datefield-calendarpanel-month {
6464         width: 148px;
6465         color: #197de1;
6466 }
6467
6468 .mytheme .v-datefield-calendarpanel-year td.v-datefield-calendarpanel-month {
6469         width: 74px;
6470 }
6471
6472 .mytheme .v-datefield-calendarpanel-weeknumber, .mytheme .v-datefield-calendarpanel-weekdays.v-datefield-calendarpanel-weeknumbers td:first-child {
6473         width: 30px;
6474         color: rgba(133, 133, 133, 0.85);
6475         font-size: 14px;
6476         display: inline-block;
6477         text-align: left;
6478 }
6479
6480 .mytheme .v-datefield-calendarpanel-weeknumber {
6481         position: relative;
6482 }
6483
6484 .mytheme .v-datefield-calendarpanel-weeknumbers .v-first:before {
6485         content: "";
6486         position: absolute;
6487         top: 38px;
6488         bottom: 0;
6489         left: 0;
6490         width: 34px;
6491         border-top: 1px solid #eaeaea;
6492         border-right: 1px solid #eaeaea;
6493         border-top-right-radius: 4px;
6494         border-bottom-left-radius: 4px;
6495         background: #fafafa;
6496 }
6497
6498 .mytheme td.v-datefield-calendarpanel-time {
6499         width: 100%;
6500         font-size: 14px;
6501 }
6502
6503 .mytheme td.v-datefield-calendarpanel-time .v-label {
6504         display: inline;
6505         margin: 0 0.1em;
6506         font-weight: 400;
6507 }
6508
6509 .mytheme .v-datefield-borderless .v-datefield-textfield {
6510         border: none;
6511         border-radius: 0;
6512         background: transparent;
6513         -webkit-box-shadow: none;
6514         box-shadow: none;
6515         color: inherit;
6516 }
6517
6518 .mytheme .v-datefield-borderless .v-datefield-textfield:focus {
6519         -webkit-box-shadow: none;
6520         box-shadow: none;
6521 }
6522
6523 .mytheme .v-datefield-borderless .v-datefield-textfield[class*="prompt"] {
6524         color: inherit;
6525         opacity: 0.5;
6526         filter: alpha(opacity=50) ;
6527 }
6528
6529 .mytheme .v-datefield-borderless .v-datefield-button {
6530         border: none;
6531         color: inherit;
6532         opacity: 0.5;
6533         filter: alpha(opacity=50) ;
6534 }
6535
6536 .mytheme .v-datefield-align-right input {
6537         text-align: right;
6538 }
6539
6540 .mytheme .v-datefield-align-center input {
6541         text-align: center;
6542 }
6543
6544 .mytheme .v-datefield-tiny {
6545         height: 28px;
6546         border-radius: 4px;
6547         font-size: 12px;
6548 }
6549
6550 .mytheme .v-datefield-tiny [class*="textfield"] {
6551         box-sizing: border-box;
6552         -webkit-appearance: none;
6553         -moz-appearance: none;
6554         -ms-appearance: none;
6555         -o-appearance: none;
6556         appearance: none;
6557         -webkit-user-select: text;
6558         -moz-user-select: text;
6559         -ms-user-select: text;
6560         user-select: text;
6561         margin: 0;
6562         font: inherit;
6563
6564         font-weight: 400;
6565         line-height: normal;
6566         height: 28px;
6567         border-radius: 4px;
6568         padding: 3px 7px;
6569
6570
6571
6572         -webkit-transition: box-shadow 180ms, border 180ms;
6573         -moz-transition: box-shadow 180ms, border 180ms;
6574         transition: box-shadow 180ms, border 180ms;
6575         padding-left: 33.6px;
6576         width: 100%;
6577         height: 100%;
6578         border-radius: inherit;
6579 }
6580
6581 .mytheme .v-datefield-tiny [class*="button"] {
6582         -webkit-tap-highlight-color: transparent;
6583         -webkit-touch-callout: none;
6584         cursor: pointer;
6585         -webkit-appearance: none;
6586         background: transparent;
6587         padding: 0;
6588         position: absolute;
6589         z-index: 10;
6590         width: 28px;
6591         line-height: 28px;
6592         text-align: center;
6593         font: inherit;
6594         outline: none;
6595         margin: 0;
6596         border-radius: 4px 0 0 4px;
6597 }
6598
6599 .mytheme .v-datefield-tiny [class*="button"]:before {
6600         font-family: ThemeIcons;
6601         content: "\f073";
6602         -webkit-transition: color 140ms;
6603         -moz-transition: color 140ms;
6604         transition: color 140ms;
6605 }
6606
6607 .mytheme .v-datefield-tiny [class*="button"]:active:after {
6608         content: "";
6609         position: absolute;
6610         top: 0;
6611         right: 0;
6612         bottom: 0;
6613         left: 0;
6614         border-radius: inherit;
6615 }
6616
6617 .mytheme .v-datefield-tiny.v-disabled {
6618         opacity: 0.5;
6619         filter: alpha(opacity=50) ;
6620 }
6621
6622 .mytheme .v-datefield-tiny.v-disabled [class*="button"] {
6623         cursor: default;
6624         pointer-events: none;
6625 }
6626
6627 .mytheme .v-datefield-tiny.v-disabled [class*="button"]:active:after {
6628         display: none;
6629 }
6630
6631 .mytheme .v-datefield-tiny.v-readonly [class*="textfield"] {
6632         background: #fafafa;
6633         color: #464646;
6634         -webkit-box-shadow: none;
6635         box-shadow: none;
6636 }
6637
6638 .mytheme .v-datefield-tiny.v-readonly [class*="textfield"]:focus {
6639         box-shadow: none;
6640         border-color: #c5c5c5;
6641 }
6642
6643 .mytheme .v-datefield-tiny.v-readonly [class*="button"] {
6644         cursor: default;
6645         pointer-events: none;
6646 }
6647
6648 .mytheme .v-datefield-tiny.v-readonly [class*="button"]:active:after {
6649         display: none;
6650 }
6651
6652 .mytheme .v-datefield-compact, .mytheme .v-datefield-small {
6653         height: 31px;
6654         border-radius: 4px;
6655 }
6656
6657 .mytheme .v-datefield-compact [class*="textfield"], .mytheme .v-datefield-small [class*="textfield"] {
6658         box-sizing: border-box;
6659         -webkit-appearance: none;
6660         -moz-appearance: none;
6661         -ms-appearance: none;
6662         -o-appearance: none;
6663         appearance: none;
6664         -webkit-user-select: text;
6665         -moz-user-select: text;
6666         -ms-user-select: text;
6667         user-select: text;
6668         margin: 0;
6669         font: inherit;
6670
6671         font-weight: 400;
6672         line-height: normal;
6673         height: 31px;
6674         border-radius: 4px;
6675         padding: 3px 8px;
6676
6677
6678
6679         -webkit-transition: box-shadow 180ms, border 180ms;
6680         -moz-transition: box-shadow 180ms, border 180ms;
6681         transition: box-shadow 180ms, border 180ms;
6682         padding-left: 37.2px;
6683         width: 100%;
6684         height: 100%;
6685         border-radius: inherit;
6686 }
6687
6688 .mytheme .v-datefield-compact [class*="button"], .mytheme .v-datefield-small [class*="button"] {
6689         -webkit-tap-highlight-color: transparent;
6690         -webkit-touch-callout: none;
6691         cursor: pointer;
6692         -webkit-appearance: none;
6693         background: transparent;
6694         padding: 0;
6695         position: absolute;
6696         z-index: 10;
6697         width: 31px;
6698         line-height: 31px;
6699         text-align: center;
6700         font: inherit;
6701         outline: none;
6702         margin: 0;
6703         border-radius: 4px 0 0 4px;
6704 }
6705
6706 .mytheme .v-datefield-compact [class*="button"]:before, .mytheme .v-datefield-small [class*="button"]:before {
6707         font-family: ThemeIcons;
6708         content: "\f073";
6709         -webkit-transition: color 140ms;
6710         -moz-transition: color 140ms;
6711         transition: color 140ms;
6712 }
6713
6714 .mytheme .v-datefield-compact [class*="button"]:active:after, .mytheme .v-datefield-small [class*="button"]:active:after {
6715         content: "";
6716         position: absolute;
6717         top: 0;
6718         right: 0;
6719         bottom: 0;
6720         left: 0;
6721         border-radius: inherit;
6722 }
6723
6724 .mytheme .v-datefield-compact.v-disabled, .mytheme .v-datefield-small.v-disabled {
6725         opacity: 0.5;
6726         filter: alpha(opacity=50) ;
6727 }
6728
6729 .mytheme .v-datefield-compact.v-disabled [class*="button"], .mytheme .v-datefield-small.v-disabled [class*="button"] {
6730         cursor: default;
6731         pointer-events: none;
6732 }
6733
6734 .mytheme .v-datefield-compact.v-disabled [class*="button"]:active:after, .mytheme .v-datefield-small.v-disabled [class*="button"]:active:after {
6735         display: none;
6736 }
6737
6738 .mytheme .v-datefield-compact.v-readonly [class*="textfield"], .mytheme .v-datefield-small.v-readonly [class*="textfield"] {
6739         background: #fafafa;
6740         color: #464646;
6741         -webkit-box-shadow: none;
6742         box-shadow: none;
6743 }
6744
6745 .mytheme .v-datefield-compact.v-readonly [class*="textfield"]:focus, .mytheme .v-datefield-small.v-readonly [class*="textfield"]:focus {
6746         box-shadow: none;
6747         border-color: #c5c5c5;
6748 }
6749
6750 .mytheme .v-datefield-compact.v-readonly [class*="button"], .mytheme .v-datefield-small.v-readonly [class*="button"] {
6751         cursor: default;
6752         pointer-events: none;
6753 }
6754
6755 .mytheme .v-datefield-compact.v-readonly [class*="button"]:active:after, .mytheme .v-datefield-small.v-readonly [class*="button"]:active:after {
6756         display: none;
6757 }
6758
6759 .mytheme .v-datefield-small {
6760         font-size: 14px;
6761 }
6762
6763 .mytheme .v-datefield-large {
6764         height: 44px;
6765         border-radius: 4px;
6766         font-size: 20px;
6767 }
6768
6769 .mytheme .v-datefield-large [class*="textfield"] {
6770         box-sizing: border-box;
6771         -webkit-appearance: none;
6772         -moz-appearance: none;
6773         -ms-appearance: none;
6774         -o-appearance: none;
6775         appearance: none;
6776         -webkit-user-select: text;
6777         -moz-user-select: text;
6778         -ms-user-select: text;
6779         user-select: text;
6780         margin: 0;
6781         font: inherit;
6782
6783         font-weight: 400;
6784         line-height: normal;
6785         height: 44px;
6786         border-radius: 4px;
6787         padding: 5px 10px;
6788
6789
6790
6791         -webkit-transition: box-shadow 180ms, border 180ms;
6792         -moz-transition: box-shadow 180ms, border 180ms;
6793         transition: box-shadow 180ms, border 180ms;
6794         padding-left: 52.8px;
6795         width: 100%;
6796         height: 100%;
6797         border-radius: inherit;
6798 }
6799
6800 .mytheme .v-datefield-large [class*="button"] {
6801         -webkit-tap-highlight-color: transparent;
6802         -webkit-touch-callout: none;
6803         cursor: pointer;
6804         -webkit-appearance: none;
6805         background: transparent;
6806         padding: 0;
6807         position: absolute;
6808         z-index: 10;
6809         width: 44px;
6810         line-height: 44px;
6811         text-align: center;
6812         font: inherit;
6813         outline: none;
6814         margin: 0;
6815         border-radius: 4px 0 0 4px;
6816 }
6817
6818 .mytheme .v-datefield-large [class*="button"]:before {
6819         font-family: ThemeIcons;
6820         content: "\f073";
6821         -webkit-transition: color 140ms;
6822         -moz-transition: color 140ms;
6823         transition: color 140ms;
6824 }
6825
6826 .mytheme .v-datefield-large [class*="button"]:active:after {
6827         content: "";
6828         position: absolute;
6829         top: 0;
6830         right: 0;
6831         bottom: 0;
6832         left: 0;
6833         border-radius: inherit;
6834 }
6835
6836 .mytheme .v-datefield-large.v-disabled {
6837         opacity: 0.5;
6838         filter: alpha(opacity=50) ;
6839 }
6840
6841 .mytheme .v-datefield-large.v-disabled [class*="button"] {
6842         cursor: default;
6843         pointer-events: none;
6844 }
6845
6846 .mytheme .v-datefield-large.v-disabled [class*="button"]:active:after {
6847         display: none;
6848 }
6849
6850 .mytheme .v-datefield-large.v-readonly [class*="textfield"] {
6851         background: #fafafa;
6852         color: #464646;
6853         -webkit-box-shadow: none;
6854         box-shadow: none;
6855 }
6856
6857 .mytheme .v-datefield-large.v-readonly [class*="textfield"]:focus {
6858         box-shadow: none;
6859         border-color: #c5c5c5;
6860 }
6861
6862 .mytheme .v-datefield-large.v-readonly [class*="button"] {
6863         cursor: default;
6864         pointer-events: none;
6865 }
6866
6867 .mytheme .v-datefield-large.v-readonly [class*="button"]:active:after {
6868         display: none;
6869 }
6870
6871 .mytheme .v-datefield-huge {
6872         height: 59px;
6873         border-radius: 4px;
6874         font-size: 26px;
6875 }
6876
6877 .mytheme .v-datefield-huge [class*="textfield"] {
6878         box-sizing: border-box;
6879         -webkit-appearance: none;
6880         -moz-appearance: none;
6881         -ms-appearance: none;
6882         -o-appearance: none;
6883         appearance: none;
6884         -webkit-user-select: text;
6885         -moz-user-select: text;
6886         -ms-user-select: text;
6887         user-select: text;
6888         margin: 0;
6889         font: inherit;
6890
6891         font-weight: 400;
6892         line-height: normal;
6893         height: 59px;
6894         border-radius: 4px;
6895         padding: 7px 12px;
6896
6897
6898
6899         -webkit-transition: box-shadow 180ms, border 180ms;
6900         -moz-transition: box-shadow 180ms, border 180ms;
6901         transition: box-shadow 180ms, border 180ms;
6902         padding-left: 70.8px;
6903         width: 100%;
6904         height: 100%;
6905         border-radius: inherit;
6906 }
6907
6908 .mytheme .v-datefield-huge [class*="button"] {
6909         -webkit-tap-highlight-color: transparent;
6910         -webkit-touch-callout: none;
6911         cursor: pointer;
6912         -webkit-appearance: none;
6913         background: transparent;
6914         padding: 0;
6915         position: absolute;
6916         z-index: 10;
6917         width: 59px;
6918         line-height: 59px;
6919         text-align: center;
6920         font: inherit;
6921         outline: none;
6922         margin: 0;
6923         border-radius: 4px 0 0 4px;
6924 }
6925
6926 .mytheme .v-datefield-huge [class*="button"]:before {
6927         font-family: ThemeIcons;
6928         content: "\f073";
6929         -webkit-transition: color 140ms;
6930         -moz-transition: color 140ms;
6931         transition: color 140ms;
6932 }
6933
6934 .mytheme .v-datefield-huge [class*="button"]:active:after {
6935         content: "";
6936         position: absolute;
6937         top: 0;
6938         right: 0;
6939         bottom: 0;
6940         left: 0;
6941         border-radius: inherit;
6942 }
6943
6944 .mytheme .v-datefield-huge.v-disabled {
6945         opacity: 0.5;
6946         filter: alpha(opacity=50) ;
6947 }
6948
6949 .mytheme .v-datefield-huge.v-disabled [class*="button"] {
6950         cursor: default;
6951         pointer-events: none;
6952 }
6953
6954 .mytheme .v-datefield-huge.v-disabled [class*="button"]:active:after {
6955         display: none;
6956 }
6957
6958 .mytheme .v-datefield-huge.v-readonly [class*="textfield"] {
6959         background: #fafafa;
6960         color: #464646;
6961         -webkit-box-shadow: none;
6962         box-shadow: none;
6963 }
6964
6965 .mytheme .v-datefield-huge.v-readonly [class*="textfield"]:focus {
6966         box-shadow: none;
6967         border-color: #c5c5c5;
6968 }
6969
6970 .mytheme .v-datefield-huge.v-readonly [class*="button"] {
6971         cursor: default;
6972         pointer-events: none;
6973 }
6974
6975 .mytheme .v-datefield-huge.v-readonly [class*="button"]:active:after {
6976         display: none;
6977 }
6978
6979 .mytheme .v-inline-datefield-calendarpanel {
6980         font-size: 16px;
6981         text-align: center;
6982 }
6983
6984 .mytheme .v-inline-datefield-calendarpanel:focus {
6985         outline: none;
6986 }
6987
6988 .mytheme .v-inline-datefield-calendarpanel-day {
6989         box-sizing: border-box;
6990         width: 30px;
6991         height: 26px;
6992         border: 1px solid transparent;
6993         line-height: 26px;
6994         text-align: center;
6995         font-size: 14px;
6996         background: #fafafa;
6997         border-radius: 2px;
6998         -webkit-transition: color 200ms;
6999         -moz-transition: color 200ms;
7000         transition: color 200ms;
7001         display: inline-block;
7002         box-sizing: border-box;
7003         cursor: pointer;
7004 }
7005
7006 .mytheme .v-inline-datefield-calendarpanel-day:hover {
7007         color: #197de1;
7008 }
7009
7010 .mytheme .v-inline-datefield-calendarpanel-day-offmonth {
7011         color: #a0a0a0;
7012         background: transparent;
7013 }
7014
7015 .mytheme .v-inline-datefield-calendarpanel-day-today {
7016         color: #191919;
7017         font-weight: 600;
7018         border-color: #afafaf;
7019 }
7020
7021 .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 {
7022         color: #c8dbed;
7023         background-color: #197de1;
7024         background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
7025         background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
7026         border: none;
7027         font-weight: 600;
7028 }
7029
7030 .mytheme .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-focused {
7031         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
7032         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
7033         position: relative;
7034 }
7035
7036 .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 {
7037         color: #a0a0a0;
7038         cursor: not-allowed;
7039 }
7040
7041 .mytheme .v-inline-datefield-calendarpanel-weekdays {
7042         height: 26px;
7043         color: rgba(133, 133, 133, 0.85);
7044 }
7045
7046 .mytheme .v-inline-datefield-calendarpanel-weekdays strong {
7047         font: inherit;
7048         font-size: 14px;
7049 }
7050
7051 .mytheme .v-inline-datefield-calendarpanel-header {
7052         white-space: nowrap;
7053 }
7054
7055 .mytheme td[class*="year"] button, .mytheme td[class*="month"] button {
7056         -webkit-appearance: none;
7057         -moz-appearance: none;
7058         -ms-appearance: none;
7059         -o-appearance: none;
7060         appearance: none;
7061         border: none;
7062         background: transparent;
7063         padding: 0;
7064         margin: 0;
7065         cursor: pointer;
7066         color: transparent;
7067         font-size: 0;
7068         width: 19px;
7069         height: 25px;
7070         outline: none;
7071         position: relative;
7072         vertical-align: middle;
7073 }
7074
7075 .mytheme td[class*="year"] button:before, .mytheme td[class*="month"] button:before {
7076         color: #a0a0a0;
7077         font-size: 21px;
7078         line-height: 24px;
7079         -webkit-transition: color 200ms;
7080         -moz-transition: color 200ms;
7081         transition: color 200ms;
7082 }
7083
7084 .mytheme td[class*="year"] button:hover:before, .mytheme td[class*="month"] button:hover:before {
7085         color: #197de1;
7086 }
7087
7088 .mytheme td[class*="year"] button.outside-range, .mytheme td[class*="month"] button.outside-range {
7089         cursor: default;
7090         opacity: 0.3;
7091         filter: alpha(opacity=30.0) ;
7092 }
7093
7094 .mytheme td[class*="year"] button.outside-range:hover:before, .mytheme td[class*="month"] button.outside-range:hover:before {
7095         color: #a0a0a0;
7096 }
7097
7098 .mytheme .v-button-prevyear:before {
7099         font-family: ThemeIcons;
7100         content: "\f100";
7101 }
7102
7103 .mytheme .v-button-prevmonth:before {
7104         font-family: ThemeIcons;
7105         content: "\f104";
7106 }
7107
7108 .mytheme .v-button-nextyear:before {
7109         font-family: ThemeIcons;
7110         content: "\f101";
7111 }
7112
7113 .mytheme .v-button-nextmonth:before {
7114         font-family: ThemeIcons;
7115         content: "\f105";
7116 }
7117
7118 .mytheme td.v-inline-datefield-calendarpanel-month {
7119         width: 148px;
7120         color: #197de1;
7121 }
7122
7123 .mytheme .v-inline-datefield-calendarpanel-year td.v-inline-datefield-calendarpanel-month {
7124         width: 74px;
7125 }
7126
7127 .mytheme .v-inline-datefield-calendarpanel-weeknumber, .mytheme .v-inline-datefield-calendarpanel-weekdays.v-inline-datefield-calendarpanel-weeknumbers td:first-child {
7128         width: 30px;
7129         color: rgba(133, 133, 133, 0.85);
7130         font-size: 14px;
7131         display: inline-block;
7132         text-align: left;
7133 }
7134
7135 .mytheme .v-inline-datefield-calendarpanel-weeknumber {
7136         position: relative;
7137 }
7138
7139 .mytheme .v-inline-datefield-calendarpanel-weeknumbers .v-first:before {
7140         content: "";
7141         position: absolute;
7142         top: 38px;
7143         bottom: 0;
7144         left: 0;
7145         width: 34px;
7146         border-top: 1px solid #eaeaea;
7147         border-right: 1px solid #eaeaea;
7148         border-top-right-radius: 4px;
7149         border-bottom-left-radius: 4px;
7150         background: #fafafa;
7151 }
7152
7153 .mytheme td.v-inline-datefield-calendarpanel-time {
7154         width: 100%;
7155         font-size: 14px;
7156 }
7157
7158 .mytheme td.v-inline-datefield-calendarpanel-time .v-label {
7159         display: inline;
7160         margin: 0 0.1em;
7161         font-weight: 400;
7162 }
7163
7164 .mytheme .v-inline-datefield-calendarpanel {
7165         position: relative;
7166         background: white;
7167         padding: 6px;
7168 }
7169
7170 .mytheme .v-gridlayout-margin-top {
7171         padding-top: 37px;
7172 }
7173
7174 .mytheme .v-gridlayout-margin-bottom {
7175         padding-bottom: 37px;
7176 }
7177
7178 .mytheme .v-gridlayout-margin-left {
7179         padding-left: 37px;
7180 }
7181
7182 .mytheme .v-gridlayout-margin-right {
7183         padding-right: 37px;
7184 }
7185
7186 .mytheme .v-gridlayout-spacing-on {
7187         padding-left: 12px;
7188         padding-top: 12px;
7189 }
7190
7191 .mytheme .v-menubar {
7192         position: relative;
7193         text-align: center;
7194         white-space: nowrap;
7195         outline: none;
7196         -webkit-tap-highlight-color: transparent;
7197         -webkit-touch-callout: none;
7198         cursor: pointer;
7199         height: 37px;
7200         padding: 0 16px;
7201         color: #191919;
7202         font-weight: 400;
7203
7204         cursor: default;
7205         border-radius: 4px;
7206         border: 1px solid #c5c5c5;
7207         border-top-color: #c5c5c5;
7208         border-bottom-color: #bcbcbc;
7209         background-color: #fafafa;
7210         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
7211         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
7212         -webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
7213         box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
7214         text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
7215         padding: 0;
7216         text-align: left;
7217         line-height: 35px;
7218 }
7219
7220 .mytheme .v-menubar:after {
7221         content: "";
7222         position: absolute;
7223         top: 0;
7224         right: 0;
7225         bottom: 0;
7226         left: 0;
7227         border-radius: inherit;
7228         -webkit-transition: box-shadow 180ms, border 180ms;
7229         -moz-transition: box-shadow 180ms, border 180ms;
7230         transition: box-shadow 180ms, border 180ms;
7231 }
7232
7233 .mytheme .v-menubar:focus:after {
7234         -webkit-transition: none;
7235         -moz-transition: none;
7236         transition: none;
7237 }
7238
7239 .mytheme .v-menubar.v-disabled {
7240         opacity: 0.5;
7241         filter: alpha(opacity=50) ;
7242 }
7243
7244 .mytheme .v-menubar.v-disabled:after {
7245         display: none;
7246 }
7247
7248 .mytheme .v-menubar:after {
7249         border: inherit;
7250         top: -1px;
7251         right: -1px;
7252         bottom: -1px;
7253         left: -1px;
7254 }
7255
7256 .mytheme .v-menubar:focus:after {
7257         border-color: #197de1;
7258         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
7259         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
7260 }
7261
7262 .mytheme .v-menubar  > .v-menubar-menuitem {
7263         padding: 0 14px;
7264 }
7265
7266 .mytheme .v-menubar  > .v-menubar-menuitem[class*="-icon-only"] {
7267         width: 37px;
7268 }
7269
7270 .mytheme .v-menubar:active:after {
7271         background: transparent;
7272 }
7273
7274 .mytheme .v-menubar > .v-menubar-menuitem {
7275         position: relative;
7276         z-index: 1;
7277         display: inline-block;
7278         box-sizing: border-box;
7279         height: 37px;
7280         padding: 0 15px;
7281         color: inherit;
7282         font-weight: 400;
7283
7284         cursor: pointer;
7285         border-radius: 0;
7286         border: 1px solid #c5c5c5;
7287         border-top-color: #c5c5c5;
7288         border-bottom-color: #bcbcbc;
7289         background-color: #fafafa;
7290         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
7291         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
7292         -webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7;
7293         box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7;
7294         background: transparent;
7295         -webkit-box-shadow: none;
7296         box-shadow: none;
7297         border-width: 0 1px 0 0;
7298         border-color: inherit;
7299         height: 100%;
7300         line-height: inherit;
7301         vertical-align: top;
7302         text-align: center;
7303 }
7304
7305 .mytheme .v-menubar > .v-menubar-menuitem:first-child {
7306         border-left-width: 0;
7307         border-radius: 3px 0 0 3px;
7308 }
7309
7310 .mytheme .v-menubar > .v-menubar-menuitem:last-child {
7311         border-radius: 0 3px 3px 0;
7312         border-right-width: 0;
7313 }
7314
7315 .mytheme .v-menubar > .v-menubar-menuitem:first-child:last-child {
7316         border-radius: 3px;
7317 }
7318
7319 .mytheme .v-menubar > .v-menubar-menuitem:before {
7320         content: "";
7321         position: absolute;
7322         top: 0;
7323         right: 0;
7324         bottom: 0;
7325         left: 0;
7326         border-radius: inherit;
7327 }
7328
7329 .mytheme .v-menubar > .v-menubar-menuitem:hover {
7330         zoom: 1;
7331 }
7332
7333 .mytheme .v-menubar > .v-menubar-menuitem:hover:before {
7334         background-color: rgba(186, 186, 186, 0.1);
7335         border: none;
7336 }
7337
7338 .mytheme .v-menubar > .v-menubar-menuitem:active:before {
7339         background-color: rgba(125, 125, 125, 0.2);
7340 }
7341
7342 .mytheme .v-menubar > .v-menubar-menuitem .v-icon {
7343         margin: 0 4px 0 -4px;
7344         cursor: inherit;
7345 }
7346
7347 .mytheme .v-menubar > .v-menubar-menuitem[class*="-icon-only"] {
7348         width: 37px;
7349         padding: 0;
7350 }
7351
7352 .mytheme .v-menubar > .v-menubar-menuitem[class*="-icon-only"] .v-icon {
7353         margin: 0;
7354 }
7355
7356 .mytheme .v-menubar > .v-menubar-menuitem-checked {
7357         -webkit-box-shadow: none;
7358         box-shadow: none;
7359         background-color: #ededed;
7360         background-image: -webkit-linear-gradient(bottom, #ededed 2%, #e9e9e9 98%);
7361         background-image: linear-gradient(to top,#ededed 2%, #e9e9e9 98%);
7362         color: #181818;
7363 }
7364
7365 .mytheme .v-disabled > .v-menubar-menuitem, .mytheme .v-menubar > .v-menubar-menuitem-disabled {
7366         cursor: default;
7367 }
7368
7369 .mytheme .v-disabled > .v-menubar-menuitem:before, .mytheme .v-menubar > .v-menubar-menuitem-disabled:before {
7370         display: none;
7371 }
7372
7373 .mytheme .v-menubar-menuitem-disabled {
7374         opacity: 0.5;
7375         filter: alpha(opacity=50) ;
7376 }
7377
7378 .mytheme .v-menubar > .v-menubar-menuitem-selected {
7379         color: #ecf2f8;
7380
7381
7382
7383         border-radius: 0;
7384         border: 1px solid #1362b1;
7385         border-top-color: #156ab3;
7386         border-bottom-color: #1156a8;
7387         background-color: #197de1;
7388         background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
7389         background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
7390         -webkit-box-shadow: inset 0 1px 0 #4d98e6, inset 0 -1px 0 #166bca;
7391         box-shadow: inset 0 1px 0 #4d98e6, inset 0 -1px 0 #166bca;
7392         text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
7393         border-top-width: 0;
7394         border-left-width: 0;
7395         border-bottom-width: 0;
7396         z-index: 2;
7397 }
7398
7399 .mytheme .v-menubar > .v-menubar-menuitem-selected:hover:before {
7400         background: none;
7401 }
7402
7403 .mytheme .v-menubar .v-menubar-submenu-indicator {
7404         display: none;
7405 }
7406
7407 .mytheme .v-menubar .v-menubar-submenu-indicator  + .v-menubar-menuitem-caption:after {
7408         font-family: ThemeIcons;
7409         content: "\f078";
7410         font-size: 0.7em;
7411         vertical-align: 0.15em;
7412         margin: 0 -0.2em 0 0.5em;
7413         opacity: 0.5;
7414 }
7415
7416 .mytheme .v-menubar .v-menubar-submenu-indicator  + .v-menubar-menuitem-caption:empty:after {
7417         margin-left: -0.2em;
7418 }
7419
7420 .mytheme .v-menubar-popup {
7421         padding: 4px 4px;
7422         border-radius: 4px;
7423         background-color: white;
7424         color: #474747;
7425         -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);
7426         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);
7427         -webkit-backface-visibility: hidden;
7428         -moz-backface-visibility: hidden;
7429         -ms-backface-visibility: hidden;
7430         backface-visibility: hidden;
7431         padding: 4px 4px;
7432         margin: 5px 0 0 1px !important;
7433 }
7434
7435 .mytheme .v-menubar-popup[class*="animate-in"] {
7436         -webkit-animation: valo-overlay-animate-in 120ms;
7437         -moz-animation: valo-overlay-animate-in 120ms;
7438         animation: valo-overlay-animate-in 120ms;
7439 }
7440
7441 .mytheme .v-menubar-popup[class*="animate-out"] {
7442         -webkit-animation: valo-animate-out-fade 120ms;
7443         -moz-animation: valo-animate-out-fade 120ms;
7444         animation: valo-animate-out-fade 120ms;
7445 }
7446
7447 .mytheme .v-menubar-popup .v-menubar-submenu {
7448         outline: none;
7449 }
7450
7451 .mytheme .v-menubar-popup .v-menubar-menuitem {
7452         display: block;
7453         cursor: pointer;
7454         line-height: 27px;
7455         padding: 0 20px 0 10px;
7456         border-radius: 3px;
7457         font-weight: 400;
7458         white-space: nowrap;
7459         position: relative;
7460         padding-left: 32px;
7461         padding-right: 37px;
7462         position: relative;
7463 }
7464
7465 .mytheme .v-menubar-popup .v-menubar-menuitem:active:before {
7466         content: "";
7467         position: absolute;
7468         top: 0;
7469         right: 0;
7470         bottom: 0;
7471         left: 0;
7472         background: #0957a6;
7473         opacity: 0.15;
7474         filter: alpha(opacity=15.0) ;
7475         pointer-events: none;
7476         border-radius: inherit;
7477 }
7478
7479 .mytheme .v-menubar-popup .v-menubar-menuitem .v-icon {
7480         max-height: 27px;
7481         margin-right: 5px;
7482         min-width: 1em;
7483 }
7484
7485 .mytheme .v-menubar-popup .v-menubar-submenu-indicator {
7486         display: none;
7487 }
7488
7489 .mytheme .v-menubar-popup .v-menubar-submenu-indicator  + .v-menubar-menuitem-caption:after {
7490         position: absolute;
7491         right: 10px;
7492         font-family: ThemeIcons;
7493         content: "\f054";
7494         line-height: 29px;
7495 }
7496
7497 .mytheme .v-menubar-popup .v-menubar-menuitem-selected {
7498         background-color: #197de1;
7499         background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
7500         background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
7501         color: #ecf2f8;
7502         text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
7503 }
7504
7505 .mytheme .v-menubar-popup .v-menubar-separator {
7506         display: block;
7507         margin: 4px 0;
7508         height: 0;
7509         overflow: hidden;
7510         border-bottom: 1px solid #e4e4e4;
7511 }
7512
7513 .mytheme .v-menubar-popup [class*="checked"] .v-menubar-menuitem-caption:before {
7514         content: "\f00c";
7515         font-family: ThemeIcons;
7516         position: absolute;
7517         left: 10px;
7518 }
7519
7520 .mytheme .v-menubar-popup [class*="unchecked"] .v-menubar-menuitem-caption:before {
7521         content: "";
7522 }
7523
7524 .mytheme .v-menubar-popup [class*="disabled"] {
7525         cursor: default;
7526 }
7527
7528 .mytheme .v-menubar-small {
7529         height: 31px;
7530         padding: 0 14px;
7531
7532         font-weight: 400;
7533
7534         cursor: default;
7535         border-radius: 4px;
7536         padding: 0;
7537         text-align: left;
7538         line-height: 29px;
7539         font-size: 14px;
7540 }
7541
7542 .mytheme .v-menubar-small:after {
7543         border: inherit;
7544         top: -1px;
7545         right: -1px;
7546         bottom: -1px;
7547         left: -1px;
7548 }
7549
7550 .mytheme .v-menubar-small  > .v-menubar-menuitem {
7551         padding: 0 12px;
7552 }
7553
7554 .mytheme .v-menubar-small  > .v-menubar-menuitem[class*="-icon-only"] {
7555         width: 31px;
7556 }
7557
7558 .mytheme .v-menubar-borderless {
7559         border: none;
7560         border-radius: 0;
7561         padding: 1px;
7562         -webkit-box-shadow: none;
7563         box-shadow: none;
7564         text-shadow: none;
7565         background: transparent;
7566         color: inherit;
7567 }
7568
7569 .mytheme .v-menubar-borderless:focus:after {
7570         display: none;
7571 }
7572
7573 .mytheme .v-menubar-borderless .v-menubar-menuitem {
7574         -webkit-box-shadow: none;
7575         box-shadow: none;
7576         border: none;
7577         margin-right: 1px;
7578         border-radius: 4px;
7579         color: #197de1;
7580         padding: 0 12px;
7581         -webkit-transition: color 140ms;
7582         -moz-transition: color 140ms;
7583         transition: color 140ms;
7584 }
7585
7586 .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 {
7587         border-radius: 4px;
7588 }
7589
7590 .mytheme .v-menubar-borderless .v-menubar-menuitem:before {
7591         content: none;
7592 }
7593
7594 .mytheme .v-menubar-borderless .v-menubar-menuitem:hover {
7595         color: #4396ea;
7596 }
7597
7598 .mytheme .v-menubar-borderless .v-menubar-menuitem:active {
7599         color: inherit;
7600 }
7601
7602 .mytheme .v-menubar-borderless .v-menubar-menuitem-checked, .mytheme .v-menubar-borderless .v-menubar-menuitem-checked:first-child {
7603         border: 1px solid #c5c5c5;
7604         color: #197de1;
7605 }
7606
7607 .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 {
7608         position: relative;
7609         top: -1px;
7610 }
7611
7612 .mytheme .v-menubar-borderless .v-menubar-menuitem-selected {
7613         color: #ecf2f8;
7614         text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
7615 }
7616
7617 .mytheme .v-menubar-borderless .v-menubar-menuitem-selected:hover {
7618         color: #ecf2f8;
7619 }
7620
7621 .mytheme .v-menubar-borderless .v-menubar-menuitem-disabled, .mytheme .v-menubar-borderless .v-menubar-menuitem-disabled:hover {
7622         color: inherit;
7623 }
7624
7625 .mytheme .v-radiobutton {
7626         position: relative;
7627         line-height: 19px;
7628         white-space: nowrap;
7629 }
7630
7631 .mytheme .v-radiobutton.v-has-width label {
7632         white-space: normal;
7633 }
7634
7635 :root .mytheme .v-radiobutton {
7636         padding-left: 25px;
7637 }
7638
7639 :root .mytheme .v-radiobutton label {
7640         -webkit-tap-highlight-color: transparent;
7641         -webkit-touch-callout: none;
7642         cursor: pointer;
7643         display: inline-block;
7644 }
7645
7646 :root .mytheme .v-radiobutton > input {
7647         position: absolute;
7648         clip: rect(0, 0, 0, 0);
7649         left: 0.2em;
7650         top: 0.2em;
7651         z-index: 0;
7652         margin: 0;
7653 }
7654
7655 :root .mytheme .v-radiobutton > input:focus ~ label:before {
7656         border-color: #197de1;
7657         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
7658         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
7659         -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);
7660         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);
7661 }
7662
7663 :root .mytheme .v-radiobutton > input ~ label:before, :root .mytheme .v-radiobutton > input ~ label:after {
7664         content: "";
7665         display: inline-block;
7666         box-sizing: border-box;
7667         width: 19px;
7668         height: 19px;
7669         position: absolute;
7670         top: 0;
7671         left: 0;
7672         border-radius: 4px;
7673         font-size: 13px;
7674         text-align: center;
7675 }
7676
7677 :root .mytheme .v-radiobutton > input ~ label:before {
7678         height: 18.5px;
7679         padding: 0 9px;
7680         color: #191919;
7681         font-weight: 400;
7682
7683
7684         border-radius: 4px;
7685         border: 1px solid #c5c5c5;
7686         border-top-color: #c5c5c5;
7687         border-bottom-color: #bcbcbc;
7688         background-color: #fafafa;
7689         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
7690         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
7691         -webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
7692         box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
7693         text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
7694         padding: 0;
7695         height: 19px;
7696 }
7697
7698 :root .mytheme .v-radiobutton > input ~ label:after {
7699         content: "\f00c";
7700         font-family: ThemeIcons;
7701         color: transparent;
7702         -webkit-transition: color 100ms;
7703         -moz-transition: color 100ms;
7704         transition: color 100ms;
7705 }
7706
7707 :root .mytheme .v-radiobutton > input:active ~ label:after {
7708         background-color: rgba(125, 125, 125, 0.2);
7709 }
7710
7711 :root .mytheme .v-radiobutton > input:checked ~ label:after {
7712         color: #197de1;
7713 }
7714
7715 .mytheme .v-radiobutton > .v-icon, .mytheme .v-radiobutton > label .v-icon {
7716         margin: 0 6px 0 3px;
7717         min-width: 1em;
7718         cursor: pointer;
7719 }
7720
7721 .mytheme .v-radiobutton.v-disabled  > label, .mytheme .v-radiobutton.v-disabled  > .v-icon {
7722         cursor: default;
7723         opacity: 0.5;
7724         filter: alpha(opacity=50) ;
7725 }
7726
7727 .mytheme .v-radiobutton.v-disabled  > label > .v-icon {
7728         cursor: default;
7729 }
7730
7731 :root .mytheme .v-radiobutton.v-disabled > input:active ~ label:after {
7732         background: transparent;
7733 }
7734
7735 .mytheme .v-radiobutton.v-readonly  > label, .mytheme .v-radiobutton.v-readonly  > .v-icon {
7736         cursor: default;
7737 }
7738
7739 .mytheme .v-radiobutton.v-readonly  > label > .v-icon {
7740         cursor: default;
7741 }
7742
7743 :root .mytheme .v-radiobutton.v-readonly > input:active ~ label:after {
7744         background: transparent;
7745 }
7746
7747 :root .mytheme .v-radiobutton.v-readonly > input ~ label:after {
7748         opacity: 0.5;
7749         filter: alpha(opacity=50) ;
7750 }
7751
7752 :root .mytheme .v-radiobutton > input:checked ~ label:after {
7753         width: 7px;
7754         height: 7px;
7755         top: 6px;
7756         left: 6px;
7757         background: #197de1;
7758 }
7759
7760 :root .mytheme .v-radiobutton > input ~ label:before, :root .mytheme .v-radiobutton > input ~ label:after {
7761         border-radius: 50%;
7762         content: "";
7763 }
7764
7765 .mytheme .v-select-optiongroup .v-radiobutton, .mytheme .v-select-optiongroup .v-checkbox {
7766         display: block;
7767         margin: 9px 16px 0 0;
7768 }
7769
7770 .mytheme .v-select-optiongroup .v-radiobutton:first-child, .mytheme .v-select-optiongroup .v-checkbox:first-child {
7771         margin-top: 6px;
7772 }
7773
7774 .mytheme .v-select-optiongroup .v-radiobutton:last-child, .mytheme .v-select-optiongroup .v-checkbox:last-child {
7775         margin-bottom: 6px;
7776 }
7777
7778 .mytheme .v-select-optiongroup.v-has-width label {
7779         white-space: normal;
7780 }
7781
7782 .mytheme .v-select-optiongroup-small {
7783         font-size: 14px;
7784 }
7785
7786 .mytheme .v-select-optiongroup-small .v-checkbox {
7787         position: relative;
7788         line-height: 16px;
7789         white-space: nowrap;
7790 }
7791
7792 .mytheme .v-select-optiongroup-small .v-checkbox.v-has-width label {
7793         white-space: normal;
7794 }
7795
7796 :root .mytheme .v-select-optiongroup-small .v-checkbox {
7797         padding-left: 21px;
7798 }
7799
7800 :root .mytheme .v-select-optiongroup-small .v-checkbox label {
7801         -webkit-tap-highlight-color: transparent;
7802         -webkit-touch-callout: none;
7803         cursor: pointer;
7804         display: inline-block;
7805 }
7806
7807 :root .mytheme .v-select-optiongroup-small .v-checkbox > input {
7808         position: absolute;
7809         clip: rect(0, 0, 0, 0);
7810         left: 0.2em;
7811         top: 0.2em;
7812         z-index: 0;
7813         margin: 0;
7814 }
7815
7816 :root .mytheme .v-select-optiongroup-small .v-checkbox > input:focus ~ label:before {
7817         border-color: #197de1;
7818         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
7819         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
7820         -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);
7821         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);
7822 }
7823
7824 :root .mytheme .v-select-optiongroup-small .v-checkbox > input ~ label:before, :root .mytheme .v-select-optiongroup-small .v-checkbox > input ~ label:after {
7825         content: "";
7826         display: inline-block;
7827         box-sizing: border-box;
7828         width: 16px;
7829         height: 16px;
7830         position: absolute;
7831         top: 0;
7832         left: 0;
7833         border-radius: 4px;
7834         font-size: 11px;
7835         text-align: center;
7836 }
7837
7838 :root .mytheme .v-select-optiongroup-small .v-checkbox > input ~ label:before {
7839         height: 15.5px;
7840         padding: 0 7px;
7841         color: #191919;
7842         font-weight: 400;
7843
7844
7845         border-radius: 4px;
7846         border: 1px solid #c5c5c5;
7847         border-top-color: #c5c5c5;
7848         border-bottom-color: #bcbcbc;
7849         background-color: #fafafa;
7850         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
7851         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
7852         -webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
7853         box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
7854         text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
7855         padding: 0;
7856         height: 16px;
7857 }
7858
7859 :root .mytheme .v-select-optiongroup-small .v-checkbox > input ~ label:after {
7860         content: "\f00c";
7861         font-family: ThemeIcons;
7862         color: transparent;
7863         -webkit-transition: color 100ms;
7864         -moz-transition: color 100ms;
7865         transition: color 100ms;
7866 }
7867
7868 :root .mytheme .v-select-optiongroup-small .v-checkbox > input:active ~ label:after {
7869         background-color: rgba(125, 125, 125, 0.2);
7870 }
7871
7872 :root .mytheme .v-select-optiongroup-small .v-checkbox > input:checked ~ label:after {
7873         color: #197de1;
7874 }
7875
7876 .mytheme .v-select-optiongroup-small .v-checkbox > .v-icon, .mytheme .v-select-optiongroup-small .v-checkbox > label .v-icon {
7877         margin: 0 5px 0 3px;
7878         min-width: 1em;
7879         cursor: pointer;
7880 }
7881
7882 .mytheme .v-select-optiongroup-small .v-checkbox.v-disabled  > label, .mytheme .v-select-optiongroup-small .v-checkbox.v-disabled  > .v-icon {
7883         cursor: default;
7884         opacity: 0.5;
7885         filter: alpha(opacity=50) ;
7886 }
7887
7888 .mytheme .v-select-optiongroup-small .v-checkbox.v-disabled  > label > .v-icon {
7889         cursor: default;
7890 }
7891
7892 :root .mytheme .v-select-optiongroup-small .v-checkbox.v-disabled > input:active ~ label:after {
7893         background: transparent;
7894 }
7895
7896 .mytheme .v-select-optiongroup-small .v-checkbox.v-readonly  > label, .mytheme .v-select-optiongroup-small .v-checkbox.v-readonly  > .v-icon {
7897         cursor: default;
7898 }
7899
7900 .mytheme .v-select-optiongroup-small .v-checkbox.v-readonly  > label > .v-icon {
7901         cursor: default;
7902 }
7903
7904 :root .mytheme .v-select-optiongroup-small .v-checkbox.v-readonly > input:active ~ label:after {
7905         background: transparent;
7906 }
7907
7908 :root .mytheme .v-select-optiongroup-small .v-checkbox.v-readonly > input ~ label:after {
7909         opacity: 0.5;
7910         filter: alpha(opacity=50) ;
7911 }
7912
7913 .mytheme .v-select-optiongroup-small .v-radiobutton {
7914         position: relative;
7915         line-height: 16px;
7916         white-space: nowrap;
7917 }
7918
7919 .mytheme .v-select-optiongroup-small .v-radiobutton.v-has-width label {
7920         white-space: normal;
7921 }
7922
7923 :root .mytheme .v-select-optiongroup-small .v-radiobutton {
7924         padding-left: 21px;
7925 }
7926
7927 :root .mytheme .v-select-optiongroup-small .v-radiobutton label {
7928         -webkit-tap-highlight-color: transparent;
7929         -webkit-touch-callout: none;
7930         cursor: pointer;
7931         display: inline-block;
7932 }
7933
7934 :root .mytheme .v-select-optiongroup-small .v-radiobutton > input {
7935         position: absolute;
7936         clip: rect(0, 0, 0, 0);
7937         left: 0.2em;
7938         top: 0.2em;
7939         z-index: 0;
7940         margin: 0;
7941 }
7942
7943 :root .mytheme .v-select-optiongroup-small .v-radiobutton > input:focus ~ label:before {
7944         border-color: #197de1;
7945         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
7946         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
7947         -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);
7948         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);
7949 }
7950
7951 :root .mytheme .v-select-optiongroup-small .v-radiobutton > input ~ label:before, :root .mytheme .v-select-optiongroup-small .v-radiobutton > input ~ label:after {
7952         content: "";
7953         display: inline-block;
7954         box-sizing: border-box;
7955         width: 16px;
7956         height: 16px;
7957         position: absolute;
7958         top: 0;
7959         left: 0;
7960         border-radius: 4px;
7961         font-size: 11px;
7962         text-align: center;
7963 }
7964
7965 :root .mytheme .v-select-optiongroup-small .v-radiobutton > input ~ label:before {
7966         height: 15.5px;
7967         padding: 0 7px;
7968         color: #191919;
7969         font-weight: 400;
7970
7971
7972         border-radius: 4px;
7973         border: 1px solid #c5c5c5;
7974         border-top-color: #c5c5c5;
7975         border-bottom-color: #bcbcbc;
7976         background-color: #fafafa;
7977         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
7978         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
7979         -webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
7980         box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
7981         text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
7982         padding: 0;
7983         height: 16px;
7984 }
7985
7986 :root .mytheme .v-select-optiongroup-small .v-radiobutton > input ~ label:after {
7987         content: "\f00c";
7988         font-family: ThemeIcons;
7989         color: transparent;
7990         -webkit-transition: color 100ms;
7991         -moz-transition: color 100ms;
7992         transition: color 100ms;
7993 }
7994
7995 :root .mytheme .v-select-optiongroup-small .v-radiobutton > input:active ~ label:after {
7996         background-color: rgba(125, 125, 125, 0.2);
7997 }
7998
7999 :root .mytheme .v-select-optiongroup-small .v-radiobutton > input:checked ~ label:after {
8000         color: #197de1;
8001 }
8002
8003 .mytheme .v-select-optiongroup-small .v-radiobutton > .v-icon, .mytheme .v-select-optiongroup-small .v-radiobutton > label .v-icon {
8004         margin: 0 5px 0 3px;
8005         min-width: 1em;
8006         cursor: pointer;
8007 }
8008
8009 .mytheme .v-select-optiongroup-small .v-radiobutton.v-disabled  > label, .mytheme .v-select-optiongroup-small .v-radiobutton.v-disabled  > .v-icon {
8010         cursor: default;
8011         opacity: 0.5;
8012         filter: alpha(opacity=50) ;
8013 }
8014
8015 .mytheme .v-select-optiongroup-small .v-radiobutton.v-disabled  > label > .v-icon {
8016         cursor: default;
8017 }
8018
8019 :root .mytheme .v-select-optiongroup-small .v-radiobutton.v-disabled > input:active ~ label:after {
8020         background: transparent;
8021 }
8022
8023 .mytheme .v-select-optiongroup-small .v-radiobutton.v-readonly  > label, .mytheme .v-select-optiongroup-small .v-radiobutton.v-readonly  > .v-icon {
8024         cursor: default;
8025 }
8026
8027 .mytheme .v-select-optiongroup-small .v-radiobutton.v-readonly  > label > .v-icon {
8028         cursor: default;
8029 }
8030
8031 :root .mytheme .v-select-optiongroup-small .v-radiobutton.v-readonly > input:active ~ label:after {
8032         background: transparent;
8033 }
8034
8035 :root .mytheme .v-select-optiongroup-small .v-radiobutton.v-readonly > input ~ label:after {
8036         opacity: 0.5;
8037         filter: alpha(opacity=50) ;
8038 }
8039
8040 :root .mytheme .v-select-optiongroup-small .v-radiobutton > input:checked ~ label:after {
8041         width: 6px;
8042         height: 6px;
8043         top: 5px;
8044         left: 5px;
8045         background: #197de1;
8046 }
8047
8048 :root .mytheme .v-select-optiongroup-small .v-radiobutton > input ~ label:before, :root .mytheme .v-select-optiongroup-small .v-radiobutton > input ~ label:after {
8049         border-radius: 50%;
8050         content: "";
8051 }
8052
8053 .mytheme .v-select-optiongroup-small .v-radiobutton, .mytheme .v-select-optiongroup-small .v-checkbox {
8054         display: block;
8055         margin: 8px 16px 0 0;
8056 }
8057
8058 .mytheme .v-select-optiongroup-small .v-radiobutton:first-child, .mytheme .v-select-optiongroup-small .v-checkbox:first-child {
8059         margin-top: 5px;
8060 }
8061
8062 .mytheme .v-select-optiongroup-small .v-radiobutton:last-child, .mytheme .v-select-optiongroup-small .v-checkbox:last-child {
8063         margin-bottom: 5px;
8064 }
8065
8066 .mytheme .v-select-optiongroup-small.v-has-width label {
8067         white-space: normal;
8068 }
8069
8070 .mytheme .v-select-optiongroup-large {
8071         font-size: 20px;
8072 }
8073
8074 .mytheme .v-select-optiongroup-large .v-checkbox {
8075         position: relative;
8076         line-height: 22px;
8077         white-space: nowrap;
8078 }
8079
8080 .mytheme .v-select-optiongroup-large .v-checkbox.v-has-width label {
8081         white-space: normal;
8082 }
8083
8084 :root .mytheme .v-select-optiongroup-large .v-checkbox {
8085         padding-left: 29px;
8086 }
8087
8088 :root .mytheme .v-select-optiongroup-large .v-checkbox label {
8089         -webkit-tap-highlight-color: transparent;
8090         -webkit-touch-callout: none;
8091         cursor: pointer;
8092         display: inline-block;
8093 }
8094
8095 :root .mytheme .v-select-optiongroup-large .v-checkbox > input {
8096         position: absolute;
8097         clip: rect(0, 0, 0, 0);
8098         left: 0.2em;
8099         top: 0.2em;
8100         z-index: 0;
8101         margin: 0;
8102 }
8103
8104 :root .mytheme .v-select-optiongroup-large .v-checkbox > input:focus ~ label:before {
8105         border-color: #197de1;
8106         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
8107         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
8108         -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);
8109         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);
8110 }
8111
8112 :root .mytheme .v-select-optiongroup-large .v-checkbox > input ~ label:before, :root .mytheme .v-select-optiongroup-large .v-checkbox > input ~ label:after {
8113         content: "";
8114         display: inline-block;
8115         box-sizing: border-box;
8116         width: 22px;
8117         height: 22px;
8118         position: absolute;
8119         top: 0;
8120         left: 0;
8121         border-radius: 4px;
8122         font-size: 15px;
8123         text-align: center;
8124 }
8125
8126 :root .mytheme .v-select-optiongroup-large .v-checkbox > input ~ label:before {
8127         height: 22px;
8128         padding: 0 10px;
8129         color: #191919;
8130         font-weight: 400;
8131
8132
8133         border-radius: 4px;
8134         border: 1px solid #c5c5c5;
8135         border-top-color: #c5c5c5;
8136         border-bottom-color: #bcbcbc;
8137         background-color: #fafafa;
8138         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
8139         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
8140         -webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
8141         box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
8142         text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
8143         padding: 0;
8144         height: 22px;
8145 }
8146
8147 :root .mytheme .v-select-optiongroup-large .v-checkbox > input ~ label:after {
8148         content: "\f00c";
8149         font-family: ThemeIcons;
8150         color: transparent;
8151         -webkit-transition: color 100ms;
8152         -moz-transition: color 100ms;
8153         transition: color 100ms;
8154 }
8155
8156 :root .mytheme .v-select-optiongroup-large .v-checkbox > input:active ~ label:after {
8157         background-color: rgba(125, 125, 125, 0.2);
8158 }
8159
8160 :root .mytheme .v-select-optiongroup-large .v-checkbox > input:checked ~ label:after {
8161         color: #197de1;
8162 }
8163
8164 .mytheme .v-select-optiongroup-large .v-checkbox > .v-icon, .mytheme .v-select-optiongroup-large .v-checkbox > label .v-icon {
8165         margin: 0 7px 0 4px;
8166         min-width: 1em;
8167         cursor: pointer;
8168 }
8169
8170 .mytheme .v-select-optiongroup-large .v-checkbox.v-disabled  > label, .mytheme .v-select-optiongroup-large .v-checkbox.v-disabled  > .v-icon {
8171         cursor: default;
8172         opacity: 0.5;
8173         filter: alpha(opacity=50) ;
8174 }
8175
8176 .mytheme .v-select-optiongroup-large .v-checkbox.v-disabled  > label > .v-icon {
8177         cursor: default;
8178 }
8179
8180 :root .mytheme .v-select-optiongroup-large .v-checkbox.v-disabled > input:active ~ label:after {
8181         background: transparent;
8182 }
8183
8184 .mytheme .v-select-optiongroup-large .v-checkbox.v-readonly  > label, .mytheme .v-select-optiongroup-large .v-checkbox.v-readonly  > .v-icon {
8185         cursor: default;
8186 }
8187
8188 .mytheme .v-select-optiongroup-large .v-checkbox.v-readonly  > label > .v-icon {
8189         cursor: default;
8190 }
8191
8192 :root .mytheme .v-select-optiongroup-large .v-checkbox.v-readonly > input:active ~ label:after {
8193         background: transparent;
8194 }
8195
8196 :root .mytheme .v-select-optiongroup-large .v-checkbox.v-readonly > input ~ label:after {
8197         opacity: 0.5;
8198         filter: alpha(opacity=50) ;
8199 }
8200
8201 .mytheme .v-select-optiongroup-large .v-radiobutton {
8202         position: relative;
8203         line-height: 22px;
8204         white-space: nowrap;
8205 }
8206
8207 .mytheme .v-select-optiongroup-large .v-radiobutton.v-has-width label {
8208         white-space: normal;
8209 }
8210
8211 :root .mytheme .v-select-optiongroup-large .v-radiobutton {
8212         padding-left: 29px;
8213 }
8214
8215 :root .mytheme .v-select-optiongroup-large .v-radiobutton label {
8216         -webkit-tap-highlight-color: transparent;
8217         -webkit-touch-callout: none;
8218         cursor: pointer;
8219         display: inline-block;
8220 }
8221
8222 :root .mytheme .v-select-optiongroup-large .v-radiobutton > input {
8223         position: absolute;
8224         clip: rect(0, 0, 0, 0);
8225         left: 0.2em;
8226         top: 0.2em;
8227         z-index: 0;
8228         margin: 0;
8229 }
8230
8231 :root .mytheme .v-select-optiongroup-large .v-radiobutton > input:focus ~ label:before {
8232         border-color: #197de1;
8233         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
8234         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
8235         -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);
8236         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);
8237 }
8238
8239 :root .mytheme .v-select-optiongroup-large .v-radiobutton > input ~ label:before, :root .mytheme .v-select-optiongroup-large .v-radiobutton > input ~ label:after {
8240         content: "";
8241         display: inline-block;
8242         box-sizing: border-box;
8243         width: 22px;
8244         height: 22px;
8245         position: absolute;
8246         top: 0;
8247         left: 0;
8248         border-radius: 4px;
8249         font-size: 15px;
8250         text-align: center;
8251 }
8252
8253 :root .mytheme .v-select-optiongroup-large .v-radiobutton > input ~ label:before {
8254         height: 22px;
8255         padding: 0 10px;
8256         color: #191919;
8257         font-weight: 400;
8258
8259
8260         border-radius: 4px;
8261         border: 1px solid #c5c5c5;
8262         border-top-color: #c5c5c5;
8263         border-bottom-color: #bcbcbc;
8264         background-color: #fafafa;
8265         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
8266         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
8267         -webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
8268         box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
8269         text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
8270         padding: 0;
8271         height: 22px;
8272 }
8273
8274 :root .mytheme .v-select-optiongroup-large .v-radiobutton > input ~ label:after {
8275         content: "\f00c";
8276         font-family: ThemeIcons;
8277         color: transparent;
8278         -webkit-transition: color 100ms;
8279         -moz-transition: color 100ms;
8280         transition: color 100ms;
8281 }
8282
8283 :root .mytheme .v-select-optiongroup-large .v-radiobutton > input:active ~ label:after {
8284         background-color: rgba(125, 125, 125, 0.2);
8285 }
8286
8287 :root .mytheme .v-select-optiongroup-large .v-radiobutton > input:checked ~ label:after {
8288         color: #197de1;
8289 }
8290
8291 .mytheme .v-select-optiongroup-large .v-radiobutton > .v-icon, .mytheme .v-select-optiongroup-large .v-radiobutton > label .v-icon {
8292         margin: 0 7px 0 4px;
8293         min-width: 1em;
8294         cursor: pointer;
8295 }
8296
8297 .mytheme .v-select-optiongroup-large .v-radiobutton.v-disabled  > label, .mytheme .v-select-optiongroup-large .v-radiobutton.v-disabled  > .v-icon {
8298         cursor: default;
8299         opacity: 0.5;
8300         filter: alpha(opacity=50) ;
8301 }
8302
8303 .mytheme .v-select-optiongroup-large .v-radiobutton.v-disabled  > label > .v-icon {
8304         cursor: default;
8305 }
8306
8307 :root .mytheme .v-select-optiongroup-large .v-radiobutton.v-disabled > input:active ~ label:after {
8308         background: transparent;
8309 }
8310
8311 .mytheme .v-select-optiongroup-large .v-radiobutton.v-readonly  > label, .mytheme .v-select-optiongroup-large .v-radiobutton.v-readonly  > .v-icon {
8312         cursor: default;
8313 }
8314
8315 .mytheme .v-select-optiongroup-large .v-radiobutton.v-readonly  > label > .v-icon {
8316         cursor: default;
8317 }
8318
8319 :root .mytheme .v-select-optiongroup-large .v-radiobutton.v-readonly > input:active ~ label:after {
8320         background: transparent;
8321 }
8322
8323 :root .mytheme .v-select-optiongroup-large .v-radiobutton.v-readonly > input ~ label:after {
8324         opacity: 0.5;
8325         filter: alpha(opacity=50) ;
8326 }
8327
8328 :root .mytheme .v-select-optiongroup-large .v-radiobutton > input:checked ~ label:after {
8329         width: 8px;
8330         height: 8px;
8331         top: 7px;
8332         left: 7px;
8333         background: #197de1;
8334 }
8335
8336 :root .mytheme .v-select-optiongroup-large .v-radiobutton > input ~ label:before, :root .mytheme .v-select-optiongroup-large .v-radiobutton > input ~ label:after {
8337         border-radius: 50%;
8338         content: "";
8339 }
8340
8341 .mytheme .v-select-optiongroup-large .v-radiobutton, .mytheme .v-select-optiongroup-large .v-checkbox {
8342         display: block;
8343         margin: 11px 16px 0 0;
8344 }
8345
8346 .mytheme .v-select-optiongroup-large .v-radiobutton:first-child, .mytheme .v-select-optiongroup-large .v-checkbox:first-child {
8347         margin-top: 7px;
8348 }
8349
8350 .mytheme .v-select-optiongroup-large .v-radiobutton:last-child, .mytheme .v-select-optiongroup-large .v-checkbox:last-child {
8351         margin-bottom: 7px;
8352 }
8353
8354 .mytheme .v-select-optiongroup-large.v-has-width label {
8355         white-space: normal;
8356 }
8357
8358 .mytheme .v-select-optiongroup-horizontal {
8359         white-space: nowrap;
8360 }
8361
8362 .mytheme .v-select-optiongroup-horizontal .v-radiobutton, .mytheme .v-select-optiongroup-horizontal .v-checkbox {
8363         display: inline-block;
8364 }
8365
8366 .mytheme .v-select-optiongroup-horizontal.v-has-width {
8367         white-space: normal;
8368 }
8369
8370 .mytheme .v-select-optiongroup-horizontal.v-has-width label {
8371         white-space: nowrap;
8372 }
8373
8374 .mytheme .v-link {
8375         cursor: pointer;
8376         color: #197de1;
8377         text-decoration: underline;
8378         font-weight: inherit;
8379         -webkit-transition: color 140ms;
8380         -moz-transition: color 140ms;
8381         transition: color 140ms;
8382 }
8383
8384 .mytheme .v-link:hover {
8385         color: #4396ea;
8386 }
8387
8388 .mytheme .v-link.v-disabled {
8389         opacity: 0.5;
8390         filter: alpha(opacity=50) ;
8391 }
8392
8393 .mytheme .v-link a {
8394         cursor: pointer;
8395         color: #197de1;
8396         text-decoration: underline;
8397         font-weight: inherit;
8398         -webkit-transition: color 140ms;
8399         -moz-transition: color 140ms;
8400         transition: color 140ms;
8401         cursor: inherit;
8402         color: inherit;
8403         text-decoration: inherit;
8404         -webkit-transition: inherit;
8405         -moz-transition: inherit;
8406         transition: inherit;
8407 }
8408
8409 .mytheme .v-link a:hover {
8410         color: #4396ea;
8411 }
8412
8413 .mytheme .v-link a.v-disabled {
8414         opacity: 0.5;
8415         filter: alpha(opacity=50) ;
8416 }
8417
8418 .mytheme .v-link .v-icon {
8419         cursor: inherit;
8420 }
8421
8422 .mytheme .v-link-small {
8423         font-size: 14px;
8424 }
8425
8426 .mytheme .v-link-large {
8427         font-size: 20px;
8428 }
8429
8430 .mytheme .v-window {
8431         padding: 4px 4px;
8432         border-radius: 4px;
8433         background-color: white;
8434         color: #474747;
8435         -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);
8436         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);
8437         -webkit-backface-visibility: hidden;
8438         -moz-backface-visibility: hidden;
8439         -ms-backface-visibility: hidden;
8440         backface-visibility: hidden;
8441         -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);
8442         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);
8443         padding: 0;
8444         min-width: 148px !important;
8445         min-height: 37px !important;
8446         white-space: nowrap;
8447         overflow: hidden !important;
8448         -webkit-transition: width 200ms, height 200ms, top 200ms, left 200ms;
8449         -moz-transition: width 200ms, height 200ms, top 200ms, left 200ms;
8450         transition: width 200ms, height 200ms, top 200ms, left 200ms;
8451 }
8452
8453 .mytheme .v-window[class*="animate-in"] {
8454         -webkit-animation: valo-animate-in-fade 140ms;
8455         -moz-animation: valo-animate-in-fade 140ms;
8456         animation: valo-animate-in-fade 140ms;
8457 }
8458
8459 .mytheme .v-window[class*="animate-out"] {
8460         -webkit-animation: valo-animate-out-scale-down-fade 100ms;
8461         -moz-animation: valo-animate-out-scale-down-fade 100ms;
8462         animation: valo-animate-out-scale-down-fade 100ms;
8463 }
8464
8465 .mytheme .v-window.v-window-animate-in {
8466         -webkit-transition: none;
8467         -moz-transition: none;
8468         transition: none;
8469 }
8470
8471 .mytheme .v-window-modalitycurtain {
8472         position: fixed;
8473         top: 0;
8474         right: 0;
8475         bottom: 0;
8476         left: 0;
8477         background-color: #222;
8478         background-image: -webkit-radial-gradient(50% 50%, circle, #222, #0e0e0e);
8479         background-image: radial-gradient(  circle at 50% 50%, #222, #0e0e0e);
8480         opacity: 0.72;
8481         filter: alpha(opacity=72) ;
8482         -webkit-animation: valo-animate-in-fade 400ms 100ms backwards;
8483         -moz-animation: valo-animate-in-fade 400ms 100ms backwards;
8484         animation: valo-animate-in-fade 400ms 100ms backwards;
8485 }
8486
8487 .v-op12 .mytheme .v-window-modalitycurtain {
8488         -webkit-animation: none;
8489         -moz-animation: none;
8490         animation: none;
8491 }
8492
8493 .mytheme .v-window-draggingCurtain {
8494         position: fixed !important;
8495 }
8496
8497 .mytheme .v-window-resizingCurtain + .v-window, .mytheme .v-window-draggingCurtain + .v-window {
8498         -webkit-transition: none;
8499         -moz-transition: none;
8500         transition: none;
8501 }
8502
8503 .mytheme .v-window-outerheader {
8504         cursor: move;
8505         position: absolute;
8506         z-index: 2;
8507         top: 0;
8508         left: 0;
8509         right: 0;
8510         -webkit-transform: translatez(0);
8511         -moz-transform: translatez(0);
8512         -ms-transform: translatez(0);
8513         -o-transform: translatez(0);
8514         transform: translatez(0);
8515 }
8516
8517 .mytheme .v-window-outerheader:after {
8518         content: "";
8519         position: absolute;
8520         bottom: -1px;
8521         right: 0;
8522         left: 0;
8523         height: 0;
8524         border-top: 1px solid #dfdfdf;
8525         border-color: rgba(197, 197, 197, 0.5);
8526 }
8527
8528 .mytheme .v-window-header {
8529         line-height: 36px;
8530         padding-left: 12px;
8531         margin-right: 74px;
8532         overflow: hidden;
8533         text-overflow: ellipsis;
8534         white-space: nowrap;
8535         color: #7e7e7e;
8536 }
8537
8538 .mytheme .v-window-restorebox-disabled  ~ .v-window-closebox ~ .v-window-header, .mytheme .v-window-maximizebox-disabled  ~ .v-window-closebox ~ .v-window-header {
8539         margin-right: 37px;
8540 }
8541
8542 .mytheme .v-window-restorebox-disabled  ~ .v-window-closebox-disabled ~ .v-window-header, .mytheme .v-window-maximizebox-disabled  ~ .v-window-closebox-disabled ~ .v-window-header {
8543         margin-right: 12px;
8544 }
8545
8546 .mytheme .v-window-closebox, .mytheme .v-window-maximizebox, .mytheme .v-window-restorebox {
8547         position: absolute;
8548         z-index: 3;
8549         top: 0;
8550         right: 0;
8551         box-sizing: border-box;
8552         width: 33px;
8553         height: 36px;
8554         background-color: white;
8555         line-height: 34px;
8556         text-align: center;
8557         cursor: pointer;
8558         font-size: 21px;
8559         color: #999999;
8560         -webkit-transition: color 140ms;
8561         -moz-transition: color 140ms;
8562         transition: color 140ms;
8563 }
8564
8565 .mytheme .v-window-closebox:focus, .mytheme .v-window-maximizebox:focus, .mytheme .v-window-restorebox:focus {
8566         outline: none;
8567 }
8568
8569 .mytheme .v-window-closebox:hover, .mytheme .v-window-maximizebox:hover, .mytheme .v-window-restorebox:hover {
8570         opacity: 1;
8571         filter: none ;
8572         color: #197de1;
8573 }
8574
8575 .mytheme .v-window-closebox:active, .mytheme .v-window-maximizebox:active, .mytheme .v-window-restorebox:active {
8576         color: inherit;
8577 }
8578
8579 .mytheme .v-window-closebox:focus::after {
8580         content: "";
8581         position: absolute;
8582         top: 6px;
8583         right: 6px;
8584         bottom: 6px;
8585         left: 2px;
8586         border-radius: 4px;
8587         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
8588         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
8589 }
8590
8591 .mytheme .v-window-maximizebox:focus::after, .mytheme .v-window-restorebox:focus::after {
8592         content: "";
8593         position: absolute;
8594         top: 6px;
8595         right: 2px;
8596         bottom: 6px;
8597         left: 6px;
8598         border-radius: 4px;
8599         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
8600         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
8601 }
8602
8603 .mytheme .v-window-closebox {
8604         padding-right: 4px;
8605         border-radius: 0 4px 0 4px;
8606 }
8607
8608 .mytheme .v-window-closebox:before {
8609         content: "\00d7";
8610 }
8611
8612 .mytheme .v-window-maximizebox, .mytheme .v-window-restorebox {
8613         right: 33px;
8614         padding-left: 4px;
8615         border-radius: 0 0 0 4px;
8616 }
8617
8618 .mytheme .v-window-maximizebox  + .v-window-closebox, .mytheme .v-window-restorebox  + .v-window-closebox {
8619         border-bottom-left-radius: 0;
8620 }
8621
8622 .mytheme .v-window-closebox-disabled, .mytheme .v-window-resizebox-disabled, .mytheme .v-window-restorebox-disabled, .mytheme .v-window-maximizebox-disabled {
8623         display: none;
8624 }
8625
8626 .mytheme .v-window-closebox-disabled  + .v-window-closebox, .mytheme .v-window-resizebox-disabled  + .v-window-closebox, .mytheme .v-window-restorebox-disabled  + .v-window-closebox, .mytheme .v-window-maximizebox-disabled  + .v-window-closebox {
8627         width: 37px;
8628         padding-right: 0;
8629         border-bottom-left-radius: 4px;
8630 }
8631
8632 .mytheme .v-window-closebox-disabled  + .v-window-closebox:focus::after, .mytheme .v-window-resizebox-disabled  + .v-window-closebox:focus::after, .mytheme .v-window-restorebox-disabled  + .v-window-closebox:focus::after, .mytheme .v-window-maximizebox-disabled  + .v-window-closebox:focus::after {
8633         left: 6px;
8634 }
8635
8636 .mytheme .v-window-maximizebox:before {
8637         content: "+";
8638 }
8639
8640 .mytheme .v-window-restorebox:before {
8641         content: "\2013";
8642 }
8643
8644 .mytheme .v-window > .popupContent, .mytheme .v-window-wrap, .mytheme .v-window-contents, .mytheme .v-window-contents > .v-scrollable {
8645         height: 100%;
8646 }
8647
8648 .mytheme .v-window-contents {
8649         box-sizing: border-box;
8650         border-radius: 4px;
8651         margin-top: 0 !important;
8652 }
8653
8654 .mytheme .v-window-contents  > .v-scrollable {
8655         position: relative;
8656 }
8657
8658 .mytheme .v-window-contents  > .v-scrollable  > .v-margin-top {
8659         padding-top: 12px;
8660 }
8661
8662 .mytheme .v-window-contents  > .v-scrollable  > .v-margin-right {
8663         padding-right: 12px;
8664 }
8665
8666 .mytheme .v-window-contents  > .v-scrollable  > .v-margin-bottom {
8667         padding-bottom: 12px;
8668 }
8669
8670 .mytheme .v-window-contents  > .v-scrollable  > .v-margin-left {
8671         padding-left: 12px;
8672 }
8673
8674 .mytheme .v-window-contents  > .v-scrollable  > .v-formlayout [class*="margin-top"] > tbody > [class*="firstrow"] > td {
8675         padding-top: 12px;
8676 }
8677
8678 .mytheme .v-window-contents  > .v-scrollable  > .v-formlayout [class*="margin-bottom"] > tbody > [class*="lastrow"] > td {
8679         padding-bottom: 12px;
8680 }
8681
8682 .mytheme .v-window-contents  > .v-scrollable  > .v-formlayout [class*="margin-left"] > tbody > [class*="row"] > [class*="captioncell"] {
8683         padding-left: 12px;
8684 }
8685
8686 .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 {
8687         left: 12px;
8688 }
8689
8690 .mytheme .v-window-contents  > .v-scrollable  > .v-formlayout [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] {
8691         padding-right: 12px;
8692 }
8693
8694 .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 {
8695         right: 12px;
8696 }
8697
8698 .mytheme .v-window-contents  > .v-scrollable:focus {
8699         outline: none;
8700 }
8701
8702 .mytheme .v-window-contents  > .v-scrollable:before {
8703         content: "";
8704         position: absolute;
8705         z-index: 2;
8706         top: 0;
8707         height: 0;
8708         border-top: 1px solid white;
8709         left: 0;
8710         right: 0;
8711 }
8712
8713 .mytheme .v-window-contents  > .v-scrollable .v-panel-captionwrap:after {
8714         border-color: #dfdfdf;
8715 }
8716
8717 .mytheme .v-window-contents  > .v-scrollable .v-panel-content:before {
8718         border-color: white;
8719 }
8720
8721 .mytheme .v-window-footer {
8722         height: 0;
8723 }
8724
8725 .mytheme .v-window-resizebox {
8726         position: absolute;
8727         z-index: 1000;
8728         right: 0;
8729         bottom: 0;
8730         width: 19px;
8731         height: 19px;
8732         cursor: nwse-resize;
8733 }
8734
8735 .mytheme .v-window-modalitycurtain:active  ~ .v-window {
8736         -webkit-animation: none;
8737         -moz-animation: none;
8738         animation: none;
8739 }
8740
8741 .mytheme .v-window-top-toolbar  > .v-widget, .mytheme .v-window-bottom-toolbar  > .v-widget {
8742         vertical-align: top;
8743 }
8744
8745 .mytheme .v-window-top-toolbar .v-label, .mytheme .v-window-bottom-toolbar .v-label {
8746         line-height: 36px;
8747 }
8748
8749 .mytheme .v-window-top-toolbar .v-spacing, .mytheme .v-window-bottom-toolbar .v-spacing {
8750         width: 6px;
8751 }
8752
8753 .mytheme .v-window-top-toolbar.v-layout {
8754         padding: 7px 12px;
8755         position: relative;
8756         z-index: 2;
8757         border-top: 1px solid #dfdfdf;
8758         border-bottom: 1px solid #dfdfdf;
8759         background-color: #fafafa;
8760 }
8761
8762 .mytheme .v-window-top-toolbar.v-menubar {
8763         margin: 12px 12px 6px;
8764 }
8765
8766 .mytheme .v-window-top-toolbar.v-menubar-borderless {
8767         padding-left: 6px;
8768         padding-right: 6px;
8769         margin: 5px 0;
8770 }
8771
8772 .mytheme .v-window-bottom-toolbar.v-layout {
8773         padding: 7px 12px;
8774         background-color: #fafafa;
8775         background-image: -webkit-linear-gradient(top, #f0f0f0 0, #fafafa 4px);
8776         background-image: linear-gradient(to bottom,#f0f0f0 0, #fafafa 4px);
8777         border-top: 1px solid #dfdfdf;
8778         border-radius: 0 0 4px 4px;
8779 }
8780
8781 .mytheme .v-margin-left.v-margin-right.v-margin-top .v-window-top-toolbar.v-layout {
8782         box-sizing: content-box;
8783         margin: -12px -12px 0;
8784 }
8785
8786 .mytheme .v-margin-left.v-margin-right.v-margin-top .v-window-top-toolbar.v-menubar {
8787         margin: 0;
8788 }
8789
8790 .mytheme .v-margin-left.v-margin-right.v-margin-top .v-window-top-toolbar.v-menubar-borderless {
8791         margin: -6px -6px 0;
8792         padding: 0;
8793 }
8794
8795 .mytheme .v-margin-left.v-margin-right.v-margin-bottom .v-window-bottom-toolbar.v-layout {
8796         box-sizing: content-box;
8797         margin: 0 -12px -12px;
8798 }
8799
8800 .mytheme .v-tree {
8801         position: relative;
8802         white-space: nowrap;
8803 }
8804
8805 .mytheme .v-tree:focus {
8806         outline: none;
8807 }
8808
8809 .mytheme .v-tree-node:before {
8810         content: "";
8811         position: absolute;
8812         display: inline-block;
8813         z-index: 3;
8814         width: 1.9em;
8815         height: 28px;
8816         cursor: pointer;
8817         background: red;
8818         opacity: 0;
8819 }
8820
8821 .mytheme .v-tree-node-caption {
8822         height: 28px;
8823         line-height: 27px;
8824         overflow: hidden;
8825         white-space: nowrap;
8826         vertical-align: top;
8827 }
8828
8829 .mytheme .v-tree-node-caption > div {
8830         display: inline-block;
8831         width: 100%;
8832         position: relative;
8833         z-index: 2;
8834 }
8835
8836 .mytheme .v-tree-node-caption > div:before {
8837         content: "\f0da";
8838         font-family: ThemeIcons;
8839         display: inline-block;
8840         width: 0.5em;
8841         text-align: center;
8842         margin: 0 0.6em 0 0.8em;
8843         -webkit-transition: all 100ms;
8844         -moz-transition: all 100ms;
8845         transition: all 100ms;
8846 }
8847
8848 .mytheme .v-tree-node-caption span {
8849         padding-right: 28px;
8850         cursor: pointer;
8851         display: inline-block;
8852         width: 100%;
8853 }
8854
8855 .v-ie .mytheme .v-tree-node-caption span {
8856         width: auto;
8857 }
8858
8859 .mytheme .v-tree-node-caption .v-icon {
8860         padding-right: 0;
8861         width: auto;
8862         min-width: 1em;
8863 }
8864
8865 .mytheme .v-tree-node-caption:after {
8866         content: "";
8867         display: block;
8868         vertical-align: top;
8869         position: absolute;
8870         z-index: 1;
8871         left: 0;
8872         margin-top: -28px;
8873         width: 100%;
8874         height: 28px;
8875         border-radius: 4px;
8876         opacity: 0;
8877         -webkit-transition: opacity 120ms;
8878         -moz-transition: opacity 120ms;
8879         transition: opacity 120ms;
8880 }
8881
8882 .mytheme .v-tree-node-expanded > .v-tree-node-caption > div:before {
8883         -webkit-transform: rotate(90deg);
8884         -moz-transform: rotate(90deg);
8885         -ms-transform: rotate(90deg);
8886         -o-transform: rotate(90deg);
8887         transform: rotate(90deg);
8888         content: "\f0da";
8889         font-family: ThemeIcons;
8890 }
8891
8892 .mytheme .v-tree-node-leaf:before, .mytheme .v-tree-node-leaf > .v-tree-node-caption > div:before {
8893         visibility: hidden;
8894 }
8895
8896 .mytheme .v-tree-node-focused:after {
8897         opacity: 1;
8898         border: 1px solid #197de1;
8899 }
8900
8901 .mytheme .v-tree-node-selected {
8902         color: #ecf2f8;
8903         text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
8904 }
8905
8906 .mytheme .v-tree-node-selected:after {
8907         opacity: 1;
8908         background-color: #197de1;
8909         background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
8910         background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
8911         border: none;
8912 }
8913
8914 .mytheme .v-tree-node-children {
8915         padding-left: 19px;
8916 }
8917
8918 .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 {
8919         content: "\2022";
8920         display: block;
8921         position: absolute;
8922         height: 2px;
8923         width: 100%;
8924         background: #197de1;
8925         font-size: 32px;
8926         line-height: 2px;
8927         color: #197de1;
8928         text-indent: -4px;
8929         text-shadow: 0 0 1px #fafafa, 0 0 1px #fafafa;
8930         opacity: 1;
8931         visibility: visible;
8932 }
8933
8934 .mytheme .v-tree-node-drag-bottom.v-tree-node-dragfolder.v-tree-node-expanded:after {
8935         content: none;
8936 }
8937
8938 .mytheme .v-tree-node-caption-drag-center {
8939         -webkit-box-shadow: 0 0 0 2px #197de1;
8940         box-shadow: 0 0 0 2px #197de1;
8941         position: relative;
8942         border-radius: 4px;
8943 }
8944
8945 .v-ff .mytheme .v-tree-node-drag-top:before, .v-ff .mytheme .v-tree-node-drag-bottom:after {
8946         line-height: 1px;
8947 }
8948
8949 .mytheme .v-tree8 {
8950         position: relative;
8951 }
8952
8953 .mytheme .v-tree8-scroller {
8954         position: absolute;
8955         z-index: 1;
8956         outline: none;
8957         box-sizing: border-box;
8958 }
8959
8960 .mytheme .v-tree8-scroller-horizontal {
8961         left: 0;
8962         right: 0;
8963         bottom: 0;
8964         overflow-y: hidden;
8965         -ms-overflow-y: hidden;
8966 }
8967
8968 .mytheme .v-tree8-scroller-vertical {
8969         right: 0;
8970         top: 0;
8971         bottom: 0;
8972         overflow-x: hidden;
8973         -ms-overflow-x: hidden;
8974 }
8975
8976 .mytheme .v-tree8-tablewrapper {
8977         position: absolute;
8978         overflow: hidden;
8979         box-sizing: border-box;
8980         z-index: 5;
8981 }
8982
8983 .mytheme .v-tree8-tablewrapper > table {
8984         border-spacing: 0;
8985         table-layout: fixed;
8986         width: inherit;
8987 }
8988
8989 .mytheme .v-tree8-header-deco, .mytheme .v-tree8-footer-deco {
8990         position: absolute;
8991         right: 0;
8992         box-sizing: border-box;
8993 }
8994
8995 .mytheme .v-tree8-horizontal-scrollbar-deco {
8996         position: absolute;
8997         bottom: 0;
8998         left: 0;
8999         right: 0;
9000         box-sizing: border-box;
9001 }
9002
9003 .mytheme .v-tree8-header, .mytheme .v-tree8-body, .mytheme .v-tree8-footer {
9004         position: absolute;
9005         left: 0;
9006         width: inherit;
9007         z-index: 10;
9008 }
9009
9010 .mytheme .v-tree8-header, .mytheme .v-tree8-header-deco {
9011         top: 0;
9012 }
9013
9014 .mytheme .v-tree8-footer, .mytheme .v-tree8-footer-deco {
9015         bottom: 0;
9016 }
9017
9018 .mytheme .v-tree8-body {
9019         -ms-touch-action: none;
9020         touch-action: none;
9021         z-index: 0;
9022         top: 0;
9023 }
9024
9025 .mytheme .v-tree8-body .v-tree8-row {
9026         position: absolute;
9027         top: 0;
9028         left: 0;
9029 }
9030
9031 .mytheme .v-tree8-body .v-tree8-header > .v-tree8-row {
9032         position: relative;
9033 }
9034
9035 .mytheme .v-tree8-row {
9036         display: block;
9037 }
9038
9039 .mytheme .v-tree8-row  > td, .mytheme .v-tree8-row  > th {
9040         background-color: white;
9041 }
9042
9043 .mytheme .v-tree8-row {
9044         width: inherit;
9045 }
9046
9047 .mytheme .v-tree8-cell {
9048         display: block;
9049         float: left;
9050         padding: 2px;
9051         white-space: nowrap;
9052         box-sizing: border-box;
9053         overflow: hidden;
9054         font-size: 16px;
9055 }
9056
9057 .mytheme .v-tree8-cell.frozen {
9058         position: relative;
9059         z-index: 1;
9060 }
9061
9062 .mytheme .v-tree8-spacer {
9063         position: absolute;
9064         display: block;
9065         background-color: white;
9066 }
9067
9068 .mytheme .v-tree8-spacer  > td {
9069         width: 100%;
9070         height: 100%;
9071         box-sizing: border-box;
9072 }
9073
9074 .mytheme .v-tree8 {
9075         outline: none;
9076 }
9077
9078 .mytheme .v-tree8-scroller-vertical, .mytheme .v-tree8-scroller-horizontal {
9079         border: 1px solid #d4d4d4;
9080 }
9081
9082 .mytheme .v-tree8-scroller-vertical {
9083         border-left: none;
9084 }
9085
9086 .mytheme .v-tree8-scroller-horizontal {
9087         border-top: none;
9088 }
9089
9090 .mytheme .v-tree8-tablewrapper {
9091         border: 1px solid #d4d4d4;
9092 }
9093
9094 .mytheme .v-tree8 .header-drag-table {
9095         border-spacing: 0;
9096         position: relative;
9097         table-layout: fixed;
9098         width: inherit;
9099 }
9100
9101 .mytheme .v-tree8 .header-drag-table .v-tree8-header {
9102         position: absolute;
9103 }
9104
9105 .mytheme .v-tree8 .header-drag-table .v-tree8-header  > .v-tree8-cell {
9106         border: 1px solid #d4d4d4;
9107         margin-top: -10px;
9108         opacity: 0.9;
9109         filter: alpha(opacity=90);
9110         z-index: 30000;
9111 }
9112
9113 .mytheme .v-tree8 .header-drag-table .v-tree8-header  > .v-tree8-drop-marker {
9114         background-color: #197de1;
9115         position: absolute;
9116         width: 3px;
9117 }
9118
9119 .mytheme .v-tree8-sidebar.v-contextmenu {
9120         -webkit-box-shadow: none;
9121         box-shadow: none;
9122         border-radius: 0;
9123         position: absolute;
9124         top: 0;
9125         right: 0;
9126         background-color: #fafafa;
9127         border: 1px solid #d4d4d4;
9128         padding: 0;
9129         z-index: 5;
9130 }
9131
9132 .mytheme .v-tree8-sidebar.v-contextmenu.v-tree8-sidebar-popup {
9133         right: auto;
9134 }
9135
9136 .mytheme .v-tree8-sidebar.v-contextmenu .v-tree8-sidebar-button {
9137         background: transparent;
9138         border: none;
9139         color: inherit;
9140         cursor: pointer;
9141         outline: none;
9142         padding: 0 4px;
9143         text-align: right;
9144         line-height: 1;
9145 }
9146
9147 .mytheme .v-tree8-sidebar.v-contextmenu .v-tree8-sidebar-button[disabled] {
9148         cursor: default;
9149 }
9150
9151 .mytheme .v-tree8-sidebar.v-contextmenu .v-tree8-sidebar-button::-moz-focus-inner {
9152         border: 0;
9153 }
9154
9155 .mytheme .v-tree8-sidebar.v-contextmenu .v-tree8-sidebar-button:after {
9156         content: "\f0c9";
9157         display: block;
9158         font-family: ThemeIcons, sans-serif;
9159         font-size: 14px;
9160 }
9161
9162 .mytheme .v-tree8-sidebar.v-contextmenu.closed {
9163         border-radius: 0;
9164 }
9165
9166 .mytheme .v-tree8-sidebar.v-contextmenu.open .v-tree8-sidebar-button {
9167         width: 100%;
9168 }
9169
9170 .mytheme .v-tree8-sidebar.v-contextmenu.open .v-tree8-sidebar-button:after {
9171         content: "\f0c9";
9172         font-size: 14px;
9173         line-height: 1;
9174 }
9175
9176 .v-ie .mytheme .v-tree8-sidebar.v-contextmenu.open .v-tree8-sidebar-button {
9177         vertical-align: middle;
9178 }
9179
9180 .mytheme .v-tree8-sidebar.v-contextmenu .v-tree8-sidebar-content {
9181         padding: 4px 0;
9182         overflow-y: auto;
9183         overflow-x: hidden;
9184 }
9185
9186 .mytheme .v-tree8-sidebar.v-contextmenu .v-tree8-sidebar-content .gwt-MenuBar .gwt-MenuItem .column-hiding-toggle {
9187         text-shadow: none;
9188 }
9189
9190 .mytheme .v-tree8-cell {
9191         background-color: white;
9192         padding: 0 18px;
9193         line-height: 37px;
9194         text-overflow: ellipsis;
9195 }
9196
9197 .mytheme .v-tree8-cell  > * {
9198         line-height: 1.55;
9199         vertical-align: middle;
9200 }
9201
9202 .mytheme .v-tree8-cell  > div {
9203         display: inline-block;
9204 }
9205
9206 .mytheme .v-tree8-cell.frozen {
9207         -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
9208         box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
9209         border-right: 1px solid #d4d4d4;
9210         position: relative;
9211         z-index: 11;
9212 }
9213
9214 .mytheme .v-tree8-cell.frozen  + th, .mytheme .v-tree8-cell.frozen  + td {
9215         border-left: none;
9216 }
9217
9218 .mytheme .v-tree8-cell div.component-wrap {
9219         width: 100%;
9220 }
9221
9222 .mytheme .v-tree8-row > td, .mytheme .v-tree8-editor-cells > div {
9223         border-left: 1px solid #d4d4d4;
9224         border-bottom: 1px solid #d4d4d4;
9225 }
9226
9227 .mytheme .v-tree8-row > td:first-child, .mytheme .v-tree8-editor-cells > div:first-child {
9228         border-left: none;
9229 }
9230
9231 .mytheme .v-tree8-editor-cells.frozen > div {
9232         -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
9233         box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
9234         border-right: 1px solid #d4d4d4;
9235         border-left: none;
9236 }
9237
9238 .mytheme .v-tree8-row-stripe > td {
9239         background-color: #f5f5f5;
9240 }
9241
9242 .mytheme .v-tree8-row-selected > td {
9243         background: #197de1;
9244 }
9245
9246 .mytheme .v-tree8-row-focused > td {
9247
9248 }
9249
9250 .mytheme .v-tree8-header th {
9251         position: relative;
9252         background-color: #fafafa;
9253         font-size: 14px;
9254         font-weight: inherit;
9255         border-left: 1px solid #d4d4d4;
9256         border-bottom: 1px solid #d4d4d4;
9257
9258         text-align: left;
9259 }
9260
9261 .mytheme .v-tree8-header th:first-child {
9262         border-left: none;
9263 }
9264
9265 .mytheme .v-tree8-header .sort-asc, .mytheme .v-tree8-header .sort-desc {
9266         padding-right: 35px;
9267 }
9268
9269 .mytheme .v-tree8-header .sort-asc:after, .mytheme .v-tree8-header .sort-desc:after {
9270         font-family: ThemeIcons, sans-serif;
9271         content: "\f0de" " " attr(sort-order);
9272         position: absolute;
9273         right: 18px;
9274         font-size: 12px;
9275 }
9276
9277 .mytheme .v-tree8-header .sort-desc:after {
9278         content: "\f0dd" " " attr(sort-order);
9279 }
9280
9281 .mytheme .v-tree8-column-resize-handle {
9282         position: absolute;
9283         width: 36px;
9284         right: -18px;
9285         top: 0px;
9286         bottom: 0px;
9287         cursor: col-resize;
9288         z-index: 10;
9289         -webkit-user-select: none;
9290         -khtml-user-select: none;
9291         -moz-user-select: none;
9292         -ms-user-select: none;
9293         user-select: none;
9294 }
9295
9296 .mytheme .v-tree8-column-resize-simple-indicator {
9297         position: absolute;
9298         width: 3px;
9299         top: 0px;
9300         left: 18px;
9301         z-index: 9001;
9302         background: #fff;
9303         box-shadow: 0px 0px 5px #000;
9304         -webkit-user-select: none;
9305         -khtml-user-select: none;
9306         -moz-user-select: none;
9307         -ms-user-select: none;
9308         user-select: none;
9309 }
9310
9311 .mytheme .v-tree8-footer td {
9312         background-color: #fafafa;
9313         font-size: 14px;
9314         font-weight: inherit;
9315         border-left: 1px solid #d4d4d4;
9316         border-top: 1px solid #d4d4d4;
9317         border-bottom: none;
9318
9319 }
9320
9321 .mytheme .v-tree8-footer td:first-child {
9322         border-left: none;
9323 }
9324
9325 .mytheme .v-tree8-header .v-tree8-cell, .mytheme .v-tree8-footer .v-tree8-cell {
9326         overflow: visible;
9327 }
9328
9329 .mytheme .v-tree8-column-header-content, .mytheme .v-tree8-column-footer-content {
9330         width: 100%;
9331         overflow: hidden;
9332         text-overflow: ellipsis;
9333         line-height: 37px;
9334         vertical-align: baseline;
9335 }
9336
9337 .mytheme .v-tree8-header-deco {
9338         border-top: 1px solid #d4d4d4;
9339         border-right: 1px solid #d4d4d4;
9340         background-color: #fafafa;
9341 }
9342
9343 .mytheme .v-tree8-footer-deco {
9344         border-bottom: 1px solid #d4d4d4;
9345         border-right: 1px solid #d4d4d4;
9346         background-color: #fafafa;
9347 }
9348
9349 .mytheme .v-tree8-horizontal-scrollbar-deco {
9350         background-color: #fafafa;
9351         border: 1px solid #d4d4d4;
9352         border-top: none;
9353 }
9354
9355 .mytheme .v-tree8-cell-focused {
9356         position: relative;
9357 }
9358
9359 .mytheme .v-tree8-cell-focused:before {
9360         content: "";
9361         position: absolute;
9362         top: 0;
9363         right: 0;
9364         bottom: 0;
9365         left: 0;
9366         border: 2px solid #197de1;
9367         display: none;
9368         pointer-events: none;
9369 }
9370
9371 .mytheme .v-tree8:focus .v-tree8-cell-focused:before {
9372         display: block;
9373 }
9374
9375 .mytheme .v-tree8.v-disabled:focus .v-tree8-cell-focused:before {
9376         display: none;
9377 }
9378
9379 .mytheme .v-tree8-editor {
9380         position: absolute;
9381         z-index: 20;
9382         overflow: hidden;
9383         left: 0;
9384         right: 0;
9385         border: 1px solid #d4d4d4;
9386         box-sizing: border-box;
9387         -moz-box-sizing: border-box;
9388         margin-top: -1px;
9389         -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
9390         box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
9391 }
9392
9393 .mytheme .v-tree8-editor.unbuffered .v-tree8-editor-footer {
9394         width: 100%;
9395 }
9396
9397 .mytheme .v-tree8-editor-cells {
9398         position: relative;
9399         white-space: nowrap;
9400 }
9401
9402 .mytheme .v-tree8-editor-cells.frozen {
9403         z-index: 2;
9404 }
9405
9406 .mytheme .v-tree8-editor-cells  > div {
9407         display: inline-block;
9408         box-sizing: border-box;
9409         vertical-align: middle;
9410         background: white;
9411 }
9412
9413 .mytheme .v-tree8-editor-cells  > div:first-child {
9414         border-left: none;
9415 }
9416
9417 .mytheme .v-tree8-editor-cells  > div  > * {
9418         vertical-align: middle;
9419         display: inline-block;
9420 }
9421
9422 .mytheme .v-tree8-editor-cells  > div .v-filterselect {
9423         padding-left: 0;
9424 }
9425
9426 .mytheme .v-tree8-editor-cells  > div input[type="text"], .mytheme .v-tree8-editor-cells  > div input[type="text"].v-filterselect-input, .mytheme .v-tree8-editor-cells  > div input[type="password"] {
9427         padding-left: 18px;
9428 }
9429
9430 .mytheme .v-tree8-editor-cells  > div input[type="text"]:not(.v-filterselect-input), .mytheme .v-tree8-editor-cells  > div input[type="password"] {
9431         padding-right: 9px;
9432 }
9433
9434 .mytheme .v-tree8-editor-cells  > div input[type="checkbox"] {
9435         margin-left: 18px;
9436 }
9437
9438 .mytheme .v-tree8-editor-cells  > div .v-textfield, .mytheme .v-tree8-editor-cells  > div .v-datefield, .mytheme .v-tree8-editor-cells  > div .v-filterselect {
9439         min-width: 100%;
9440         max-width: 100%;
9441         min-height: 100%;
9442         max-height: 100%;
9443 }
9444
9445 .mytheme .v-tree8-editor-cells  > div .v-select, .mytheme .v-tree8-editor-cells  > div .v-select-select {
9446         min-width: 100%;
9447         max-width: 100%;
9448 }
9449
9450 .mytheme .v-tree8-editor-cells  > div.not-editable.v-tree8-cell {
9451         float: none;
9452 }
9453
9454 .mytheme .v-tree8-editor-cells .error::before {
9455         position: absolute;
9456         display: block;
9457         height: 0;
9458         width: 0;
9459         content: "";
9460         border-top: 5px solid red;
9461         border-right: 5px solid transparent;
9462 }
9463
9464 .mytheme .v-tree8-editor-cells .error, .mytheme .v-tree8-editor-cells .error > input {
9465         background-color: #fee;
9466 }
9467
9468 .mytheme .v-tree8-editor-footer {
9469         display: table;
9470         height: 37px;
9471         border-top: 1px solid #d4d4d4;
9472         margin-top: -1px;
9473         background: white;
9474         padding: 0 5px;
9475 }
9476
9477 .mytheme .v-tree8-editor-footer  + .v-tree8-editor-cells > div {
9478         border-bottom: none;
9479         border-top: 1px solid #d4d4d4;
9480 }
9481
9482 .mytheme .v-tree8-editor-footer:first-child {
9483         border-top: none;
9484         margin-top: 0;
9485         border-bottom: 1px solid #d4d4d4;
9486         margin-bottom: -1px;
9487 }
9488
9489 .mytheme .v-tree8-editor-message, .mytheme .v-tree8-editor-buttons {
9490         display: table-cell;
9491         white-space: nowrap;
9492         vertical-align: middle;
9493 }
9494
9495 .mytheme .v-tree8-editor-message {
9496         width: 100%;
9497         position: relative;
9498 }
9499
9500 .mytheme .v-tree8-editor-message  > div {
9501         position: absolute;
9502         width: 100%;
9503         overflow: hidden;
9504         text-overflow: ellipsis;
9505         line-height: 37px;
9506         top: 0;
9507 }
9508
9509 .mytheme .v-tree8-editor-save {
9510         margin-right: 4px;
9511 }
9512
9513 .mytheme .v-tree8-spacer {
9514         padding-left: 1px;
9515 }
9516
9517 .mytheme .v-tree8-spacer > td {
9518         display: block;
9519         padding: 0;
9520         background-color: white;
9521         border-top: 1px solid #eeeeee;
9522         border-bottom: 1px solid #d4d4d4;
9523 }
9524
9525 .mytheme .v-tree8-spacer.stripe > td {
9526         background-color: #f5f5f5;
9527         border-top: 1px solid #e5e5e5;
9528         border-bottom: 1px solid #d4d4d4;
9529 }
9530
9531 .mytheme .v-tree8-spacer-deco-container {
9532         border-top: 1px solid transparent;
9533         position: relative;
9534         top: 0;
9535         z-index: 5;
9536 }
9537
9538 .mytheme .v-tree8-spacer-deco {
9539         top: 0;
9540         left: 0;
9541         width: 2px;
9542         background-color: #197de1;
9543         position: absolute;
9544         height: 100%;
9545         pointer-events: none;
9546 }
9547
9548 .mytheme .v-tree8-cell > .v-progressbar {
9549         width: 100%;
9550 }
9551
9552 .mytheme .v-tree8 {
9553         -webkit-user-select: text;
9554         -moz-user-select: text;
9555         -ms-user-select: text;
9556         user-select: text;
9557         background-color: #fafafa;
9558 }
9559
9560 .mytheme .v-tree8.v-disabled {
9561         opacity: 0.5;
9562         filter: alpha(opacity=50) ;
9563 }
9564
9565 .mytheme .v-tree8-header .v-tree8-cell {
9566         background-color: #fafafa;
9567         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
9568         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
9569         text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
9570 }
9571
9572 .mytheme .v-tree8-header .v-tree8-cell.dragged {
9573         opacity: 0.5;
9574         filter: alpha(opacity=50) ;
9575         -webkit-transition: opacity 0.3s ease-in-out;
9576         -moz-transition: opacity 0.3s ease-in-out;
9577         transition: opacity 0.3s ease-in-out;
9578 }
9579
9580 .mytheme .v-tree8-header .v-tree8-cell.dragged-column-header {
9581         margin-top: -19px;
9582 }
9583
9584 .mytheme .v-tree8-footer .v-tree8-cell {
9585         background-color: #fafafa;
9586         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
9587         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
9588         text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
9589 }
9590
9591 .mytheme .v-tree8-header-deco {
9592         background-color: #fafafa;
9593         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
9594         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
9595 }
9596
9597 .mytheme .v-tree8-footer-deco, .mytheme .v-tree8-horizontal-scrollbar-deco {
9598         background-color: #fafafa;
9599         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
9600         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
9601 }
9602
9603 .mytheme .v-tree8-row-selected  > .v-tree8-cell {
9604         background-color: #197de1;
9605         background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
9606         background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
9607         color: #c8dbed;
9608         text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
9609         border-color: #1d69b4;
9610 }
9611
9612 .mytheme .v-tree8-row-selected  > .v-tree8-cell-focused:before {
9613         border-color: #71b0ef;
9614 }
9615
9616 .mytheme .v-tree8-editor {
9617         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
9618         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
9619         border-color: #197de1;
9620 }
9621
9622 .mytheme .v-tree8-editor-footer {
9623         font-size: 14px;
9624         padding: 0 6px;
9625         background: #fafafa;
9626         -webkit-animation: valo-grid-editor-footer-animate-in 200ms 120ms backwards;
9627         -moz-animation: valo-grid-editor-footer-animate-in 200ms 120ms backwards;
9628         animation: valo-grid-editor-footer-animate-in 200ms 120ms backwards;
9629 }
9630
9631 .mytheme .v-tree8-editor-footer:first-child {
9632         -webkit-animation: valo-grid-editor-footer-animate-in-alt 200ms 120ms backwards;
9633         -moz-animation: valo-grid-editor-footer-animate-in-alt 200ms 120ms backwards;
9634         animation: valo-grid-editor-footer-animate-in-alt 200ms 120ms backwards;
9635 }
9636
9637 .mytheme .v-tree8-editor-cells {
9638         z-index: 1;
9639 }
9640
9641 .mytheme .v-tree8-editor-cells > div:before {
9642         content: "";
9643         display: inline-block;
9644         height: 100%;
9645         vertical-align: middle;
9646 }
9647
9648 .mytheme .v-tree8-editor-cells > div.not-editable.v-tree8-cell {
9649         float: none;
9650 }
9651
9652 .mytheme .v-tree8-editor-cells > div .error::before {
9653         border-top: 9px solid #ed473b;
9654         border-right: 9px solid transparent;
9655 }
9656
9657 .mytheme .v-tree8-editor-cells > div .error, .mytheme .v-tree8-editor-cells > div .error > input {
9658         background-color: #fffbfb;
9659 }
9660
9661 .mytheme .v-tree8-editor-cells > div .v-textfield, .mytheme .v-tree8-editor-cells > div .v-textfield-focus, .mytheme .v-tree8-editor-cells > div .v-datefield, .mytheme .v-tree8-editor-cells > div .v-datefield .v-textfield-focus, .mytheme .v-tree8-editor-cells > div .v-filterselect-input, .mytheme .v-tree8-editor-cells > div .v-filterselect-input:focus {
9662         border: none;
9663         border-radius: 0;
9664         background: transparent;
9665         -webkit-box-shadow: inset 0 1px 0 #f2f2f2;
9666         box-shadow: inset 0 1px 0 #f2f2f2;
9667 }
9668
9669 .mytheme .v-tree8-editor-cells > div input[type="text"].v-datefield-textfield {
9670         padding-left: 44.4px;
9671 }
9672
9673 .mytheme .v-tree8-editor-cells > div .v-textfield-focus, .mytheme .v-tree8-editor-cells > div .v-datefield .v-textfield-focus, .mytheme .v-tree8-editor-cells > div .v-filterselect-input:focus {
9674         position: relative;
9675 }
9676
9677 .mytheme .v-tree8-editor-cells > div .v-select {
9678         padding-left: 9px;
9679         padding-right: 9px;
9680 }
9681
9682 .mytheme .v-tree8-editor-cells > div .v-checkbox {
9683         margin: 0 9px 0 18px;
9684 }
9685
9686 .mytheme .v-tree8-editor-cells > div .v-checkbox  > input[type="checkbox"] {
9687         margin-left: 0;
9688 }
9689
9690 .mytheme .v-tree8-editor-cells > div .v-checkbox  > label {
9691         white-space: nowrap;
9692 }
9693
9694 .mytheme .v-tree8-editor-message > div:before {
9695         display: inline-block;
9696         color: #ed473b;
9697         font-weight: 600;
9698         width: 19px;
9699         text-align: center;
9700         content: "!";
9701 }
9702
9703 .mytheme .v-tree8-editor-save, .mytheme .v-tree8-editor-cancel {
9704         cursor: pointer;
9705         color: #197de1;
9706         text-decoration: underline;
9707         font-weight: inherit;
9708         -webkit-transition: color 140ms;
9709         -moz-transition: color 140ms;
9710         transition: color 140ms;
9711         font-weight: 400;
9712         text-decoration: none;
9713         border: none;
9714         background: transparent;
9715         padding: 6px 6px;
9716         margin: 0;
9717         outline: none;
9718 }
9719
9720 .mytheme .v-tree8-editor-save:hover, .mytheme .v-tree8-editor-cancel:hover {
9721         color: #4396ea;
9722 }
9723
9724 .mytheme .v-tree8-editor-save.v-disabled, .mytheme .v-tree8-editor-cancel.v-disabled {
9725         opacity: 0.5;
9726         filter: alpha(opacity=50) ;
9727 }
9728
9729 .mytheme .v-tree8-spacer {
9730         margin-top: -1px;
9731 }
9732
9733 .mytheme .v-tree8-sidebar.v-contextmenu.open .v-tree8-sidebar-content {
9734         margin: 0 0 2px;
9735         padding: 4px 4px 2px;
9736         overflow-y: auto;
9737         overflow-x: hidden;
9738 }
9739
9740 .mytheme .v-tree8-sidebar.v-contextmenu.closed {
9741         background-color: #fafafa;
9742         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
9743         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
9744 }
9745
9746 .mytheme .v-tree8-scroller::-webkit-scrollbar {
9747         border: none;
9748 }
9749
9750 .mytheme .v-tree8-scroller::-webkit-scrollbar-thumb {
9751         border-radius: 10px;
9752         border: 4px solid transparent;
9753         background: rgba(0, 0, 0, 0.3);
9754         -webkit-background-clip: content-box;
9755         background-clip: content-box;
9756 }
9757
9758 .mytheme .v-tree8-scroller-vertical::-webkit-scrollbar-thumb {
9759         min-height: 30px;
9760 }
9761
9762 .mytheme .v-tree8-scroller-horizontal::-webkit-scrollbar-thumb {
9763         min-width: 30px;
9764 }
9765
9766 .mytheme .v-tree8-row-drag-badge {
9767         background-color: red;
9768         color: white;
9769         display: block;
9770         width: 30px;
9771         height: 30px;
9772         border-radius: 10px;
9773         line-height: 30px;
9774         text-align: center;
9775         float: left;
9776 }
9777
9778 .mytheme .v-tree8-row-drag-top, .mytheme .v-tree8-row-drag-bottom {
9779         z-index: 100;
9780 }
9781
9782 .mytheme .v-tree8-row-drag-top:before, .mytheme .v-tree8-row-drag-bottom:after {
9783         content: "";
9784         display: block;
9785         position: absolute;
9786         height: 2px;
9787         width: 100%;
9788         background: #197de1;
9789         pointer-events: none;
9790         border: none;
9791 }
9792
9793 .mytheme .v-tree8-row-drag-bottom:after {
9794         bottom: -1px;
9795 }
9796
9797 .mytheme .v-tree8-row-drag-top:before {
9798         top: -1px;
9799 }
9800
9801 .mytheme .v-tree8-row-drag-top:first-child:before {
9802         top: 0;
9803 }
9804
9805 .mytheme .v-tree8-row-drag-center:after {
9806         content: "";
9807         position: absolute;
9808         top: 0;
9809         left: 0;
9810         bottom: 0;
9811         right: 2px;
9812         border: 2px solid #197de1;
9813         pointer-events: none;
9814 }
9815
9816 .mytheme .v-tree8-row-selected.v-tree8-row-drag-center:after {
9817         border-color: #1463b3;
9818 }
9819
9820 .mytheme .v-tree8-row-selected.v-tree8-row-drag-top:before, .mytheme .v-tree8-row-selected.v-tree8-row-drag-bottom:after {
9821         background: #1463b3;
9822 }
9823
9824 .mytheme .v-tree8-body-drag-top:after {
9825         content: "";
9826         position: absolute;
9827         top: 0;
9828         right: 0;
9829         bottom: 0;
9830         left: 0;
9831         pointer-events: none;
9832         border: 2px solid #197de1;
9833         z-index: 100;
9834 }
9835
9836 .mytheme .v-tree8-expander {
9837         display: inline-block;
9838         vertical-align: top;
9839 }
9840
9841 .mytheme .v-tree8-expander::before {
9842         display: inline-block;
9843         width: 1.5em;
9844         text-align: center;
9845         content: "";
9846 }
9847
9848 .mytheme .v-tree8-expander.expanded::before {
9849         content: "\f0d7";
9850         font-family: ThemeIcons;
9851 }
9852
9853 .mytheme .v-tree8-expander.collapsed::before {
9854         content: "\f0da";
9855         font-family: ThemeIcons;
9856 }
9857
9858 .mytheme .v-tree8-expander.collapse-disabled::before {
9859         opacity: 0.5;
9860         filter: alpha(opacity=50) ;
9861         cursor: default;
9862 }
9863
9864 .mytheme .v-tree8-node.depth-0 {
9865         padding-left: 0em;
9866 }
9867
9868 .mytheme .v-tree8-node.depth-1 {
9869         padding-left: 1em;
9870 }
9871
9872 .mytheme .v-tree8-node.depth-2 {
9873         padding-left: 2em;
9874 }
9875
9876 .mytheme .v-tree8-node.depth-3 {
9877         padding-left: 3em;
9878 }
9879
9880 .mytheme .v-tree8-node.depth-4 {
9881         padding-left: 4em;
9882 }
9883
9884 .mytheme .v-tree8-node.depth-5 {
9885         padding-left: 5em;
9886 }
9887
9888 .mytheme .v-tree8-node.depth-6 {
9889         padding-left: 6em;
9890 }
9891
9892 .mytheme .v-tree8-node.depth-7 {
9893         padding-left: 7em;
9894 }
9895
9896 .mytheme .v-tree8-node.depth-8 {
9897         padding-left: 8em;
9898 }
9899
9900 .mytheme .v-tree8-node.depth-9 {
9901         padding-left: 9em;
9902 }
9903
9904 .mytheme .v-tree8-node.depth-10 {
9905         padding-left: 10em;
9906 }
9907
9908 .mytheme .v-tree8-node.depth-11 {
9909         padding-left: 11em;
9910 }
9911
9912 .mytheme .v-tree8-node.depth-12 {
9913         padding-left: 12em;
9914 }
9915
9916 .mytheme .v-tree8-node.depth-13 {
9917         padding-left: 13em;
9918 }
9919
9920 .mytheme .v-tree8-node.depth-14 {
9921         padding-left: 14em;
9922 }
9923
9924 .mytheme .v-tree8-node.depth-15 {
9925         padding-left: 15em;
9926 }
9927
9928 .mytheme .v-tree8-cell-content {
9929         display: inline-block;
9930         vertical-align: middle;
9931 }
9932
9933 .mytheme .v-tree8-row-focused::before {
9934         content: "";
9935         position: absolute;
9936         top: 0;
9937         right: 0;
9938         bottom: 0;
9939         left: 0;
9940         border: 2px solid #197de1;
9941         display: none;
9942         pointer-events: none;
9943 }
9944
9945 .mytheme .v-tree8-cell-focused {
9946         position: static;
9947 }
9948
9949 .mytheme .v-tree8-cell-focused::before {
9950         display: none;
9951 }
9952
9953 .mytheme .v-tree8:focus .v-tree8-row-focused::before {
9954         display: block;
9955 }
9956
9957 .mytheme .v-tree8.v-disabled:focus .v-tree8-row-focused::before {
9958         display: none;
9959 }
9960
9961 .mytheme .v-tree8:focus .v-tree8-cell-focused::before {
9962         display: none;
9963 }
9964
9965 .mytheme .v-tree8 {
9966         background-color: transparent;
9967 }
9968
9969 .mytheme .v-tree8-row > td {
9970         background-color: transparent;
9971         border: 0;
9972         line-height: 28px;
9973 }
9974
9975 .mytheme .v-tree8-row > td  > * {
9976         vertical-align: baseline;
9977 }
9978
9979 .mytheme .v-tree8-tablewrapper {
9980         background-color: transparent;
9981         border: none;
9982 }
9983
9984 .mytheme .v-tree8-row::before {
9985         content: "";
9986         display: none;
9987         position: absolute;
9988         top: 0;
9989         left: 0;
9990         box-sizing: border-box;
9991         width: 100%;
9992         height: 100%;
9993         border-radius: 4px;
9994         pointer-events: none;
9995         border-width: 1px;
9996 }
9997
9998 .mytheme .v-tree8-cell {
9999         position: relative;
10000 }
10001
10002 .mytheme .v-tree8-row-selected  > .v-tree8-cell {
10003         background: transparent;
10004 }
10005
10006 .mytheme .v-tree8-row-selected::before {
10007         display: block;
10008         background-color: #197de1;
10009         background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
10010         background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
10011 }
10012
10013 .mytheme .v-tree8:focus .v-tree8-row-selected.v-tree8-row-focused::before {
10014         border-color: transparent;
10015         box-shadow: inset 0 0 0 1px #c8dbed;
10016 }
10017
10018 .mytheme .v-tree8-scroller-vertical {
10019         border: none;
10020 }
10021
10022 .mytheme .v-tree8-scroller-horizontal {
10023         border: none;
10024 }
10025
10026 .mytheme .v-tree8-header-deco, .mytheme .v-tree8-footer-deco, .mytheme .v-tree8-horizontal-scrollbar-deco {
10027         border: none;
10028         background: transparent;
10029 }
10030
10031 .mytheme .v-treegrid {
10032         position: relative;
10033 }
10034
10035 .mytheme .v-treegrid-scroller {
10036         position: absolute;
10037         z-index: 1;
10038         outline: none;
10039         box-sizing: border-box;
10040 }
10041
10042 .mytheme .v-treegrid-scroller-horizontal {
10043         left: 0;
10044         right: 0;
10045         bottom: 0;
10046         overflow-y: hidden;
10047         -ms-overflow-y: hidden;
10048 }
10049
10050 .mytheme .v-treegrid-scroller-vertical {
10051         right: 0;
10052         top: 0;
10053         bottom: 0;
10054         overflow-x: hidden;
10055         -ms-overflow-x: hidden;
10056 }
10057
10058 .mytheme .v-treegrid-tablewrapper {
10059         position: absolute;
10060         overflow: hidden;
10061         box-sizing: border-box;
10062         z-index: 5;
10063 }
10064
10065 .mytheme .v-treegrid-tablewrapper > table {
10066         border-spacing: 0;
10067         table-layout: fixed;
10068         width: inherit;
10069 }
10070
10071 .mytheme .v-treegrid-header-deco, .mytheme .v-treegrid-footer-deco {
10072         position: absolute;
10073         right: 0;
10074         box-sizing: border-box;
10075 }
10076
10077 .mytheme .v-treegrid-horizontal-scrollbar-deco {
10078         position: absolute;
10079         bottom: 0;
10080         left: 0;
10081         right: 0;
10082         box-sizing: border-box;
10083 }
10084
10085 .mytheme .v-treegrid-header, .mytheme .v-treegrid-body, .mytheme .v-treegrid-footer {
10086         position: absolute;
10087         left: 0;
10088         width: inherit;
10089         z-index: 10;
10090 }
10091
10092 .mytheme .v-treegrid-header, .mytheme .v-treegrid-header-deco {
10093         top: 0;
10094 }
10095
10096 .mytheme .v-treegrid-footer, .mytheme .v-treegrid-footer-deco {
10097         bottom: 0;
10098 }
10099
10100 .mytheme .v-treegrid-body {
10101         -ms-touch-action: none;
10102         touch-action: none;
10103         z-index: 0;
10104         top: 0;
10105 }
10106
10107 .mytheme .v-treegrid-body .v-treegrid-row {
10108         position: absolute;
10109         top: 0;
10110         left: 0;
10111 }
10112
10113 .mytheme .v-treegrid-body .v-treegrid-header > .v-treegrid-row {
10114         position: relative;
10115 }
10116
10117 .mytheme .v-treegrid-row {
10118         display: block;
10119 }
10120
10121 .mytheme .v-treegrid-row  > td, .mytheme .v-treegrid-row  > th {
10122         background-color: white;
10123 }
10124
10125 .mytheme .v-treegrid-row {
10126         width: inherit;
10127 }
10128
10129 .mytheme .v-treegrid-cell {
10130         display: block;
10131         float: left;
10132         padding: 2px;
10133         white-space: nowrap;
10134         box-sizing: border-box;
10135         overflow: hidden;
10136         font-size: 16px;
10137 }
10138
10139 .mytheme .v-treegrid-cell.frozen {
10140         position: relative;
10141         z-index: 1;
10142 }
10143
10144 .mytheme .v-treegrid-spacer {
10145         position: absolute;
10146         display: block;
10147         background-color: white;
10148 }
10149
10150 .mytheme .v-treegrid-spacer  > td {
10151         width: 100%;
10152         height: 100%;
10153         box-sizing: border-box;
10154 }
10155
10156 .mytheme .v-treegrid {
10157         outline: none;
10158 }
10159
10160 .mytheme .v-treegrid-scroller-vertical, .mytheme .v-treegrid-scroller-horizontal {
10161         border: 1px solid #d4d4d4;
10162 }
10163
10164 .mytheme .v-treegrid-scroller-vertical {
10165         border-left: none;
10166 }
10167
10168 .mytheme .v-treegrid-scroller-horizontal {
10169         border-top: none;
10170 }
10171
10172 .mytheme .v-treegrid-tablewrapper {
10173         border: 1px solid #d4d4d4;
10174 }
10175
10176 .mytheme .v-treegrid .header-drag-table {
10177         border-spacing: 0;
10178         position: relative;
10179         table-layout: fixed;
10180         width: inherit;
10181 }
10182
10183 .mytheme .v-treegrid .header-drag-table .v-treegrid-header {
10184         position: absolute;
10185 }
10186
10187 .mytheme .v-treegrid .header-drag-table .v-treegrid-header  > .v-treegrid-cell {
10188         border: 1px solid #d4d4d4;
10189         margin-top: -10px;
10190         opacity: 0.9;
10191         filter: alpha(opacity=90);
10192         z-index: 30000;
10193 }
10194
10195 .mytheme .v-treegrid .header-drag-table .v-treegrid-header  > .v-treegrid-drop-marker {
10196         background-color: #197de1;
10197         position: absolute;
10198         width: 3px;
10199 }
10200
10201 .mytheme .v-treegrid-sidebar.v-contextmenu {
10202         -webkit-box-shadow: none;
10203         box-shadow: none;
10204         border-radius: 0;
10205         position: absolute;
10206         top: 0;
10207         right: 0;
10208         background-color: #fafafa;
10209         border: 1px solid #d4d4d4;
10210         padding: 0;
10211         z-index: 5;
10212 }
10213
10214 .mytheme .v-treegrid-sidebar.v-contextmenu.v-treegrid-sidebar-popup {
10215         right: auto;
10216 }
10217
10218 .mytheme .v-treegrid-sidebar.v-contextmenu .v-treegrid-sidebar-button {
10219         background: transparent;
10220         border: none;
10221         color: inherit;
10222         cursor: pointer;
10223         outline: none;
10224         padding: 0 4px;
10225         text-align: right;
10226         line-height: 1;
10227 }
10228
10229 .mytheme .v-treegrid-sidebar.v-contextmenu .v-treegrid-sidebar-button[disabled] {
10230         cursor: default;
10231 }
10232
10233 .mytheme .v-treegrid-sidebar.v-contextmenu .v-treegrid-sidebar-button::-moz-focus-inner {
10234         border: 0;
10235 }
10236
10237 .mytheme .v-treegrid-sidebar.v-contextmenu .v-treegrid-sidebar-button:after {
10238         content: "\f0c9";
10239         display: block;
10240         font-family: ThemeIcons, sans-serif;
10241         font-size: 14px;
10242 }
10243
10244 .mytheme .v-treegrid-sidebar.v-contextmenu.closed {
10245         border-radius: 0;
10246 }
10247
10248 .mytheme .v-treegrid-sidebar.v-contextmenu.open .v-treegrid-sidebar-button {
10249         width: 100%;
10250 }
10251
10252 .mytheme .v-treegrid-sidebar.v-contextmenu.open .v-treegrid-sidebar-button:after {
10253         content: "\f0c9";
10254         font-size: 14px;
10255         line-height: 1;
10256 }
10257
10258 .v-ie .mytheme .v-treegrid-sidebar.v-contextmenu.open .v-treegrid-sidebar-button {
10259         vertical-align: middle;
10260 }
10261
10262 .mytheme .v-treegrid-sidebar.v-contextmenu .v-treegrid-sidebar-content {
10263         padding: 4px 0;
10264         overflow-y: auto;
10265         overflow-x: hidden;
10266 }
10267
10268 .mytheme .v-treegrid-sidebar.v-contextmenu .v-treegrid-sidebar-content .gwt-MenuBar .gwt-MenuItem .column-hiding-toggle {
10269         text-shadow: none;
10270 }
10271
10272 .mytheme .v-treegrid-cell {
10273         background-color: white;
10274         padding: 0 18px;
10275         line-height: 37px;
10276         text-overflow: ellipsis;
10277 }
10278
10279 .mytheme .v-treegrid-cell  > * {
10280         line-height: 1.55;
10281         vertical-align: middle;
10282 }
10283
10284 .mytheme .v-treegrid-cell  > div {
10285         display: inline-block;
10286 }
10287
10288 .mytheme .v-treegrid-cell.frozen {
10289         -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
10290         box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
10291         border-right: 1px solid #d4d4d4;
10292         position: relative;
10293         z-index: 11;
10294 }
10295
10296 .mytheme .v-treegrid-cell.frozen  + th, .mytheme .v-treegrid-cell.frozen  + td {
10297         border-left: none;
10298 }
10299
10300 .mytheme .v-treegrid-cell div.component-wrap {
10301         width: 100%;
10302 }
10303
10304 .mytheme .v-treegrid-row > td, .mytheme .v-treegrid-editor-cells > div {
10305         border-left: 1px solid #d4d4d4;
10306         border-bottom: 1px solid #d4d4d4;
10307 }
10308
10309 .mytheme .v-treegrid-row > td:first-child, .mytheme .v-treegrid-editor-cells > div:first-child {
10310         border-left: none;
10311 }
10312
10313 .mytheme .v-treegrid-editor-cells.frozen > div {
10314         -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
10315         box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
10316         border-right: 1px solid #d4d4d4;
10317         border-left: none;
10318 }
10319
10320 .mytheme .v-treegrid-row-stripe > td {
10321         background-color: #f5f5f5;
10322 }
10323
10324 .mytheme .v-treegrid-row-selected > td {
10325         background: #197de1;
10326 }
10327
10328 .mytheme .v-treegrid-row-focused > td {
10329
10330 }
10331
10332 .mytheme .v-treegrid-header th {
10333         position: relative;
10334         background-color: #fafafa;
10335         font-size: 14px;
10336         font-weight: inherit;
10337         border-left: 1px solid #d4d4d4;
10338         border-bottom: 1px solid #d4d4d4;
10339
10340         text-align: left;
10341 }
10342
10343 .mytheme .v-treegrid-header th:first-child {
10344         border-left: none;
10345 }
10346
10347 .mytheme .v-treegrid-header .sort-asc, .mytheme .v-treegrid-header .sort-desc {
10348         padding-right: 35px;
10349 }
10350
10351 .mytheme .v-treegrid-header .sort-asc:after, .mytheme .v-treegrid-header .sort-desc:after {
10352         font-family: ThemeIcons, sans-serif;
10353         content: "\f0de" " " attr(sort-order);
10354         position: absolute;
10355         right: 18px;
10356         font-size: 12px;
10357 }
10358
10359 .mytheme .v-treegrid-header .sort-desc:after {
10360         content: "\f0dd" " " attr(sort-order);
10361 }
10362
10363 .mytheme .v-treegrid-column-resize-handle {
10364         position: absolute;
10365         width: 36px;
10366         right: -18px;
10367         top: 0px;
10368         bottom: 0px;
10369         cursor: col-resize;
10370         z-index: 10;
10371         -webkit-user-select: none;
10372         -khtml-user-select: none;
10373         -moz-user-select: none;
10374         -ms-user-select: none;
10375         user-select: none;
10376 }
10377
10378 .mytheme .v-treegrid-column-resize-simple-indicator {
10379         position: absolute;
10380         width: 3px;
10381         top: 0px;
10382         left: 18px;
10383         z-index: 9001;
10384         background: #fff;
10385         box-shadow: 0px 0px 5px #000;
10386         -webkit-user-select: none;
10387         -khtml-user-select: none;
10388         -moz-user-select: none;
10389         -ms-user-select: none;
10390         user-select: none;
10391 }
10392
10393 .mytheme .v-treegrid-footer td {
10394         background-color: #fafafa;
10395         font-size: 14px;
10396         font-weight: inherit;
10397         border-left: 1px solid #d4d4d4;
10398         border-top: 1px solid #d4d4d4;
10399         border-bottom: none;
10400
10401 }
10402
10403 .mytheme .v-treegrid-footer td:first-child {
10404         border-left: none;
10405 }
10406
10407 .mytheme .v-treegrid-header .v-treegrid-cell, .mytheme .v-treegrid-footer .v-treegrid-cell {
10408         overflow: visible;
10409 }
10410
10411 .mytheme .v-treegrid-column-header-content, .mytheme .v-treegrid-column-footer-content {
10412         width: 100%;
10413         overflow: hidden;
10414         text-overflow: ellipsis;
10415         line-height: 37px;
10416         vertical-align: baseline;
10417 }
10418
10419 .mytheme .v-treegrid-header-deco {
10420         border-top: 1px solid #d4d4d4;
10421         border-right: 1px solid #d4d4d4;
10422         background-color: #fafafa;
10423 }
10424
10425 .mytheme .v-treegrid-footer-deco {
10426         border-bottom: 1px solid #d4d4d4;
10427         border-right: 1px solid #d4d4d4;
10428         background-color: #fafafa;
10429 }
10430
10431 .mytheme .v-treegrid-horizontal-scrollbar-deco {
10432         background-color: #fafafa;
10433         border: 1px solid #d4d4d4;
10434         border-top: none;
10435 }
10436
10437 .mytheme .v-treegrid-cell-focused {
10438         position: relative;
10439 }
10440
10441 .mytheme .v-treegrid-cell-focused:before {
10442         content: "";
10443         position: absolute;
10444         top: 0;
10445         right: 0;
10446         bottom: 0;
10447         left: 0;
10448         border: 2px solid #197de1;
10449         display: none;
10450         pointer-events: none;
10451 }
10452
10453 .mytheme .v-treegrid:focus .v-treegrid-cell-focused:before {
10454         display: block;
10455 }
10456
10457 .mytheme .v-treegrid.v-disabled:focus .v-treegrid-cell-focused:before {
10458         display: none;
10459 }
10460
10461 .mytheme .v-treegrid-editor {
10462         position: absolute;
10463         z-index: 20;
10464         overflow: hidden;
10465         left: 0;
10466         right: 0;
10467         border: 1px solid #d4d4d4;
10468         box-sizing: border-box;
10469         -moz-box-sizing: border-box;
10470         margin-top: -1px;
10471         -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
10472         box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
10473 }
10474
10475 .mytheme .v-treegrid-editor.unbuffered .v-treegrid-editor-footer {
10476         width: 100%;
10477 }
10478
10479 .mytheme .v-treegrid-editor-cells {
10480         position: relative;
10481         white-space: nowrap;
10482 }
10483
10484 .mytheme .v-treegrid-editor-cells.frozen {
10485         z-index: 2;
10486 }
10487
10488 .mytheme .v-treegrid-editor-cells  > div {
10489         display: inline-block;
10490         box-sizing: border-box;
10491         vertical-align: middle;
10492         background: white;
10493 }
10494
10495 .mytheme .v-treegrid-editor-cells  > div:first-child {
10496         border-left: none;
10497 }
10498
10499 .mytheme .v-treegrid-editor-cells  > div  > * {
10500         vertical-align: middle;
10501         display: inline-block;
10502 }
10503
10504 .mytheme .v-treegrid-editor-cells  > div .v-filterselect {
10505         padding-left: 0;
10506 }
10507
10508 .mytheme .v-treegrid-editor-cells  > div input[type="text"], .mytheme .v-treegrid-editor-cells  > div input[type="text"].v-filterselect-input, .mytheme .v-treegrid-editor-cells  > div input[type="password"] {
10509         padding-left: 18px;
10510 }
10511
10512 .mytheme .v-treegrid-editor-cells  > div input[type="text"]:not(.v-filterselect-input), .mytheme .v-treegrid-editor-cells  > div input[type="password"] {
10513         padding-right: 9px;
10514 }
10515
10516 .mytheme .v-treegrid-editor-cells  > div input[type="checkbox"] {
10517         margin-left: 18px;
10518 }
10519
10520 .mytheme .v-treegrid-editor-cells  > div .v-textfield, .mytheme .v-treegrid-editor-cells  > div .v-datefield, .mytheme .v-treegrid-editor-cells  > div .v-filterselect {
10521         min-width: 100%;
10522         max-width: 100%;
10523         min-height: 100%;
10524         max-height: 100%;
10525 }
10526
10527 .mytheme .v-treegrid-editor-cells  > div .v-select, .mytheme .v-treegrid-editor-cells  > div .v-select-select {
10528         min-width: 100%;
10529         max-width: 100%;
10530 }
10531
10532 .mytheme .v-treegrid-editor-cells  > div.not-editable.v-treegrid-cell {
10533         float: none;
10534 }
10535
10536 .mytheme .v-treegrid-editor-cells .error::before {
10537         position: absolute;
10538         display: block;
10539         height: 0;
10540         width: 0;
10541         content: "";
10542         border-top: 5px solid red;
10543         border-right: 5px solid transparent;
10544 }
10545
10546 .mytheme .v-treegrid-editor-cells .error, .mytheme .v-treegrid-editor-cells .error > input {
10547         background-color: #fee;
10548 }
10549
10550 .mytheme .v-treegrid-editor-footer {
10551         display: table;
10552         height: 37px;
10553         border-top: 1px solid #d4d4d4;
10554         margin-top: -1px;
10555         background: white;
10556         padding: 0 5px;
10557 }
10558
10559 .mytheme .v-treegrid-editor-footer  + .v-treegrid-editor-cells > div {
10560         border-bottom: none;
10561         border-top: 1px solid #d4d4d4;
10562 }
10563
10564 .mytheme .v-treegrid-editor-footer:first-child {
10565         border-top: none;
10566         margin-top: 0;
10567         border-bottom: 1px solid #d4d4d4;
10568         margin-bottom: -1px;
10569 }
10570
10571 .mytheme .v-treegrid-editor-message, .mytheme .v-treegrid-editor-buttons {
10572         display: table-cell;
10573         white-space: nowrap;
10574         vertical-align: middle;
10575 }
10576
10577 .mytheme .v-treegrid-editor-message {
10578         width: 100%;
10579         position: relative;
10580 }
10581
10582 .mytheme .v-treegrid-editor-message  > div {
10583         position: absolute;
10584         width: 100%;
10585         overflow: hidden;
10586         text-overflow: ellipsis;
10587         line-height: 37px;
10588         top: 0;
10589 }
10590
10591 .mytheme .v-treegrid-editor-save {
10592         margin-right: 4px;
10593 }
10594
10595 .mytheme .v-treegrid-spacer {
10596         padding-left: 1px;
10597 }
10598
10599 .mytheme .v-treegrid-spacer > td {
10600         display: block;
10601         padding: 0;
10602         background-color: white;
10603         border-top: 1px solid #eeeeee;
10604         border-bottom: 1px solid #d4d4d4;
10605 }
10606
10607 .mytheme .v-treegrid-spacer.stripe > td {
10608         background-color: #f5f5f5;
10609         border-top: 1px solid #e5e5e5;
10610         border-bottom: 1px solid #d4d4d4;
10611 }
10612
10613 .mytheme .v-treegrid-spacer-deco-container {
10614         border-top: 1px solid transparent;
10615         position: relative;
10616         top: 0;
10617         z-index: 5;
10618 }
10619
10620 .mytheme .v-treegrid-spacer-deco {
10621         top: 0;
10622         left: 0;
10623         width: 2px;
10624         background-color: #197de1;
10625         position: absolute;
10626         height: 100%;
10627         pointer-events: none;
10628 }
10629
10630 .mytheme .v-treegrid-cell > .v-progressbar {
10631         width: 100%;
10632 }
10633
10634 .mytheme .v-treegrid {
10635         -webkit-user-select: text;
10636         -moz-user-select: text;
10637         -ms-user-select: text;
10638         user-select: text;
10639         background-color: #fafafa;
10640 }
10641
10642 .mytheme .v-treegrid.v-disabled {
10643         opacity: 0.5;
10644         filter: alpha(opacity=50) ;
10645 }
10646
10647 .mytheme .v-treegrid-header .v-treegrid-cell {
10648         background-color: #fafafa;
10649         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
10650         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
10651         text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
10652 }
10653
10654 .mytheme .v-treegrid-header .v-treegrid-cell.dragged {
10655         opacity: 0.5;
10656         filter: alpha(opacity=50) ;
10657         -webkit-transition: opacity 0.3s ease-in-out;
10658         -moz-transition: opacity 0.3s ease-in-out;
10659         transition: opacity 0.3s ease-in-out;
10660 }
10661
10662 .mytheme .v-treegrid-header .v-treegrid-cell.dragged-column-header {
10663         margin-top: -19px;
10664 }
10665
10666 .mytheme .v-treegrid-footer .v-treegrid-cell {
10667         background-color: #fafafa;
10668         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
10669         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
10670         text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
10671 }
10672
10673 .mytheme .v-treegrid-header-deco {
10674         background-color: #fafafa;
10675         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
10676         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
10677 }
10678
10679 .mytheme .v-treegrid-footer-deco, .mytheme .v-treegrid-horizontal-scrollbar-deco {
10680         background-color: #fafafa;
10681         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
10682         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
10683 }
10684
10685 .mytheme .v-treegrid-row-selected  > .v-treegrid-cell {
10686         background-color: #197de1;
10687         background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
10688         background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
10689         color: #c8dbed;
10690         text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
10691         border-color: #1d69b4;
10692 }
10693
10694 .mytheme .v-treegrid-row-selected  > .v-treegrid-cell-focused:before {
10695         border-color: #71b0ef;
10696 }
10697
10698 .mytheme .v-treegrid-editor {
10699         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
10700         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
10701         border-color: #197de1;
10702 }
10703
10704 .mytheme .v-treegrid-editor-footer {
10705         font-size: 14px;
10706         padding: 0 6px;
10707         background: #fafafa;
10708         -webkit-animation: valo-grid-editor-footer-animate-in 200ms 120ms backwards;
10709         -moz-animation: valo-grid-editor-footer-animate-in 200ms 120ms backwards;
10710         animation: valo-grid-editor-footer-animate-in 200ms 120ms backwards;
10711 }
10712
10713 .mytheme .v-treegrid-editor-footer:first-child {
10714         -webkit-animation: valo-grid-editor-footer-animate-in-alt 200ms 120ms backwards;
10715         -moz-animation: valo-grid-editor-footer-animate-in-alt 200ms 120ms backwards;
10716         animation: valo-grid-editor-footer-animate-in-alt 200ms 120ms backwards;
10717 }
10718
10719 .mytheme .v-treegrid-editor-cells {
10720         z-index: 1;
10721 }
10722
10723 .mytheme .v-treegrid-editor-cells > div:before {
10724         content: "";
10725         display: inline-block;
10726         height: 100%;
10727         vertical-align: middle;
10728 }
10729
10730 .mytheme .v-treegrid-editor-cells > div.not-editable.v-treegrid-cell {
10731         float: none;
10732 }
10733
10734 .mytheme .v-treegrid-editor-cells > div .error::before {
10735         border-top: 9px solid #ed473b;
10736         border-right: 9px solid transparent;
10737 }
10738
10739 .mytheme .v-treegrid-editor-cells > div .error, .mytheme .v-treegrid-editor-cells > div .error > input {
10740         background-color: #fffbfb;
10741 }
10742
10743 .mytheme .v-treegrid-editor-cells > div .v-textfield, .mytheme .v-treegrid-editor-cells > div .v-textfield-focus, .mytheme .v-treegrid-editor-cells > div .v-datefield, .mytheme .v-treegrid-editor-cells > div .v-datefield .v-textfield-focus, .mytheme .v-treegrid-editor-cells > div .v-filterselect-input, .mytheme .v-treegrid-editor-cells > div .v-filterselect-input:focus {
10744         border: none;
10745         border-radius: 0;
10746         background: transparent;
10747         -webkit-box-shadow: inset 0 1px 0 #f2f2f2;
10748         box-shadow: inset 0 1px 0 #f2f2f2;
10749 }
10750
10751 .mytheme .v-treegrid-editor-cells > div input[type="text"].v-datefield-textfield {
10752         padding-left: 44.4px;
10753 }
10754
10755 .mytheme .v-treegrid-editor-cells > div .v-textfield-focus, .mytheme .v-treegrid-editor-cells > div .v-datefield .v-textfield-focus, .mytheme .v-treegrid-editor-cells > div .v-filterselect-input:focus {
10756         position: relative;
10757 }
10758
10759 .mytheme .v-treegrid-editor-cells > div .v-select {
10760         padding-left: 9px;
10761         padding-right: 9px;
10762 }
10763
10764 .mytheme .v-treegrid-editor-cells > div .v-checkbox {
10765         margin: 0 9px 0 18px;
10766 }
10767
10768 .mytheme .v-treegrid-editor-cells > div .v-checkbox  > input[type="checkbox"] {
10769         margin-left: 0;
10770 }
10771
10772 .mytheme .v-treegrid-editor-cells > div .v-checkbox  > label {
10773         white-space: nowrap;
10774 }
10775
10776 .mytheme .v-treegrid-editor-message > div:before {
10777         display: inline-block;
10778         color: #ed473b;
10779         font-weight: 600;
10780         width: 19px;
10781         text-align: center;
10782         content: "!";
10783 }
10784
10785 .mytheme .v-treegrid-editor-save, .mytheme .v-treegrid-editor-cancel {
10786         cursor: pointer;
10787         color: #197de1;
10788         text-decoration: underline;
10789         font-weight: inherit;
10790         -webkit-transition: color 140ms;
10791         -moz-transition: color 140ms;
10792         transition: color 140ms;
10793         font-weight: 400;
10794         text-decoration: none;
10795         border: none;
10796         background: transparent;
10797         padding: 6px 6px;
10798         margin: 0;
10799         outline: none;
10800 }
10801
10802 .mytheme .v-treegrid-editor-save:hover, .mytheme .v-treegrid-editor-cancel:hover {
10803         color: #4396ea;
10804 }
10805
10806 .mytheme .v-treegrid-editor-save.v-disabled, .mytheme .v-treegrid-editor-cancel.v-disabled {
10807         opacity: 0.5;
10808         filter: alpha(opacity=50) ;
10809 }
10810
10811 .mytheme .v-treegrid-spacer {
10812         margin-top: -1px;
10813 }
10814
10815 .mytheme .v-treegrid-sidebar.v-contextmenu.open .v-treegrid-sidebar-content {
10816         margin: 0 0 2px;
10817         padding: 4px 4px 2px;
10818         overflow-y: auto;
10819         overflow-x: hidden;
10820 }
10821
10822 .mytheme .v-treegrid-sidebar.v-contextmenu.closed {
10823         background-color: #fafafa;
10824         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
10825         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
10826 }
10827
10828 .mytheme .v-treegrid-scroller::-webkit-scrollbar {
10829         border: none;
10830 }
10831
10832 .mytheme .v-treegrid-scroller::-webkit-scrollbar-thumb {
10833         border-radius: 10px;
10834         border: 4px solid transparent;
10835         background: rgba(0, 0, 0, 0.3);
10836         -webkit-background-clip: content-box;
10837         background-clip: content-box;
10838 }
10839
10840 .mytheme .v-treegrid-scroller-vertical::-webkit-scrollbar-thumb {
10841         min-height: 30px;
10842 }
10843
10844 .mytheme .v-treegrid-scroller-horizontal::-webkit-scrollbar-thumb {
10845         min-width: 30px;
10846 }
10847
10848 .mytheme .v-treegrid-row-drag-badge {
10849         background-color: red;
10850         color: white;
10851         display: block;
10852         width: 30px;
10853         height: 30px;
10854         border-radius: 10px;
10855         line-height: 30px;
10856         text-align: center;
10857         float: left;
10858 }
10859
10860 .mytheme .v-treegrid-row-drag-top, .mytheme .v-treegrid-row-drag-bottom {
10861         z-index: 100;
10862 }
10863
10864 .mytheme .v-treegrid-row-drag-top:before, .mytheme .v-treegrid-row-drag-bottom:after {
10865         content: "";
10866         display: block;
10867         position: absolute;
10868         height: 2px;
10869         width: 100%;
10870         background: #197de1;
10871         pointer-events: none;
10872         border: none;
10873 }
10874
10875 .mytheme .v-treegrid-row-drag-bottom:after {
10876         bottom: -1px;
10877 }
10878
10879 .mytheme .v-treegrid-row-drag-top:before {
10880         top: -1px;
10881 }
10882
10883 .mytheme .v-treegrid-row-drag-top:first-child:before {
10884         top: 0;
10885 }
10886
10887 .mytheme .v-treegrid-row-drag-center:after {
10888         content: "";
10889         position: absolute;
10890         top: 0;
10891         left: 0;
10892         bottom: 0;
10893         right: 2px;
10894         border: 2px solid #197de1;
10895         pointer-events: none;
10896 }
10897
10898 .mytheme .v-treegrid-row-selected.v-treegrid-row-drag-center:after {
10899         border-color: #1463b3;
10900 }
10901
10902 .mytheme .v-treegrid-row-selected.v-treegrid-row-drag-top:before, .mytheme .v-treegrid-row-selected.v-treegrid-row-drag-bottom:after {
10903         background: #1463b3;
10904 }
10905
10906 .mytheme .v-treegrid-body-drag-top:after {
10907         content: "";
10908         position: absolute;
10909         top: 0;
10910         right: 0;
10911         bottom: 0;
10912         left: 0;
10913         pointer-events: none;
10914         border: 2px solid #197de1;
10915         z-index: 100;
10916 }
10917
10918 .mytheme .v-treegrid-expander {
10919         display: inline-block;
10920         vertical-align: top;
10921 }
10922
10923 .mytheme .v-treegrid-expander::before {
10924         display: inline-block;
10925         width: 1.5em;
10926         text-align: center;
10927         content: "";
10928 }
10929
10930 .mytheme .v-treegrid-expander.expanded::before {
10931         content: "\f0d7";
10932         font-family: ThemeIcons;
10933 }
10934
10935 .mytheme .v-treegrid-expander.collapsed::before {
10936         content: "\f0da";
10937         font-family: ThemeIcons;
10938 }
10939
10940 .mytheme .v-treegrid-expander.collapse-disabled::before {
10941         opacity: 0.5;
10942         filter: alpha(opacity=50) ;
10943         cursor: default;
10944 }
10945
10946 .mytheme .v-treegrid-node.depth-0 {
10947         padding-left: 0em;
10948 }
10949
10950 .mytheme .v-treegrid-node.depth-1 {
10951         padding-left: 1em;
10952 }
10953
10954 .mytheme .v-treegrid-node.depth-2 {
10955         padding-left: 2em;
10956 }
10957
10958 .mytheme .v-treegrid-node.depth-3 {
10959         padding-left: 3em;
10960 }
10961
10962 .mytheme .v-treegrid-node.depth-4 {
10963         padding-left: 4em;
10964 }
10965
10966 .mytheme .v-treegrid-node.depth-5 {
10967         padding-left: 5em;
10968 }
10969
10970 .mytheme .v-treegrid-node.depth-6 {
10971         padding-left: 6em;
10972 }
10973
10974 .mytheme .v-treegrid-node.depth-7 {
10975         padding-left: 7em;
10976 }
10977
10978 .mytheme .v-treegrid-node.depth-8 {
10979         padding-left: 8em;
10980 }
10981
10982 .mytheme .v-treegrid-node.depth-9 {
10983         padding-left: 9em;
10984 }
10985
10986 .mytheme .v-treegrid-node.depth-10 {
10987         padding-left: 10em;
10988 }
10989
10990 .mytheme .v-treegrid-node.depth-11 {
10991         padding-left: 11em;
10992 }
10993
10994 .mytheme .v-treegrid-node.depth-12 {
10995         padding-left: 12em;
10996 }
10997
10998 .mytheme .v-treegrid-node.depth-13 {
10999         padding-left: 13em;
11000 }
11001
11002 .mytheme .v-treegrid-node.depth-14 {
11003         padding-left: 14em;
11004 }
11005
11006 .mytheme .v-treegrid-node.depth-15 {
11007         padding-left: 15em;
11008 }
11009
11010 .mytheme .v-treegrid-cell-content {
11011         display: inline-block;
11012         vertical-align: middle;
11013 }
11014
11015 .mytheme .v-treegrid-row-focused::before {
11016         content: "";
11017         position: absolute;
11018         top: 0;
11019         right: 0;
11020         bottom: 0;
11021         left: 0;
11022         border: 2px solid #197de1;
11023         display: none;
11024         pointer-events: none;
11025 }
11026
11027 .mytheme .v-treegrid-cell-focused {
11028         position: static;
11029 }
11030
11031 .mytheme .v-treegrid-cell-focused::before {
11032         display: none;
11033 }
11034
11035 .mytheme .v-treegrid:focus .v-treegrid-row-focused::before {
11036         display: block;
11037 }
11038
11039 .mytheme .v-treegrid.v-disabled:focus .v-treegrid-row-focused::before {
11040         display: none;
11041 }
11042
11043 .mytheme .v-treegrid:focus .v-treegrid-cell-focused::before {
11044         display: none;
11045 }
11046
11047 .mytheme .v-table {
11048         position: relative;
11049         background: #fafafa;
11050         color: #464646;
11051         overflow: hidden;
11052 }
11053
11054 .mytheme .v-table-header table, .mytheme .v-table-footer table, .mytheme .v-table-table {
11055         -webkit-box-shadow: 0 0 0 1px #d4d4d4;
11056         box-shadow: 0 0 0 1px #d4d4d4;
11057 }
11058
11059 .mytheme .v-table-header-wrap, .mytheme .v-table-footer-wrap, .mytheme .v-table-header-drag {
11060         border: 1px solid #d4d4d4;
11061         background-color: #fafafa;
11062         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
11063         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
11064         white-space: nowrap;
11065         font-size: 14px;
11066         text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
11067 }
11068
11069 .mytheme .v-table-header-wrap {
11070         position: relative;
11071         border-bottom: none;
11072 }
11073
11074 .mytheme .v-table-footer-wrap {
11075         border-top: none;
11076 }
11077
11078 .mytheme .v-table-footer td {
11079         border-left: 1px solid #d4d4d4;
11080 }
11081
11082 .mytheme .v-table-footer-container, .mytheme .v-table-caption-container {
11083         overflow: hidden;
11084         line-height: 1;
11085         min-height: 37px;
11086         box-sizing: border-box;
11087 }
11088
11089 .mytheme .v-table-footer-container {
11090         padding: 11px 12px 12px;
11091         float: right;
11092 }
11093
11094 .mytheme [class^="v-table-header-cell"] {
11095         position: relative;
11096 }
11097
11098 .mytheme .v-table-caption-container, .mytheme .v-table-header-drag {
11099         padding: 12px 12px 11px;
11100         border-left: 1px solid #d4d4d4;
11101 }
11102
11103 .mytheme .v-table-caption-container-align-right {
11104         padding-right: 4px;
11105 }
11106
11107 .mytheme .v-table-resizer {
11108         height: 37px;
11109         width: 8px;
11110         cursor: e-resize;
11111         cursor: col-resize;
11112         position: relative;
11113         right: -4px;
11114         z-index: 1;
11115         margin-left: -8px;
11116 }
11117
11118 .mytheme .v-table-cell-content {
11119         border-left: 1px solid #d4d4d4;
11120         overflow: hidden;
11121         height: 37px;
11122         vertical-align: middle;
11123 }
11124
11125 .mytheme .v-table-cell-content:first-child {
11126         border-left: none;
11127         padding-left: 1px;
11128 }
11129
11130 .mytheme .v-table-header td:first-child .v-table-caption-container, .mytheme .v-table-footer td:first-child {
11131         border-left-color: transparent;
11132 }
11133
11134 .mytheme .v-table-cell-wrapper {
11135         line-height: 1;
11136         padding: 0 12px;
11137         box-sizing: border-box;
11138         margin-right: 0 !important;
11139 }
11140
11141 .mytheme .v-table-cell-wrapper  > .v-widget {
11142         margin: 3px -6px;
11143 }
11144
11145 .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 {
11146         margin: 0;
11147 }
11148
11149 .mytheme .v-table-cell-wrapper  > .v-widget.v-progressbar {
11150         margin-left: 0;
11151         margin-right: 0;
11152 }
11153
11154 .mytheme .v-table-body {
11155         border: 1px solid #d4d4d4;
11156         -webkit-user-select: text;
11157         -moz-user-select: text;
11158         -ms-user-select: text;
11159         user-select: text;
11160 }
11161
11162 .mytheme .v-table-table {
11163         background-color: white;
11164         white-space: nowrap;
11165 }
11166
11167 .mytheme .v-table-table td {
11168         border-top: 1px solid #d4d4d4;
11169 }
11170
11171 .mytheme .v-table-table tr:first-child > td {
11172         border-top: none;
11173 }
11174
11175 .mytheme .v-table-row {
11176         background-color: white;
11177         cursor: pointer;
11178 }
11179
11180 .mytheme .v-table-row-odd {
11181         background-color: #f5f5f5;
11182         cursor: pointer;
11183 }
11184
11185 .mytheme .v-table-body-noselection .v-table-row, .mytheme .v-table-body-noselection .v-table-row-odd {
11186         cursor: default;
11187 }
11188
11189 .mytheme .v-table [class*="-row"].v-selected {
11190         background-color: #197de1;
11191         background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
11192         background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
11193         background-origin: border-box;
11194         color: #ecf2f8;
11195         text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
11196 }
11197
11198 .mytheme .v-table [class*="-row"].v-selected  + .v-selected {
11199         background: #166ed5;
11200 }
11201
11202 .mytheme .v-table [class*="-row"].v-selected  + .v-selected td {
11203         border-top-color: #166ed5;
11204 }
11205
11206 .mytheme .v-table [class*="-row"].v-selected .v-table-cell-content {
11207         border-color: transparent;
11208         border-left-color: #1d69b4;
11209 }
11210
11211 .mytheme .v-table [class*="-row"].v-selected .v-table-cell-content:first-child {
11212         border-left-color: transparent;
11213 }
11214
11215 .mytheme .v-table-header-cell-asc .v-table-sort-indicator, .mytheme .v-table-header-cell-desc .v-table-sort-indicator {
11216         background: transparent;
11217         width: 19px;
11218         height: 37px;
11219         line-height: 37px;
11220         margin-left: -19px;
11221 }
11222
11223 .mytheme .v-table-header-cell-asc .v-table-sort-indicator:before, .mytheme .v-table-header-cell-desc .v-table-sort-indicator:before {
11224         font-style: normal;
11225         font-weight: normal;
11226         display: inline-block;
11227 }
11228
11229 .mytheme .v-table-header-cell-asc .v-table-sort-indicator:before {
11230         content: "\f0de";
11231         font-family: ThemeIcons;
11232 }
11233
11234 .mytheme .v-table-header-cell-desc .v-table-sort-indicator:before {
11235         content: "\f0dd";
11236         font-family: ThemeIcons;
11237 }
11238
11239 .mytheme [class*="rowheader"] span.v-icon {
11240         min-width: 1em;
11241 }
11242
11243 .mytheme .v-table-focus {
11244         outline: 1px solid #197de1;
11245         outline-offset: -1px;
11246 }
11247
11248 .mytheme .v-drag-element.v-table-focus, .mytheme .v-drag-element .v-table-focus {
11249         outline: none;
11250 }
11251
11252 .mytheme .v-table-header-drag {
11253         position: absolute;
11254         opacity: 0.9;
11255         filter: alpha(opacity=90) ;
11256         margin-top: -19px;
11257         z-index: 30000;
11258         line-height: 1;
11259 }
11260
11261 .mytheme .v-table-focus-slot-right {
11262         border-right: 3px solid #197de1;
11263         right: -2px;
11264         margin-left: -11px !important;
11265 }
11266
11267 .mytheme .v-table-focus-slot-left {
11268         float: left;
11269         border-left: 3px solid #197de1;
11270         left: -1px;
11271         right: auto;
11272         margin-left: 0 !important;
11273         margin-right: -11px;
11274 }
11275
11276 .mytheme .v-table-column-selector {
11277         height: 37px;
11278         padding: 0 16px;
11279         color: #191919;
11280         font-weight: 400;
11281
11282
11283         border-radius: 4px;
11284         border: 1px solid #c5c5c5;
11285         border-top-color: #c5c5c5;
11286         border-bottom-color: #bcbcbc;
11287         background-color: #fafafa;
11288         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
11289         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
11290         -webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7;
11291         box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7;
11292         text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
11293         position: absolute;
11294         z-index: 2;
11295         top: 0;
11296         right: 0;
11297         width: 19px;
11298         height: 19px;
11299         line-height: 19px;
11300         padding: 0;
11301         border-top-width: 0;
11302         border-right-width: 0;
11303         border-radius: 0 0 0 4px;
11304         cursor: pointer;
11305         text-align: center;
11306         opacity: 0;
11307         filter: alpha(opacity=0) ;
11308         -webkit-transition: opacity 200ms 2s;
11309         -moz-transition: opacity 200ms 2s;
11310         transition: opacity 200ms 2s;
11311 }
11312
11313 .mytheme .v-table-column-selector:after {
11314         border: inherit;
11315         top: -1px;
11316         right: -1px;
11317         bottom: -1px;
11318         left: -1px;
11319 }
11320
11321 .mytheme .v-table-column-selector:hover:after {
11322         background-color: rgba(186, 186, 186, 0.1);
11323 }
11324
11325 .mytheme .v-table-column-selector:focus:after {
11326         border-color: #197de1;
11327         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
11328         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
11329 }
11330
11331 .mytheme .v-table-column-selector:active:after {
11332         background-color: rgba(125, 125, 125, 0.2);
11333 }
11334
11335 .mytheme .v-table-column-selector:after {
11336         content: "";
11337         position: absolute;
11338         border: none;
11339         top: 0;
11340         right: 0;
11341         bottom: 0;
11342         left: 0;
11343 }
11344
11345 .mytheme .v-table-column-selector:active:after {
11346         background-color: rgba(125, 125, 125, 0.2);
11347 }
11348
11349 .mytheme .v-table-column-selector:before {
11350         font-family: ThemeIcons;
11351         content: "\f013";
11352 }
11353
11354 .mytheme .v-table-header-wrap:hover .v-table-column-selector {
11355         opacity: 1;
11356         filter: none ;
11357         -webkit-transition-delay: 200ms;
11358         -moz-transition-delay: 200ms;
11359         transition-delay: 200ms;
11360 }
11361
11362 .mytheme .v-on:before, .mytheme .v-off:before {
11363         content: "\f00c";
11364         font-family: ThemeIcons;
11365         font-size: 0.9em;
11366         margin-right: 6px;
11367 }
11368
11369 .mytheme .v-on div, .mytheme .v-off div {
11370         display: inline;
11371 }
11372
11373 .mytheme .v-on.v-disabled, .mytheme .v-off.v-disabled {
11374         opacity: 0.5;
11375         filter: alpha(opacity=50) ;
11376 }
11377
11378 .mytheme .v-off:before {
11379         visibility: hidden;
11380 }
11381
11382 .mytheme tbody.v-drag-element {
11383         display: block;
11384         overflow: visible;
11385         -webkit-box-shadow: none;
11386         box-shadow: none;
11387         background: transparent;
11388         opacity: 1;
11389         filter: none ;
11390 }
11391
11392 .mytheme tbody.v-drag-element tr {
11393         display: block;
11394
11395
11396         -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
11397         box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
11398         border-radius: 4px;
11399         overflow: hidden;
11400         opacity: 0.5;
11401         filter: alpha(opacity=50) ;
11402         background: white;
11403 }
11404
11405 .mytheme .v-table-body {
11406         position: relative;
11407         z-index: 1;
11408 }
11409
11410 .mytheme .v-table-scrollposition {
11411         position: absolute;
11412         top: 50%;
11413         width: 100%;
11414         height: 37px;
11415         line-height: 37px;
11416         margin: -19px 0 0 !important;
11417         text-align: center;
11418 }
11419
11420 .mytheme .v-table-drag {
11421         overflow: visible;
11422 }
11423
11424 .mytheme .v-table-drag .v-table-body {
11425         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
11426         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
11427         border-color: #197de1;
11428 }
11429
11430 .mytheme .v-table-drag .v-table-body .v-table-focus {
11431         outline: none;
11432 }
11433
11434 .mytheme .v-table-row-drag-middle .v-table-cell-content {
11435         background-color: #d1e5f9;
11436         color: #214060;
11437 }
11438
11439 .mytheme .v-table-row-drag-bottom td.v-table-cell-content {
11440         border-bottom: 2px solid #197de1;
11441         height: 35px;
11442 }
11443
11444 .mytheme .v-table-row-drag-bottom .v-table-cell-wrapper {
11445         margin-bottom: -2px;
11446 }
11447
11448 .mytheme .v-table-row-drag-top td.v-table-cell-content {
11449         border-top: 2px solid #197de1;
11450         height: 36px;
11451 }
11452
11453 .mytheme .v-table-row-drag-top .v-table-cell-wrapper {
11454         margin-top: -1px;
11455 }
11456
11457 .mytheme .v-table-no-stripes .v-table-row, .mytheme .v-table-no-stripes .v-table-row-odd {
11458         background: transparent;
11459 }
11460
11461 .mytheme .v-table-no-vertical-lines .v-table-cell-content {
11462         border-left: none;
11463         padding-left: 1px;
11464 }
11465
11466 .mytheme .v-table-no-vertical-lines.v-treetable .v-table-cell-content {
11467         padding-left: 13px;
11468 }
11469
11470 .mytheme .v-table-no-horizontal-lines .v-table-cell-content {
11471         border-top: none;
11472         border-bottom: none;
11473 }
11474
11475 .mytheme .v-table-no-horizontal-lines .v-table-row-drag-top .v-table-cell-content, .mytheme .v-table-no-horizontal-lines .v-table-row-drag-bottom .v-table-cell-content {
11476         height: 36px;
11477 }
11478
11479 .mytheme .v-table-no-header .v-table-header-wrap {
11480         display: none;
11481 }
11482
11483 .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 {
11484         border: none;
11485 }
11486
11487 .mytheme .v-table-borderless .v-table-header-wrap {
11488         border-bottom: 1px solid #d9d9d9;
11489 }
11490
11491 .mytheme .v-table-borderless .v-table-footer-wrap {
11492         border-top: 1px solid #d9d9d9;
11493 }
11494
11495 .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 {
11496         font-size: 14px;
11497 }
11498
11499 .mytheme .v-table-compact .v-table-footer-container, .mytheme .v-table-small .v-table-footer-container {
11500         padding: 8px 7px 9px;
11501 }
11502
11503 .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 {
11504         padding-top: 9px;
11505         padding-bottom: 8px;
11506         padding-left: 6px;
11507         padding-right: 6px;
11508 }
11509
11510 .mytheme .v-table-compact .v-table-caption-container-align-right, .mytheme .v-table-small .v-table-caption-container-align-right {
11511         padding-right: 0;
11512 }
11513
11514 .mytheme .v-table-compact .v-table-resizer, .mytheme .v-table-small .v-table-resizer {
11515         height: 31px;
11516 }
11517
11518 .mytheme .v-table-compact .v-table-cell-content, .mytheme .v-table-small .v-table-cell-content {
11519         height: 31px;
11520 }
11521
11522 .mytheme .v-table-compact .v-table-cell-wrapper, .mytheme .v-table-small .v-table-cell-wrapper {
11523         padding-left: 6px;
11524         padding-right: 6px;
11525 }
11526
11527 .mytheme .v-table-compact .v-table-cell-wrapper  > .v-widget, .mytheme .v-table-small .v-table-cell-wrapper  > .v-widget {
11528         margin: 2px -3px;
11529 }
11530
11531 .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 {
11532         margin: 0;
11533 }
11534
11535 .mytheme .v-table-compact .v-table-cell-wrapper  > .v-widget.v-progressbar, .mytheme .v-table-small .v-table-cell-wrapper  > .v-widget.v-progressbar {
11536         margin-left: 0;
11537         margin-right: 0;
11538 }
11539
11540 .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 {
11541         height: 31px;
11542         line-height: 31px;
11543 }
11544
11545 .mytheme .v-table-compact .v-table-header-drag, .mytheme .v-table-small .v-table-header-drag {
11546         margin-top: -16px;
11547 }
11548
11549 .mytheme .v-table-compact.v-treetable .v-table-cell-wrapper, .mytheme .v-table-small.v-treetable .v-table-cell-wrapper {
11550         padding-left: 0;
11551         padding-right: 0;
11552         min-height: 16px;
11553 }
11554
11555 .mytheme .v-table-compact.v-treetable .v-table-cell-content, .mytheme .v-table-small.v-treetable .v-table-cell-content {
11556         padding-left: 6px;
11557         padding-right: 6px;
11558 }
11559
11560 .mytheme .v-table-compact.v-treetable .v-table-cell-content:first-child, .mytheme .v-table-small.v-treetable .v-table-cell-content:first-child {
11561         padding-left: 7px;
11562 }
11563
11564 .mytheme .v-table-compact.v-treetable .v-table-footer-container, .mytheme .v-table-small.v-treetable .v-table-footer-container {
11565         padding-left: 6px;
11566         padding-right: 6px;
11567 }
11568
11569 .mytheme .v-table-compact .v-table-row-drag-top .v-table-cell-content, .mytheme .v-table-compact .v-table-row-drag-bottom .v-table-cell-content, .mytheme .v-table-small .v-table-row-drag-top .v-table-cell-content, .mytheme .v-table-small .v-table-row-drag-bottom .v-table-cell-content {
11570         height: 30px;
11571 }
11572
11573 .mytheme .v-table-small {
11574         font-size: 14px;
11575 }
11576
11577 .mytheme .v-table-small.v-treetable .v-table-cell-wrapper {
11578         min-height: 14px;
11579 }
11580
11581 .mytheme .v-treetable [class*="caption-container"], .mytheme .v-treetable [class*="footer-container"], .mytheme .v-treetable [class*="cell-wrapper"] {
11582         box-sizing: content-box;
11583         padding-left: 0;
11584         padding-right: 0;
11585 }
11586
11587 .mytheme .v-treetable [class*="caption-container"], .mytheme .v-treetable [class*="footer-container"] {
11588         min-height: 14px;
11589 }
11590
11591 .mytheme .v-treetable [class*="cell-wrapper"] {
11592         min-height: 16px;
11593 }
11594
11595 .mytheme .v-treetable [class*="caption-container"] {
11596         padding-left: 12px;
11597 }
11598
11599 .mytheme .v-treetable [class*="caption-container-align-right"] {
11600         padding-left: 20px;
11601 }
11602
11603 .mytheme .v-treetable [class*="footer-container"] {
11604         padding-right: 12px;
11605 }
11606
11607 .mytheme .v-treetable [class*="cell-content"] {
11608         padding-left: 12px;
11609         padding-right: 12px;
11610 }
11611
11612 .mytheme .v-treetable [class*="cell-content"]:first-child {
11613         padding-left: 13px;
11614 }
11615
11616 .mytheme .v-treetable-treespacer {
11617         display: inline-block;
11618         position: absolute;
11619         width: 19px !important;
11620         margin-left: -25px;
11621         text-align: center;
11622         cursor: pointer;
11623 }
11624
11625 .mytheme .v-treetable-node-closed:before {
11626         content: "\f0da";
11627         font-family: ThemeIcons;
11628 }
11629
11630 .mytheme .v-treetable-node-open:before {
11631         content: "\f0d7";
11632         font-family: ThemeIcons;
11633 }
11634
11635 .mytheme .v-splitpanel-horizontal  > div > .v-splitpanel-hsplitter {
11636         width: 1px;
11637 }
11638
11639 .mytheme .v-splitpanel-horizontal  > div > .v-splitpanel-hsplitter:after {
11640         left: -6px;
11641         right: -6px;
11642 }
11643
11644 .mytheme .v-splitpanel-horizontal  > div > .v-splitpanel-hsplitter div:before {
11645         height: 37px;
11646         padding: 0 16px;
11647         color: #191919;
11648         font-weight: 400;
11649
11650
11651         border-radius: 4px;
11652         border: 1px solid #c5c5c5;
11653         border-top-color: #c5c5c5;
11654         border-bottom-color: #bcbcbc;
11655         background-color: #fafafa;
11656         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
11657         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
11658         -webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, none;
11659         box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, none;
11660         text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
11661         height: auto;
11662         padding: 0;
11663         border-radius: 0;
11664         background-color: #fafafa;
11665         background-image: -webkit-linear-gradient(left, #fafafa 2%, #efefef 98%);
11666         background-image: linear-gradient(to right,#fafafa 2%, #efefef 98%);
11667 }
11668
11669 .mytheme .v-splitpanel-horizontal  > div > .v-splitpanel-hsplitter div:before:after {
11670         border: inherit;
11671         top: -1px;
11672         right: -1px;
11673         bottom: -1px;
11674         left: -1px;
11675 }
11676
11677 .mytheme .v-splitpanel-horizontal  > div > .v-splitpanel-hsplitter div:before:hover:after {
11678         background-color: rgba(186, 186, 186, 0.1);
11679 }
11680
11681 .mytheme .v-splitpanel-horizontal  > div > .v-splitpanel-hsplitter div:before:focus:after {
11682         border-color: #197de1;
11683         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
11684         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
11685 }
11686
11687 .mytheme .v-splitpanel-horizontal  > div > .v-splitpanel-hsplitter div:before:active:after {
11688         background-color: rgba(125, 125, 125, 0.2);
11689 }
11690
11691 .mytheme .v-splitpanel-horizontal  > div > .v-splitpanel-second-container {
11692         margin-left: 1px;
11693 }
11694
11695 .mytheme .v-splitpanel-vertical  > div > .v-splitpanel-vsplitter {
11696         height: 1px;
11697 }
11698
11699 .mytheme .v-splitpanel-vertical  > div > .v-splitpanel-vsplitter:after {
11700         top: -6px;
11701         bottom: -6px;
11702 }
11703
11704 .mytheme .v-splitpanel-vertical  > div > .v-splitpanel-vsplitter div:before {
11705         height: 37px;
11706         padding: 0 16px;
11707         color: #191919;
11708         font-weight: 400;
11709
11710
11711         border-radius: 4px;
11712         border: 1px solid #c5c5c5;
11713         border-top-color: #c5c5c5;
11714         border-bottom-color: #bcbcbc;
11715         background-color: #fafafa;
11716         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
11717         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
11718         -webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, none;
11719         box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, none;
11720         text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
11721         height: auto;
11722         padding: 0;
11723         border-radius: 0;
11724 }
11725
11726 .mytheme .v-splitpanel-vertical  > div > .v-splitpanel-vsplitter div:before:after {
11727         border: inherit;
11728         top: -1px;
11729         right: -1px;
11730         bottom: -1px;
11731         left: -1px;
11732 }
11733
11734 .mytheme .v-splitpanel-vertical  > div > .v-splitpanel-vsplitter div:before:hover:after {
11735         background-color: rgba(186, 186, 186, 0.1);
11736 }
11737
11738 .mytheme .v-splitpanel-vertical  > div > .v-splitpanel-vsplitter div:before:focus:after {
11739         border-color: #197de1;
11740         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
11741         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
11742 }
11743
11744 .mytheme .v-splitpanel-vertical  > div > .v-splitpanel-vsplitter div:before:active:after {
11745         background-color: rgba(125, 125, 125, 0.2);
11746 }
11747
11748 .mytheme .v-splitpanel-horizontal.large  > div > .v-splitpanel-hsplitter {
11749         width: 12px;
11750 }
11751
11752 .mytheme .v-splitpanel-horizontal.large  > div > .v-splitpanel-hsplitter:after {
11753         left: 0px;
11754         right: 0px;
11755 }
11756
11757 .mytheme .v-splitpanel-horizontal.large  > div > .v-splitpanel-hsplitter div:before {
11758         height: 37px;
11759         padding: 0 16px;
11760         color: #191919;
11761         font-weight: 400;
11762
11763
11764         border-radius: 4px;
11765         border: 1px solid #c5c5c5;
11766         border-top-color: #c5c5c5;
11767         border-bottom-color: #bcbcbc;
11768         background-color: #fafafa;
11769         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
11770         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
11771         -webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, none;
11772         box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, none;
11773         text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
11774         height: auto;
11775         padding: 0;
11776         border-radius: 0;
11777         background-color: #fafafa;
11778         background-image: -webkit-linear-gradient(left, #fafafa 2%, #efefef 98%);
11779         background-image: linear-gradient(to right,#fafafa 2%, #efefef 98%);
11780 }
11781
11782 .mytheme .v-splitpanel-horizontal.large  > div > .v-splitpanel-hsplitter div:before:after {
11783         border: inherit;
11784         top: -1px;
11785         right: -1px;
11786         bottom: -1px;
11787         left: -1px;
11788 }
11789
11790 .mytheme .v-splitpanel-horizontal.large  > div > .v-splitpanel-hsplitter div:before:hover:after {
11791         background-color: rgba(186, 186, 186, 0.1);
11792 }
11793
11794 .mytheme .v-splitpanel-horizontal.large  > div > .v-splitpanel-hsplitter div:before:focus:after {
11795         border-color: #197de1;
11796         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
11797         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
11798 }
11799
11800 .mytheme .v-splitpanel-horizontal.large  > div > .v-splitpanel-hsplitter div:before:active:after {
11801         background-color: rgba(125, 125, 125, 0.2);
11802 }
11803
11804 .mytheme .v-splitpanel-horizontal.large  > div > .v-splitpanel-hsplitter div:after {
11805         content: "";
11806         border: 1px solid #dadada;
11807         border-top-color: #bababa;
11808         border-left-color: #bababa;
11809         position: absolute;
11810         top: 50%;
11811         left: 50%;
11812         width: 0;
11813         height: 37px;
11814         margin-left: -1px;
11815         margin-top: -19px;
11816 }
11817
11818 .mytheme .v-splitpanel-horizontal.large  > div > .v-splitpanel-second-container {
11819         margin-left: 12px;
11820 }
11821
11822 .mytheme .v-splitpanel-vertical.large  > div > .v-splitpanel-vsplitter {
11823         height: 12px;
11824 }
11825
11826 .mytheme .v-splitpanel-vertical.large  > div > .v-splitpanel-vsplitter:after {
11827         top: 0px;
11828         bottom: 0px;
11829 }
11830
11831 .mytheme .v-splitpanel-vertical.large  > div > .v-splitpanel-vsplitter div:before {
11832         height: 37px;
11833         padding: 0 16px;
11834         color: #191919;
11835         font-weight: 400;
11836
11837
11838         border-radius: 4px;
11839         border: 1px solid #c5c5c5;
11840         border-top-color: #c5c5c5;
11841         border-bottom-color: #bcbcbc;
11842         background-color: #fafafa;
11843         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
11844         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
11845         -webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, none;
11846         box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, none;
11847         text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
11848         height: auto;
11849         padding: 0;
11850         border-radius: 0;
11851 }
11852
11853 .mytheme .v-splitpanel-vertical.large  > div > .v-splitpanel-vsplitter div:before:after {
11854         border: inherit;
11855         top: -1px;
11856         right: -1px;
11857         bottom: -1px;
11858         left: -1px;
11859 }
11860
11861 .mytheme .v-splitpanel-vertical.large  > div > .v-splitpanel-vsplitter div:before:hover:after {
11862         background-color: rgba(186, 186, 186, 0.1);
11863 }
11864
11865 .mytheme .v-splitpanel-vertical.large  > div > .v-splitpanel-vsplitter div:before:focus:after {
11866         border-color: #197de1;
11867         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
11868         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
11869 }
11870
11871 .mytheme .v-splitpanel-vertical.large  > div > .v-splitpanel-vsplitter div:before:active:after {
11872         background-color: rgba(125, 125, 125, 0.2);
11873 }
11874
11875 .mytheme .v-splitpanel-vertical.large  > div > .v-splitpanel-vsplitter div:after {
11876         content: "";
11877         border: 1px solid #dadada;
11878         border-top-color: #bababa;
11879         border-left-color: #bababa;
11880         position: absolute;
11881         top: 50%;
11882         left: 50%;
11883         width: 37px;
11884         height: 0;
11885         margin-left: -19px;
11886         margin-top: -1px;
11887 }
11888
11889 .mytheme .v-progressbar-wrapper {
11890         border-radius: 4px;
11891         height: 9px;
11892         background-color: #d4d4d4;
11893         background-image: -webkit-linear-gradient(bottom, #d7d7d7 2%, #c7c7c7 98%);
11894         background-image: linear-gradient(to top,#d7d7d7 2%, #c7c7c7 98%);
11895         box-sizing: border-box;
11896         min-width: 74px;
11897 }
11898
11899 .mytheme .v-progressbar-indicator {
11900         border-radius: 4px;
11901         height: inherit;
11902         background-color: #197de1;
11903         background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
11904         background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
11905
11906
11907         border: 1px solid #1362b1;
11908         box-sizing: border-box;
11909         max-width: 100%;
11910         min-width: 8px;
11911         -webkit-transition: width 160ms;
11912         -moz-transition: width 160ms;
11913         transition: width 160ms;
11914 }
11915
11916 .mytheme .v-progressbar-point .v-progressbar-indicator {
11917         background: transparent;
11918         -webkit-box-shadow: none;
11919         box-shadow: none;
11920         border: none;
11921         text-align: right;
11922         overflow: hidden;
11923 }
11924
11925 .mytheme .v-progressbar-point .v-progressbar-indicator:before {
11926         content: "";
11927         display: inline-block;
11928         border-radius: 4px;
11929         height: inherit;
11930         background-color: #197de1;
11931         background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
11932         background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
11933
11934
11935         border: 1px solid #1362b1;
11936         box-sizing: border-box;
11937         max-width: 100%;
11938         width: 9px;
11939         vertical-align: top;
11940 }
11941
11942 .mytheme .v-progressbar-indeterminate {
11943         height: 24px !important;
11944         width: 24px !important;
11945         box-sizing: border-box;
11946         border: 2px solid rgba(25, 125, 225, 0.2);
11947         border-top-color: #197de1;
11948         border-right-color: #197de1;
11949         border-radius: 100%;
11950         -webkit-animation: v-rotate-360 500ms infinite linear;
11951         -moz-animation: v-rotate-360 500ms infinite linear;
11952         animation: v-rotate-360 500ms infinite linear;
11953         pointer-events: none;
11954 }
11955
11956 .mytheme .v-progressbar-indeterminate .v-progressbar-wrapper {
11957         display: none;
11958 }
11959
11960 .mytheme .v-slider {
11961         position: relative;
11962 }
11963
11964 .mytheme .v-slider:focus {
11965         outline: none;
11966 }
11967
11968 .mytheme .v-slider:focus .v-slider-handle:after {
11969         opacity: 1;
11970 }
11971
11972 .mytheme .v-slider.v-disabled {
11973         opacity: 0.5;
11974         filter: alpha(opacity=50) ;
11975 }
11976
11977 .mytheme .v-slider-base {
11978         border-radius: 4px;
11979         height: 9px;
11980         background-color: #d4d4d4;
11981         background-image: -webkit-linear-gradient(bottom, #d7d7d7 2%, #c7c7c7 98%);
11982         background-image: linear-gradient(to top,#d7d7d7 2%, #c7c7c7 98%);
11983         box-sizing: border-box;
11984         min-width: 74px;
11985         height: 6px;
11986         margin: 16px 11px;
11987         white-space: nowrap;
11988         overflow: hidden;
11989
11990 }
11991
11992 .mytheme .v-slider-base:before {
11993         content: "";
11994         position: absolute;
11995         top: 16px;
11996         bottom: 16px;
11997         left: 11px;
11998         width: 8px;
11999         border-radius: 4px;
12000         border-left: 1px solid #1362b1;
12001 }
12002
12003 .mytheme .v-slider-base:after {
12004         border-radius: 4px;
12005         height: inherit;
12006         background-color: #197de1;
12007         background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
12008         background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
12009
12010
12011         border: 1px solid #1362b1;
12012         box-sizing: border-box;
12013         max-width: 100%;
12014         content: "";
12015         display: inline-block;
12016         margin-left: -100%;
12017         width: 100%;
12018         vertical-align: top;
12019 }
12020
12021 .mytheme .v-has-width > .v-slider-base {
12022         min-width: 0;
12023 }
12024
12025 .mytheme .v-slider-handle {
12026         margin-top: -16px;
12027         width: 0.1px;
12028         display: inline-block;
12029         vertical-align: top;
12030 }
12031
12032 .mytheme .v-slider-handle:before {
12033         height: 37px;
12034         padding: 0 16px;
12035         color: #191919;
12036         font-weight: 400;
12037
12038
12039         border-radius: 4px;
12040         border: 1px solid #c5c5c5;
12041         border-top-color: #c5c5c5;
12042         border-bottom-color: #bcbcbc;
12043         background-color: #fafafa;
12044         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
12045         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
12046         -webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
12047         box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
12048         text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
12049 }
12050
12051 .mytheme .v-slider-handle:before:after {
12052         border: inherit;
12053         top: -1px;
12054         right: -1px;
12055         bottom: -1px;
12056         left: -1px;
12057 }
12058
12059 .mytheme .v-slider-handle:before:hover:after {
12060         background-color: rgba(186, 186, 186, 0.1);
12061 }
12062
12063 .mytheme .v-slider-handle:before:focus:after {
12064         border-color: #197de1;
12065         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
12066         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
12067 }
12068
12069 .mytheme .v-slider-handle:before:active:after {
12070         background-color: rgba(125, 125, 125, 0.2);
12071 }
12072
12073 .mytheme .v-slider-handle:after {
12074         border: 1px solid #c5c5c5;
12075         border-color: #197de1;
12076         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
12077         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
12078         opacity: 0;
12079         -webkit-transition: opacity 200ms;
12080         -moz-transition: opacity 200ms;
12081         transition: opacity 200ms;
12082 }
12083
12084 .mytheme .v-slider-handle:before, .mytheme .v-slider-handle:after {
12085         content: "";
12086         box-sizing: border-box;
12087         padding: 0;
12088         width: 22px;
12089         height: 22px;
12090         border-radius: 11px;
12091         position: absolute;
12092         z-index: 1;
12093         margin-top: 8px;
12094         margin-left: -11px;
12095 }
12096
12097 .mytheme .v-slider-feedback {
12098         background-color: rgba(50, 50, 50, 0.9);
12099         -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
12100         box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
12101         color: white;
12102         padding: 5px 9px;
12103         border-radius: 3px;
12104         max-width: 35em;
12105         overflow: hidden !important;
12106         font-size: 14px;
12107 }
12108
12109 .mytheme .v-slider-vertical {
12110         padding: 11px 0;
12111         height: 96px;
12112 }
12113
12114 .mytheme .v-slider-vertical .v-slider-base {
12115         background-color: #d4d4d4;
12116         background-image: -webkit-linear-gradient(right, #d7d7d7 2%, #c7c7c7 98%);
12117         background-image: linear-gradient(to left,#d7d7d7 2%, #c7c7c7 98%);
12118         width: 6px;
12119         height: 100% !important;
12120         min-width: 0;
12121         margin: 0 16px;
12122 }
12123
12124 .mytheme .v-slider-vertical .v-slider-base:before {
12125         top: auto;
12126         bottom: 11px;
12127         left: 16px;
12128         right: 16px;
12129         width: auto;
12130         height: 8px;
12131         border-left: none;
12132         border-bottom: 1px solid #1362b1;
12133 }
12134
12135 .mytheme .v-slider-vertical .v-slider-base:after {
12136         height: 101%;
12137         margin-left: 0;
12138         background-color: #197de1;
12139         background-image: -webkit-linear-gradient(left, #1b87e3 2%, #166ed5 98%);
12140         background-image: linear-gradient(to right,#1b87e3 2%, #166ed5 98%);
12141 }
12142
12143 .mytheme .v-slider-vertical .v-slider-handle {
12144         width: 0;
12145         height: 0.1px;
12146         width: 37px;
12147         display: block;
12148 }
12149
12150 .mytheme .v-slider-vertical .v-slider-handle:before, .mytheme .v-slider-vertical .v-slider-handle:after {
12151         width: 22px;
12152         height: 22px;
12153         margin-top: -11px;
12154         margin-left: -8px;
12155 }
12156
12157 .mytheme .v-slider-no-indicator .v-slider-base:before, .mytheme .v-slider-no-indicator .v-slider-base:after {
12158         display: none;
12159 }
12160
12161 .mytheme .v-tabsheet:not(.v-has-width) {
12162         width: auto !important;
12163 }
12164
12165 .mytheme .v-tabsheet-spacertd {
12166         display: none !important;
12167 }
12168
12169 .mytheme .v-tabsheet-tabcontainer {
12170         position: relative;
12171         box-sizing: border-box;
12172 }
12173
12174 .mytheme .v-tabsheet-tabcontainer:before {
12175         content: "";
12176         position: absolute;
12177         height: 0;
12178         border-top: 1px solid #dfdfdf;
12179         bottom: 0;
12180         left: 0;
12181         right: 0;
12182 }
12183
12184 .mytheme .v-tabsheet-tabcontainer .v-tabsheet-tabs {
12185         position: relative;
12186 }
12187
12188 .mytheme .v-tabsheet-tabitemcell {
12189         vertical-align: bottom;
12190 }
12191
12192 .mytheme .v-tabsheet-tabitemcell .v-tabsheet-tabitem {
12193         line-height: 0;
12194         overflow: hidden;
12195 }
12196
12197 .mytheme .v-tabsheet-tabitemcell .v-caption {
12198         margin-left: 19px;
12199         padding: 0 4px;
12200         box-sizing: border-box;
12201         cursor: pointer;
12202         text-align: center;
12203         line-height: 37px;
12204         font-size: 15px;
12205         font-weight: 300;
12206         color: #696969;
12207         width: auto !important;
12208         overflow: hidden;
12209         text-overflow: ellipsis;
12210         border-bottom: 2px solid transparent;
12211         position: relative;
12212         -webkit-transition: border-bottom 200ms, color 200ms;
12213         -moz-transition: border-bottom 200ms, color 200ms;
12214         transition: border-bottom 200ms, color 200ms;
12215 }
12216
12217 .mytheme .v-tabsheet-tabitemcell .v-caption .v-captiontext {
12218         display: inline;
12219 }
12220
12221 .mytheme .v-tabsheet-tabitemcell .v-caption .v-icon + .v-captiontext {
12222         margin-left: 9px;
12223 }
12224
12225 .mytheme .v-tabsheet-tabitemcell .v-caption:hover {
12226         color: #197de1;
12227 }
12228
12229 .mytheme .v-tabsheet-tabitemcell .v-caption.v-disabled {
12230         opacity: 0.5;
12231         filter: alpha(opacity=50) ;
12232         cursor: default;
12233         color: inherit !important;
12234 }
12235
12236 .mytheme .v-tabsheet-tabitemcell:first-child .v-caption, .mytheme .v-tabsheet-tabitemcell[aria-hidden="true"] + td .v-caption {
12237         margin-left: 0;
12238 }
12239
12240 .mytheme .v-tabsheet-tabitemcell:focus {
12241         outline: none;
12242 }
12243
12244 .mytheme .v-tabsheet-tabitemcell:focus .v-caption {
12245         color: #197de1;
12246 }
12247
12248 .mytheme .v-tabsheet-tabitemcell .v-tabsheet-tabitem-selected .v-caption.v-caption {
12249         border-bottom-color: #197de1;
12250         color: #197de1;
12251 }
12252
12253 .mytheme .v-tabsheet-tabitemcell .v-caption-closable {
12254         padding-right: 22px;
12255 }
12256
12257 .mytheme .v-tabsheet-tabitemcell.icons-on-top .v-caption-closable {
12258         padding-right: 4px;
12259 }
12260
12261 .mytheme .v-tabsheet-tabitemcell .v-tabsheet-caption-close {
12262         position: absolute;
12263         right: 0;
12264         top: 50%;
12265         margin: -8px 0 0;
12266         font-size: 18px;
12267         line-height: 18px;
12268         width: 18px;
12269         text-align: center;
12270         border-radius: 2px;
12271         color: #969696;
12272 }
12273
12274 .mytheme .v-tabsheet-tabitemcell .v-tabsheet-caption-close:hover {
12275         background: rgba(0, 0, 0, 0.03);
12276         color: #197de1;
12277 }
12278
12279 .mytheme .v-tabsheet-tabitemcell .v-tabsheet-caption-close:active {
12280         background: #197de1;
12281         color: #c8dbed;
12282 }
12283
12284 .mytheme .v-tabsheet-scroller {
12285         position: absolute;
12286         top: 0;
12287         right: 0;
12288         bottom: 0;
12289         padding-left: 19px;
12290         background-color: transparent;
12291         background-image: -webkit-linear-gradient(right, #fafafa 70%, rgba(250, 250, 250, 0) 100%);
12292         background-image: linear-gradient(to left,#fafafa 70%, rgba(250, 250, 250, 0) 100%);
12293         pointer-events: none;
12294 }
12295
12296 .mytheme .v-tabsheet-scroller:after {
12297         content: "";
12298         height: 1px;
12299         position: absolute;
12300         bottom: 0;
12301         left: 0;
12302         right: 0;
12303         display: block;
12304         background-color: transparent;
12305         background-image: -webkit-linear-gradient(right, #dfdfdf 70%, rgba(223, 223, 223, 0) 100%);
12306         background-image: linear-gradient(to left,#dfdfdf 70%, rgba(223, 223, 223, 0) 100%);
12307 }
12308
12309 .mytheme .v-tabsheet-scroller button {
12310         -webkit-appearance: none;
12311         -moz-appearance: none;
12312         -ms-appearance: none;
12313         -o-appearance: none;
12314         appearance: none;
12315         border: none;
12316         background: transparent;
12317         font: inherit;
12318         color: inherit;
12319         height: 100%;
12320         margin: 0;
12321         padding: 0 9px;
12322         outline: none;
12323         cursor: pointer;
12324         pointer-events: auto;
12325         opacity: 0.5;
12326         filter: alpha(opacity=50) ;
12327 }
12328
12329 .mytheme .v-tabsheet-scroller button:hover {
12330         opacity: 1;
12331         filter: none ;
12332         color: #197de1;
12333 }
12334
12335 .mytheme .v-tabsheet-scroller button:active {
12336         opacity: 0.7;
12337         filter: alpha(opacity=70) ;
12338         color: #197de1;
12339 }
12340
12341 .mytheme .v-tabsheet-scroller button::-moz-focus-inner {
12342         padding: 0;
12343         border: 0;
12344 }
12345
12346 .mytheme .v-tabsheet-scroller [class*="Next"] {
12347         padding-left: 5px;
12348 }
12349
12350 .mytheme .v-tabsheet-scroller [class*="Next"]:before {
12351         font-family: ThemeIcons;
12352         content: "\f054";
12353 }
12354
12355 .mytheme .v-tabsheet-scroller [class*="Prev"] {
12356         padding-right: 5px;
12357 }
12358
12359 .mytheme .v-tabsheet-scroller [class*="Prev"]:before {
12360         font-family: ThemeIcons;
12361         content: "\f053";
12362 }
12363
12364 .mytheme .v-tabsheet-scroller [class*="disabled"] {
12365         cursor: default;
12366         color: inherit !important;
12367         opacity: 0.1 !important;
12368         filter: alpha(opacity=10) !important;
12369 }
12370
12371 .mytheme .v-tabsheet-tabsheetpanel > .v-scrollable > .v-widget {
12372         -webkit-animation: valo-animate-in-fade 300ms backwards;
12373         -moz-animation: valo-animate-in-fade 300ms backwards;
12374         animation: valo-animate-in-fade 300ms backwards;
12375 }
12376
12377 .mytheme .v-tabsheet-deco {
12378         height: 20px !important;
12379         width: 20px !important;
12380         box-sizing: border-box;
12381         border: 2px solid rgba(25, 125, 225, 0.2);
12382         border-top-color: #197de1;
12383         border-right-color: #197de1;
12384         border-radius: 100%;
12385         -webkit-animation: v-rotate-360 500ms infinite linear;
12386         -moz-animation: v-rotate-360 500ms infinite linear;
12387         animation: v-rotate-360 500ms infinite linear;
12388         pointer-events: none;
12389         display: none;
12390         position: absolute;
12391         z-index: 1;
12392         bottom: 50%;
12393         margin-bottom: -29px;
12394         left: 50%;
12395         margin-left: -10px;
12396 }
12397
12398 .mytheme .v-tabsheet-loading .v-tabsheet-deco {
12399         display: block;
12400 }
12401
12402 .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 {
12403         width: 100%;
12404 }
12405
12406 .mytheme .v-tabsheet-equal-width-tabs  > .v-tabsheet-tabcontainer tr {
12407         display: table;
12408         table-layout: fixed;
12409 }
12410
12411 .mytheme .v-tabsheet-equal-width-tabs  > .v-tabsheet-tabcontainer td {
12412         display: table-cell;
12413 }
12414
12415 .mytheme .v-tabsheet-equal-width-tabs  > .v-tabsheet-tabcontainer .v-caption {
12416         margin: 0;
12417         display: block;
12418 }
12419
12420 .mytheme .v-tabsheet-framed  > .v-tabsheet-tabcontainer .v-caption {
12421         margin-left: 4px;
12422         padding: 0 12px;
12423         background-color: #fafafa;
12424         border: 1px solid transparent;
12425         line-height: 36px;
12426         border-radius: 4px 4px 0 0;
12427         font-weight: 400;
12428         -webkit-transition: background-color 160ms;
12429         -moz-transition: background-color 160ms;
12430         transition: background-color 160ms;
12431 }
12432
12433 .mytheme .v-tabsheet-framed  > .v-tabsheet-tabcontainer .v-caption:hover {
12434         background-color: #f2f2f2;
12435         border-bottom-color: #dfdfdf;
12436 }
12437
12438 .mytheme .v-tabsheet-framed  > .v-tabsheet-tabcontainer .v-caption.v-disabled:hover {
12439         background-color: #fafafa;
12440 }
12441
12442 .mytheme .v-tabsheet-framed  > .v-tabsheet-tabcontainer .v-caption-closable {
12443         padding-right: 30px;
12444 }
12445
12446 .mytheme .v-tabsheet-framed  > .v-tabsheet-tabcontainer .v-tabsheet-caption-close {
12447         top: 4px;
12448         right: 4px;
12449         margin-top: 0;
12450 }
12451
12452 .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 {
12453         margin-left: 0;
12454 }
12455
12456 .mytheme .v-tabsheet-framed  > .v-tabsheet-tabcontainer .v-tabsheet-tabitem .v-caption {
12457         border-color: #dfdfdf;
12458 }
12459
12460 .mytheme .v-tabsheet-framed  > .v-tabsheet-tabcontainer .v-tabsheet-tabitem-selected .v-caption {
12461         background: white;
12462         border-color: #dfdfdf;
12463         border-bottom: none;
12464         padding-bottom: 1px;
12465 }
12466
12467 .mytheme .v-tabsheet-framed  > .v-tabsheet-content {
12468         border: 1px solid #dfdfdf;
12469         border-top: none;
12470 }
12471
12472 .mytheme .v-tabsheet-framed  > .v-tabsheet-content  > div {
12473         background: white;
12474 }
12475
12476 .mytheme .v-tabsheet-framed.padded-tabbar  > .v-tabsheet-tabcontainer {
12477         border: 1px solid #dfdfdf;
12478         border-bottom: none;
12479         background: #fafafa;
12480         padding-top: 6px;
12481 }
12482
12483 .mytheme .v-tabsheet-framed.icons-on-top  > .v-tabsheet-tabcontainer .v-tabsheet-tabitem-selected .v-caption {
12484         padding-bottom: 7px;
12485 }
12486
12487 .mytheme .v-tabsheet-centered-tabs  > .v-tabsheet-tabcontainer {
12488         text-align: center;
12489 }
12490
12491 .mytheme .v-tabsheet-right-aligned-tabs  > .v-tabsheet-tabcontainer {
12492         text-align: right;
12493 }
12494
12495 .mytheme .v-tabsheet-right-aligned-tabs .v-tabsheet-spacertd {
12496         display: inline-block !important;
12497 }
12498
12499 .mytheme .v-tabsheet-right-aligned-tabs .v-tabsheet-scroller {
12500         padding-left: 9px;
12501 }
12502
12503 .mytheme .v-tabsheet-padded-tabbar  > .v-tabsheet-tabcontainer .v-tabsheet-tabs {
12504         padding: 0 9px;
12505 }
12506
12507 .mytheme .v-tabsheet-icons-on-top  > .v-tabsheet-tabcontainer .v-caption {
12508         padding-top: 6px;
12509         padding-bottom: 6px;
12510         line-height: 1.2;
12511 }
12512
12513 .mytheme .v-tabsheet-icons-on-top  > .v-tabsheet-tabcontainer .v-icon {
12514         display: block;
12515 }
12516
12517 .mytheme .v-tabsheet-icons-on-top  > .v-tabsheet-tabcontainer .v-icon  + .v-captiontext.v-captiontext {
12518         margin-left: 0;
12519 }
12520
12521 .mytheme .v-tabsheet-icons-on-top  > .v-tabsheet-tabcontainer .v-caption-closable {
12522         padding-right: 12px;
12523 }
12524
12525 .mytheme .v-tabsheet-icons-on-top  > .v-tabsheet-tabcontainer .v-tabsheet-caption-close {
12526         top: 4px;
12527         margin-top: 0;
12528 }
12529
12530 .mytheme .v-tabsheet-compact-tabbar  > .v-tabsheet-tabcontainer-compact-tabbar .v-caption {
12531         line-height: 1.8;
12532 }
12533
12534 .mytheme .v-tabsheet-only-selected-closable  > .v-tabsheet-tabcontainer .v-tabsheet-caption-close {
12535         visibility: hidden;
12536 }
12537
12538 .mytheme .v-tabsheet-only-selected-closable  > .v-tabsheet-tabcontainer .v-tabsheet-tabitem-selected .v-tabsheet-caption-close {
12539         visibility: visible;
12540 }
12541
12542 .mytheme .v-colorpicker-popup.v-window {
12543         min-width: 220px !important;
12544 }
12545
12546 .mytheme .v-colorpicker-popup .v-tabsheet-tabs {
12547         padding: 0 9px;
12548 }
12549
12550 .mytheme .v-colorpicker-popup [class$="sliders"] {
12551         padding: 12px;
12552 }
12553
12554 .mytheme .v-colorpicker-popup [class$="sliders"] .v-widget {
12555         width: 100% !important;
12556         vertical-align: middle;
12557 }
12558
12559 .mytheme .v-colorpicker-popup [class$="sliders"] .v-has-caption {
12560         white-space: nowrap;
12561         padding-left: 48px;
12562 }
12563
12564 .mytheme .v-colorpicker-popup [class$="sliders"] .v-caption {
12565         display: inline-block;
12566         margin-left: -48px;
12567         width: 48px;
12568 }
12569
12570 .mytheme .v-colorpicker-popup [class$="sliders"] .v-slot-hue-slider + .v-slot .v-has-caption {
12571         padding-left: 80px;
12572 }
12573
12574 .mytheme .v-colorpicker-popup [class$="sliders"] .v-slot-hue-slider + .v-slot .v-caption {
12575         margin-left: -80px;
12576         width: 80px;
12577 }
12578
12579 .mytheme .v-colorpicker-popup .v-slider-red .v-slider-base:after {
12580         background: red;
12581         border: none;
12582         -webkit-box-shadow: none;
12583         box-shadow: none;
12584 }
12585
12586 .mytheme .v-colorpicker-popup .v-slider-green .v-slider-base:after {
12587         background: green;
12588         border: none;
12589         -webkit-box-shadow: none;
12590         box-shadow: none;
12591 }
12592
12593 .mytheme .v-colorpicker-popup .v-slider-blue .v-slider-base:after {
12594         background: blue;
12595         border: none;
12596         -webkit-box-shadow: none;
12597         box-shadow: none;
12598 }
12599
12600 .mytheme .v-colorpicker-popup .v-margin-bottom {
12601         padding-bottom: 0;
12602 }
12603
12604 .mytheme .v-colorpicker-popup .resize-button {
12605         width: 100% !important;
12606         height: auto !important;
12607         text-align: center;
12608         outline: none;
12609 }
12610
12611 .mytheme .v-colorpicker-popup .resize-button:before {
12612         font-family: ThemeIcons;
12613         content: "\f141";
12614 }
12615
12616 .mytheme .v-colorpicker-popup .resize-button-caption {
12617         display: none;
12618 }
12619
12620 .mytheme .v-colorpicker-popup .v-horizontallayout {
12621         height: auto !important;
12622         padding: 9px 0;
12623         background-color: #fafafa;
12624         border-top: 1px solid #ededed;
12625 }
12626
12627 .mytheme .v-colorpicker-popup .v-horizontallayout .v-expand {
12628         overflow: visible;
12629 }
12630
12631 .mytheme .v-colorpicker-popup .v-horizontallayout .v-button {
12632         width: 80% !important;
12633 }
12634
12635 .mytheme .v-colorpicker-preview {
12636         width: 100% !important;
12637         height: auto !important;
12638         padding: 9px;
12639         display: inline-flex;
12640 }
12641
12642 .mytheme .v-colorpicker-preview-textfield {
12643         height: auto !important;
12644         text-align: center;
12645         border: none;
12646 }
12647
12648 .mytheme .v-colorpicker {
12649         width: auto;
12650 }
12651
12652 .mytheme .v-colorpicker-button-color {
12653         position: absolute;
12654         top: 6px;
12655         right: 6px;
12656         bottom: 6px;
12657         left: 6px;
12658         border-radius: 3px;
12659         border: 1px solid rgba(0, 0, 0, 0.5);
12660         max-width: 23px;
12661 }
12662
12663 .mytheme .v-colorpicker-button-color  + .v-button-caption:not(:empty) {
12664         margin-left: 19px;
12665 }
12666
12667 .mytheme .v-panel {
12668         background: white;
12669         color: #474747;
12670         border-radius: 4px;
12671         border: 1px solid #d5d5d5;
12672         -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
12673         box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
12674         overflow: visible !important;
12675 }
12676
12677 .mytheme .v-panel-caption {
12678         box-sizing: border-box;
12679         padding: 0 12px;
12680         line-height: 36px;
12681         border-bottom: 1px solid #d5d5d5;
12682         background-color: #fafafa;
12683         background-image: -webkit-linear-gradient(top, #fafafa 2%, #f6f6f6 98%);
12684         background-image: linear-gradient(to bottom,#fafafa 2%, #f6f6f6 98%);
12685         color: #464646;
12686         font-weight: 400;
12687         font-size: 14px;
12688         -webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #eeeeee;
12689         box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #eeeeee;
12690         text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
12691         border-radius: 3px 3px 0 0;
12692 }
12693
12694 .mytheme .v-panel-content {
12695         box-sizing: border-box;
12696         width: 100%;
12697         height: 100%;
12698 }
12699
12700 .mytheme .v-panel-content  > .v-margin-top {
12701         padding-top: 12px;
12702 }
12703
12704 .mytheme .v-panel-content  > .v-margin-right {
12705         padding-right: 12px;
12706 }
12707
12708 .mytheme .v-panel-content  > .v-margin-bottom {
12709         padding-bottom: 12px;
12710 }
12711
12712 .mytheme .v-panel-content  > .v-margin-left {
12713         padding-left: 12px;
12714 }
12715
12716 .mytheme .v-panel-borderless {
12717         background: transparent;
12718         color: inherit;
12719         border: none;
12720         border-radius: 0;
12721         -webkit-box-shadow: none;
12722         box-shadow: none;
12723 }
12724
12725 .mytheme .v-panel-borderless  > div > [class*="-caption"] {
12726         background: transparent;
12727         -webkit-box-shadow: none;
12728         box-shadow: none;
12729         color: inherit;
12730         padding: 0;
12731         margin: 0 12px;
12732         border-bottom: none;
12733 }
12734
12735 .mytheme .v-panel-well {
12736         background: #f5f5f5;
12737         color: #454545;
12738         -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 2px 3px rgba(0, 0, 0, 0.05);
12739         box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 2px 3px rgba(0, 0, 0, 0.05);
12740         border-radius: 4px;
12741         border: 1px solid #c5c5c5;
12742 }
12743
12744 .mytheme .v-panel-well  > div > [class*="-caption"] {
12745         background: transparent;
12746         -webkit-box-shadow: none;
12747         box-shadow: none;
12748 }
12749
12750 .mytheme .v-panel-scroll-divider  > [class*="-captionwrap"] {
12751         position: relative;
12752         z-index: 2;
12753 }
12754
12755 .mytheme .v-panel-scroll-divider  > [class*="-captionwrap"]:after {
12756         content: "";
12757         position: absolute;
12758         bottom: -1px;
12759         right: 0;
12760         left: 0;
12761         height: 0;
12762         border-top: 1px solid #dfdfdf;
12763         border-color: rgba(197, 197, 197, 0.5);
12764 }
12765
12766 .mytheme .v-panel-scroll-divider  > [class*="-content"]:before {
12767         content: "";
12768         position: absolute;
12769         z-index: 2;
12770         top: 0;
12771         height: 0;
12772         border-top: 1px solid #fafafa;
12773         left: 0;
12774         right: 0;
12775 }
12776
12777 .mytheme .v-panel-caption.v-horizontallayout {
12778         height: auto !important;
12779         line-height: 0;
12780 }
12781
12782 .mytheme .v-panel-caption.v-horizontallayout .v-slot {
12783         vertical-align: middle;
12784 }
12785
12786 .mytheme .v-panel-caption.v-horizontallayout .v-label {
12787         line-height: 37px;
12788 }
12789
12790 .mytheme .v-accordion {
12791         background: white;
12792         color: #474747;
12793         border-radius: 4px;
12794         border: 1px solid #d5d5d5;
12795         -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
12796         box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
12797         background-color: #fafafa;
12798         background-image: -webkit-linear-gradient(top, #fafafa 2%, #f4f4f4 98%);
12799         background-image: linear-gradient(to bottom,#fafafa 2%, #f4f4f4 98%);
12800         overflow: hidden;
12801 }
12802
12803 .mytheme .v-accordion-item {
12804         position: relative;
12805 }
12806
12807 .mytheme .v-accordion-item:first-child {
12808         border-top-left-radius: 3px;
12809         border-top-right-radius: 3px;
12810 }
12811
12812 .mytheme .v-accordion-item:last-child {
12813         border-bottom-left-radius: 3px;
12814         border-bottom-right-radius: 3px;
12815 }
12816
12817 .mytheme .v-accordion-item:last-child [class*="item-content"] {
12818         border-radius: inherit;
12819 }
12820
12821 .mytheme .v-accordion-item[class*="item-open"]:last-child > div > .v-caption {
12822         border-radius: 0;
12823 }
12824
12825 .mytheme .v-accordion-item:not([class*="item-open"]):last-child > div > .v-caption {
12826         border-bottom: none;
12827         margin-bottom: 0;
12828 }
12829
12830 .mytheme .v-accordion-item[class*="item-open"] + [class*="item"] {
12831         border-top: 1px solid #d9d9d9;
12832 }
12833
12834 .mytheme .v-accordion-item-caption {
12835         border-radius: inherit;
12836 }
12837
12838 .mytheme .v-accordion-item-caption  > .v-caption {
12839         box-sizing: border-box;
12840         padding: 0 12px;
12841         line-height: 36px;
12842         border-bottom: 1px solid #d5d5d5;
12843         background-color: #fafafa;
12844         background-image: -webkit-linear-gradient(top, #fafafa 2%, #f6f6f6 98%);
12845         background-image: linear-gradient(to bottom,#fafafa 2%, #f6f6f6 98%);
12846         color: #464646;
12847         font-weight: 400;
12848         font-size: 14px;
12849         -webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #eeeeee;
12850         box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #eeeeee;
12851         text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
12852         display: block;
12853         background: transparent;
12854         border-bottom-color: #c9c9c9;
12855         border-radius: inherit;
12856         cursor: pointer;
12857         position: relative;
12858 }
12859
12860 .mytheme .v-accordion-item-caption  > .v-caption:hover:before, .mytheme .v-accordion-item-caption  > .v-caption:active:before {
12861         content: "";
12862         position: absolute;
12863         top: 0;
12864         right: 0;
12865         bottom: 0;
12866         left: 0;
12867         border-radius: inherit;
12868 }
12869
12870 .mytheme .v-accordion-item-caption  > .v-caption:hover:before {
12871         background-color: rgba(186, 186, 186, 0.1);
12872         border: none;
12873 }
12874
12875 .mytheme .v-accordion-item-caption  > .v-caption:active:before {
12876         background-color: rgba(125, 125, 125, 0.2);
12877 }
12878
12879 .mytheme .v-accordion-item-content {
12880         -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.05);
12881         box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.05);
12882         background-color: white;
12883         box-sizing: border-box;
12884 }
12885
12886 .mytheme .v-accordion-item-content  > .v-margin-top {
12887         padding-top: 12px;
12888 }
12889
12890 .mytheme .v-accordion-item-content  > .v-margin-right {
12891         padding-right: 12px;
12892 }
12893
12894 .mytheme .v-accordion-item-content  > .v-margin-bottom {
12895         padding-bottom: 12px;
12896 }
12897
12898 .mytheme .v-accordion-item-content  > .v-margin-left {
12899         padding-left: 12px;
12900 }
12901
12902 .mytheme .v-accordion-borderless {
12903         border: none;
12904         border-radius: 0;
12905         -webkit-box-shadow: none;
12906         box-shadow: none;
12907 }
12908
12909 .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 {
12910         border-radius: 0;
12911 }
12912
12913 .mytheme .v-select-twincol {
12914         white-space: normal;
12915 }
12916
12917 .mytheme .v-select-twincol select {
12918         border: 1px solid #c5c5c5;
12919         background-color: #fafafa;
12920         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
12921         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
12922         color: #464646;
12923 }
12924
12925 .mytheme .v-select-twincol select:focus {
12926         outline: none;
12927         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
12928         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
12929 }
12930
12931 .mytheme .v-select-twincol .v-textfield, .mytheme .v-select-twincol .v-nativebutton {
12932         width: auto !important;
12933         margin-top: 9px;
12934 }
12935
12936 .mytheme .v-select-twincol .v-nativebutton {
12937         margin-left: 9px;
12938 }
12939
12940 .mytheme .v-select-twincol-caption-left, .mytheme .v-select-twincol-caption-right {
12941         font-size: 14px;
12942         font-weight: 400;
12943         padding-bottom: 0.3em;
12944         padding-left: 1px;
12945 }
12946
12947 .mytheme .v-select-twincol-buttons {
12948         white-space: nowrap;
12949         display: inline-block;
12950         vertical-align: top;
12951         position: relative;
12952         min-width: 3.5em;
12953 }
12954
12955 .mytheme .v-select-twincol-buttons .v-button {
12956         box-sizing: border-box;
12957         display: inline-block;
12958         vertical-align: top;
12959         text-align: left;
12960         white-space: normal;
12961         position: absolute;
12962         left: 9px;
12963         right: 9px;
12964         top: 36px;
12965         padding: 0;
12966         text-align: center;
12967 }
12968
12969 .mytheme .v-select-twincol-buttons .v-button:first-child {
12970         top: 0;
12971 }
12972
12973 .mytheme .v-select-twincol-buttons .v-button-caption {
12974         display: none;
12975 }
12976
12977 .mytheme .v-select-twincol-buttons .v-button:focus {
12978         z-index: 1;
12979 }
12980
12981 .mytheme .v-select-twincol-buttons .v-button:first-child {
12982         border-radius: 4px 4px 0 0;
12983 }
12984
12985 .mytheme .v-select-twincol-buttons .v-button:last-child {
12986         border-radius: 0 0 4px 4px;
12987 }
12988
12989 .mytheme .v-select-twincol-buttons .v-button-wrap:before {
12990         font-family: ThemeIcons;
12991         content: "\f053";
12992 }
12993
12994 .mytheme .v-select-twincol-buttons .v-button:first-child .v-button-wrap:before {
12995         font-family: ThemeIcons;
12996         content: "\f054";
12997 }
12998
12999 .mytheme .v-select-twincol-error .v-select-twincol-options, .mytheme .v-select-twincol-error .v-select-twincol-selections {
13000         border-color: #ed473b !important;
13001         background: #fffbfb;
13002         color: #6c2621;
13003 }
13004
13005 .mytheme .v-select-twincol-error-info .v-select-twincol-options, .mytheme .v-select-twincol-error-info .v-select-twincol-selections {
13006         border-color: #00a7f5 !important;
13007         background: #fafdff;
13008         color: #195774;
13009 }
13010
13011 .mytheme .v-select-twincol-error-warning .v-select-twincol-options, .mytheme .v-select-twincol-error-warning .v-select-twincol-selections {
13012         border-color: #fc9c00 !important;
13013         background: #fffdfa;
13014         color: #745119;
13015 }
13016
13017 .mytheme .v-select-twincol-error-error .v-select-twincol-options, .mytheme .v-select-twincol-error-error .v-select-twincol-selections {
13018         border-color: #ed473b !important;
13019         background: #fffbfb;
13020         color: #6c2621;
13021 }
13022
13023 .mytheme .v-select-twincol-error-critical .v-select-twincol-options, .mytheme .v-select-twincol-error-critical .v-select-twincol-selections {
13024         border-color: #fa007d !important;
13025         background: #fffafc;
13026         color: #741947;
13027 }
13028
13029 .mytheme .v-select-twincol-error-system .v-select-twincol-options, .mytheme .v-select-twincol-error-system .v-select-twincol-selections {
13030         border-color: #bb00ff !important;
13031         background: #fefaff;
13032         color: #5c1974;
13033 }
13034
13035 .mytheme .v-select select {
13036         border: 1px solid #c5c5c5;
13037         background-color: #fafafa;
13038         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
13039         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
13040         color: #464646;
13041 }
13042
13043 .mytheme .v-select select:focus {
13044         outline: none;
13045         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
13046         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
13047 }
13048
13049 .mytheme .v-select-select {
13050         display: block;
13051 }
13052
13053 .mytheme .v-select-select  + .v-textfield {
13054         width: auto !important;
13055         margin-top: 9px;
13056 }
13057
13058 .mytheme .v-select-select  + .v-textfield  + .v-nativebutton {
13059         margin-top: 9px;
13060         margin-left: 9px;
13061 }
13062
13063 .mytheme .v-select-error .v-select-select {
13064         border-color: #ed473b !important;
13065         background: #fffbfb;
13066         color: #6c2621;
13067 }
13068
13069 .mytheme .v-calendar-header-day {
13070         font-weight: 400;
13071         text-align: center;
13072         padding: 7px 0;
13073 }
13074
13075 .mytheme .v-calendar-header-week .v-calendar-back, .mytheme .v-calendar-header-week .v-calendar-next {
13076         -webkit-appearance: none;
13077         -moz-appearance: none;
13078         -ms-appearance: none;
13079         -o-appearance: none;
13080         appearance: none;
13081         background: transparent;
13082         border: none;
13083         padding: 0;
13084         margin: 0;
13085         cursor: pointer;
13086         outline: none;
13087         color: inherit;
13088         opacity: 0.5;
13089         filter: alpha(opacity=50) ;
13090 }
13091
13092 .mytheme .v-calendar-header-week .v-calendar-back:focus, .mytheme .v-calendar-header-week .v-calendar-next:focus {
13093         outline: none;
13094 }
13095
13096 .mytheme .v-calendar-header-week .v-calendar-back:hover, .mytheme .v-calendar-header-week .v-calendar-next:hover {
13097         opacity: 1;
13098         filter: none ;
13099 }
13100
13101 .mytheme .v-calendar-header-week .v-calendar-back:active, .mytheme .v-calendar-header-week .v-calendar-next:active {
13102         opacity: 0.5;
13103         filter: alpha(opacity=50) ;
13104 }
13105
13106 .mytheme .v-calendar-header-week .v-calendar-back:before {
13107         font-family: ThemeIcons;
13108         content: "\f053";
13109 }
13110
13111 .mytheme .v-calendar-header-week .v-calendar-next:before {
13112         font-family: ThemeIcons;
13113         content: "\f054";
13114 }
13115
13116 .mytheme .v-calendar-month {
13117         outline: none;
13118         overflow: hidden;
13119 }
13120
13121 .mytheme .v-calendar-month td {
13122         vertical-align: top;
13123 }
13124
13125 .mytheme .v-calendar-week-number {
13126         cursor: pointer;
13127         width: 20px;
13128         text-align: center;
13129         font-size: 0.8em;
13130         opacity: 0.5;
13131         filter: alpha(opacity=50) ;
13132 }
13133
13134 .mytheme .v-calendar-week-number:hover {
13135         opacity: 1;
13136         filter: none ;
13137 }
13138
13139 .mytheme .v-calendar-month-day {
13140         outline: none;
13141         box-sizing: border-box;
13142         line-height: 1.2;
13143 }
13144
13145 .mytheme .v-calendar-bottom-spacer, .mytheme .v-calendar-spacer, .mytheme .v-calendar-bottom-spacer-empty {
13146         height: 19px;
13147         margin-bottom: 3px;
13148 }
13149
13150 .mytheme .v-calendar-bottom-spacer {
13151         font-size: 0.8em;
13152         padding: 0 5px;
13153         cursor: pointer;
13154 }
13155
13156 .mytheme .v-calendar-bottom-spacer:hover {
13157         color: #197de1;
13158 }
13159
13160 .mytheme .v-calendar-day-number {
13161         line-height: 25px;
13162         font-size: 16px;
13163         text-align: right;
13164         margin: 0 5px;
13165         white-space: nowrap;
13166         border-top: 1px solid #f2f2f2;
13167         cursor: pointer;
13168 }
13169
13170 .mytheme .v-calendar-day-number:hover {
13171         color: #197de1;
13172 }
13173
13174 .mytheme .v-calendar-month-day-today {
13175         background: #eef3f8;
13176 }
13177
13178 .mytheme .v-calendar-month-day-today .v-calendar-day-number {
13179         font-weight: 400;
13180         color: #197de1;
13181         border-top: 2px solid #197de1;
13182         line-height: 24px;
13183         margin: 0;
13184         padding: 0 5px;
13185 }
13186
13187 .mytheme .v-calendar-month-day-selected {
13188         background-color: #e3edf7;
13189 }
13190
13191 .mytheme .v-calendar-month-day-dragemphasis {
13192         background-color: #a8a8a8;
13193 }
13194
13195 .mytheme .v-calendar-month-day-scrollable {
13196         overflow-y: scroll;
13197 }
13198
13199 .mytheme .v-calendar-weekly-longevents {
13200         margin-left: 50px;
13201         border-bottom: 3px solid #e0e0e0;
13202 }
13203
13204 .mytheme .v-calendar-weekly-longevents .v-calendar-event-all-day {
13205         height: 22px;
13206         line-height: 1.6;
13207         margin-bottom: 3px;
13208 }
13209
13210 .mytheme .v-calendar-header-week td {
13211         vertical-align: middle !important;
13212 }
13213
13214 .mytheme .v-calendar-header-week .v-calendar-header-day {
13215         cursor: pointer;
13216 }
13217
13218 .mytheme .v-calendar-times {
13219         width: 50px;
13220         font-size: 0.77em;
13221         line-height: 1;
13222         white-space: nowrap;
13223 }
13224
13225 .mytheme .v-calendar-time {
13226         text-align: right;
13227         padding-right: 9px;
13228         margin-top: -6px;
13229         padding-bottom: 6px;
13230 }
13231
13232 .mytheme .v-calendar-day-times, .mytheme .v-calendar-day-times-today {
13233         outline: none;
13234         border-right: 1px solid transparent;
13235 }
13236
13237 .mytheme .v-calendar-day-times:focus, .mytheme .v-calendar-day-times-today:focus {
13238         outline: none;
13239 }
13240
13241 .mytheme .v-calendar .v-datecellslot, .mytheme .v-calendar .v-datecellslot-even {
13242         border-top: 1px solid #dfdfdf;
13243 }
13244
13245 .mytheme .v-calendar .v-datecellslot:first-child, .mytheme .v-calendar .v-datecellslot-even:first-child {
13246         border-top-color: transparent;
13247 }
13248
13249 .mytheme .v-calendar .v-datecellslot {
13250         border-top-style: dotted;
13251 }
13252
13253 .mytheme .v-calendar .v-datecellslot, .mytheme .v-calendar .v-datecellslot-even {
13254         margin-right: 5px;
13255 }
13256
13257 .mytheme .v-calendar-current-time {
13258         background: #197de1;
13259         line-height: 1px;
13260         pointer-events: none;
13261         opacity: 0.5;
13262         filter: alpha(opacity=50) ;
13263 }
13264
13265 .mytheme .v-calendar-current-time:before {
13266         content: "\2022";
13267         color: #197de1;
13268         font-size: 22px;
13269         margin-left: -0.07em;
13270 }
13271
13272 .mytheme .v-calendar .v-daterange {
13273         position: relative;
13274 }
13275
13276 .mytheme .v-calendar .v-daterange:before {
13277         content: "";
13278         position: absolute;
13279         top: 0;
13280         right: 0;
13281         bottom: -1px;
13282         left: 0;
13283         background: #197de1;
13284         opacity: 0.5;
13285         filter: alpha(opacity=50) ;
13286         border-radius: 4px 4px 0 0;
13287 }
13288
13289 .mytheme .v-calendar .v-daterange  + .v-daterange {
13290         border-color: transparent;
13291 }
13292
13293 .mytheme .v-calendar .v-daterange  + .v-daterange:before {
13294         border-radius: 0;
13295 }
13296
13297 .mytheme .v-calendar-event {
13298         font-size: 0.85em;
13299         overflow: hidden;
13300         cursor: pointer;
13301         outline: none;
13302         border-radius: 4px;
13303 }
13304
13305 .mytheme .v-calendar-event:focus {
13306         outline: none;
13307 }
13308
13309 .mytheme .v-calendar-event-month {
13310         padding: 0 5px;
13311         box-sizing: border-box;
13312         margin-bottom: 3px;
13313         white-space: nowrap;
13314         text-overflow: ellipsis;
13315         height: 19px;
13316         line-height: 19px;
13317 }
13318
13319 .mytheme .v-calendar-event-month .v-calendar-event-time {
13320         float: right;
13321         font-size: 0.9em;
13322         line-height: 19px;
13323         opacity: 0.5;
13324         filter: alpha(opacity=50) ;
13325 }
13326
13327 .mytheme .v-calendar-event-month:before {
13328         content: "\25cf";
13329         margin-right: 0.2em;
13330 }
13331
13332 .mytheme .v-calendar-event-all-day {
13333         padding: 0 5px;
13334         box-sizing: border-box;
13335         height: 19px;
13336         line-height: 19px;
13337         border-radius: 0;
13338         margin-left: -1px;
13339         white-space: nowrap;
13340 }
13341
13342 .mytheme .v-calendar-event-all-day:before {
13343         content: "";
13344 }
13345
13346 .mytheme .v-calendar-event-start {
13347         overflow: visible;
13348         margin-left: 0;
13349 }
13350
13351 .mytheme .v-calendar-event-start.v-calendar-event-continued-to, .mytheme .v-calendar-event-start.v-calendar-event-end {
13352         overflow: hidden;
13353         text-overflow: ellipsis;
13354 }
13355
13356 .mytheme .v-calendar-event-start {
13357         border-top-left-radius: 4px;
13358         border-bottom-left-radius: 4px;
13359         margin-left: 5px;
13360 }
13361
13362 .mytheme .v-calendar-event-end {
13363         border-top-right-radius: 4px;
13364         border-bottom-right-radius: 4px;
13365         margin-right: 5px;
13366 }
13367
13368 .mytheme .v-calendar-event-caption {
13369         font-weight: 500;
13370         line-height: 1.2;
13371         padding: 5px 0;
13372         position: absolute;
13373         overflow: hidden;
13374         right: 9px;
13375         left: 5px;
13376         bottom: 0;
13377         top: 0;
13378 }
13379
13380 .mytheme .v-calendar-event-caption span {
13381         font-weight: 300;
13382         white-space: nowrap;
13383 }
13384
13385 .mytheme .v-calendar-week-wrapper .v-calendar-event {
13386         overflow: visible;
13387 }
13388
13389 .mytheme .v-calendar-week-wrapper .v-calendar-event-content {
13390         margin-top: -1px;
13391         border-radius: 5px;
13392         border: 1px solid #fafafa;
13393         padding-top: 3px;
13394         margin-right: 5px;
13395 }
13396
13397 .mytheme .v-calendar-event-month:before {
13398         color: #00ace0;
13399 }
13400
13401 .mytheme .v-calendar-event-all-day {
13402         background-color: #c8eaf4;
13403         background-color: rgba(200, 234, 244, 0.8);
13404         color: #00ace0;
13405 }
13406
13407 .mytheme .v-calendar-week-wrapper .v-calendar-event {
13408         color: #00ace0;
13409 }
13410
13411 .mytheme .v-calendar-week-wrapper .v-calendar-event .v-calendar-event-content {
13412         background-color: #c8eaf4;
13413         background-color: rgba(200, 234, 244, 0.8);
13414 }
13415
13416 .mytheme .v-calendar-event-month[class*="color2"]:before {
13417         color: #2d9f19;
13418 }
13419
13420 .mytheme .v-calendar-event-all-day[class*="color2"] {
13421         background-color: #d1e7cd;
13422         background-color: rgba(209, 231, 205, 0.8);
13423         color: #2d9f19;
13424 }
13425
13426 .mytheme .v-calendar-week-wrapper .v-calendar-event[class*="color2"] {
13427         color: #2d9f19;
13428 }
13429
13430 .mytheme .v-calendar-week-wrapper .v-calendar-event[class*="color2"] .v-calendar-event-content {
13431         background-color: #d1e7cd;
13432         background-color: rgba(209, 231, 205, 0.8);
13433 }
13434
13435 .mytheme .v-calendar-event-month[class*="color3"]:before {
13436         color: #d18100;
13437 }
13438
13439 .mytheme .v-calendar-event-all-day[class*="color3"] {
13440         background-color: #f1e1c8;
13441         background-color: rgba(241, 225, 200, 0.8);
13442         color: #d18100;
13443 }
13444
13445 .mytheme .v-calendar-week-wrapper .v-calendar-event[class*="color3"] {
13446         color: #d18100;
13447 }
13448
13449 .mytheme .v-calendar-week-wrapper .v-calendar-event[class*="color3"] .v-calendar-event-content {
13450         background-color: #f1e1c8;
13451         background-color: rgba(241, 225, 200, 0.8);
13452 }
13453
13454 .mytheme .v-calendar-event-month[class*="color4"]:before {
13455         color: #ce3812;
13456 }
13457
13458 .mytheme .v-calendar-event-all-day[class*="color4"] {
13459         background-color: #f1d3cb;
13460         background-color: rgba(241, 211, 203, 0.8);
13461         color: #ce3812;
13462 }
13463
13464 .mytheme .v-calendar-week-wrapper .v-calendar-event[class*="color4"] {
13465         color: #ce3812;
13466 }
13467
13468 .mytheme .v-calendar-week-wrapper .v-calendar-event[class*="color4"] .v-calendar-event-content {
13469         background-color: #f1d3cb;
13470         background-color: rgba(241, 211, 203, 0.8);
13471 }
13472
13473 .mytheme .v-calendar-event-month[class*="color5"]:before {
13474         color: #2d55cd;
13475 }
13476
13477 .mytheme .v-calendar-event-all-day[class*="color5"] {
13478         background-color: #d1d9f1;
13479         background-color: rgba(209, 217, 241, 0.8);
13480         color: #2d55cd;
13481 }
13482
13483 .mytheme .v-calendar-week-wrapper .v-calendar-event[class*="color5"] {
13484         color: #2d55cd;
13485 }
13486
13487 .mytheme .v-calendar-week-wrapper .v-calendar-event[class*="color5"] .v-calendar-event-content {
13488         background-color: #d1d9f1;
13489         background-color: rgba(209, 217, 241, 0.8);
13490 }
13491
13492 .mytheme .v-calendar.v-disabled * {
13493         cursor: default;
13494 }
13495
13496 .mytheme .v-label {
13497         -webkit-user-select: text;
13498         -moz-user-select: text;
13499         -ms-user-select: text;
13500         user-select: text;
13501 }
13502
13503 .mytheme .v-label.v-disabled {
13504         opacity: 0.5;
13505         filter: alpha(opacity=50) ;
13506 }
13507
13508 .mytheme .v-label-undef-w {
13509         white-space: nowrap;
13510 }
13511
13512 .mytheme h1, .mytheme .v-label-h1, .mytheme h2, .mytheme .v-label-h2, .mytheme h3, .mytheme .v-label-h3 {
13513         line-height: 1.1;
13514         font-weight: 200;
13515         color: #141414;
13516 }
13517
13518 .mytheme h1, .mytheme .v-label-h1 {
13519         font-size: 2.4em;
13520         margin-top: 1.4em;
13521         margin-bottom: 1em;
13522
13523         letter-spacing: -0.03em;
13524 }
13525
13526 .mytheme h2, .mytheme .v-label-h2 {
13527         font-size: 1.6em;
13528
13529         margin-top: 1.6em;
13530         margin-bottom: 0.77em;
13531         letter-spacing: -0.02em;
13532 }
13533
13534 .mytheme h3, .mytheme .v-label-h3 {
13535         font-size: 1.2em;
13536
13537         margin-top: 1.8em;
13538         margin-bottom: 0.77em;
13539         letter-spacing: 0;
13540 }
13541
13542 .mytheme h4, .mytheme .v-label-h4 {
13543         line-height: 1.1;
13544         font-weight: 500;
13545         font-size: 14px;
13546         color: #414141;
13547         text-transform: uppercase;
13548         letter-spacing: 0;
13549         margin-top: 2.4em;
13550         margin-bottom: 0.8em;
13551 }
13552
13553 .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 {
13554         margin-top: 16px;
13555 }
13556
13557 .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 {
13558         margin-top: 16px;
13559 }
13560
13561 .mytheme .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell h1, .mytheme .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell .v-label-h1, .mytheme .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell h2, .mytheme .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell .v-label-h2, .mytheme .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell h3, .mytheme .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell .v-label-h3, .mytheme .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell h4, .mytheme .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell .v-label-h4, .mytheme .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell h1, .mytheme .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell .v-label-h1, .mytheme .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell h2, .mytheme .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell .v-label-h2, .mytheme .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell h3, .mytheme .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell .v-label-h3, .mytheme .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell h4, .mytheme .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell .v-label-h4 {
13562         margin-top: -0.5em;
13563 }
13564
13565 .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 {
13566         margin: 0 !important;
13567 }
13568
13569 .mytheme .v-label-colored {
13570         color: #197de1;
13571 }
13572
13573 .mytheme .v-label-large {
13574         font-size: 20px;
13575 }
13576
13577 .mytheme .v-label-small {
13578         font-size: 14px;
13579 }
13580
13581 .mytheme .v-label-tiny {
13582         font-size: 12px;
13583 }
13584
13585 .mytheme .v-label-huge {
13586         font-size: 26px;
13587 }
13588
13589 .mytheme .v-label-bold {
13590         font-weight: 500;
13591 }
13592
13593 .mytheme .v-label-light {
13594         font-weight: 200;
13595         color: #7d7d7d;
13596 }
13597
13598 .mytheme .v-label-align-right {
13599         text-align: right;
13600 }
13601
13602 .mytheme .v-label-align-center {
13603         text-align: center;
13604 }
13605
13606 .mytheme .v-label-spinner {
13607         height: 24px !important;
13608         width: 24px !important;
13609         box-sizing: border-box;
13610         border: 2px solid rgba(25, 125, 225, 0.2);
13611         border-top-color: #197de1;
13612         border-right-color: #197de1;
13613         border-radius: 100%;
13614         -webkit-animation: v-rotate-360 500ms infinite linear;
13615         -moz-animation: v-rotate-360 500ms infinite linear;
13616         animation: v-rotate-360 500ms infinite linear;
13617         pointer-events: none;
13618 }
13619
13620 .mytheme .v-label-success, .mytheme .v-label-failure {
13621         background: white;
13622         color: #474747;
13623         border: 2px solid #2c9720;
13624         border-radius: 4px;
13625         padding: 7px 19px 7px 37px;
13626         font-weight: 400;
13627         font-size: 15px;
13628 }
13629
13630 .mytheme .v-label-success:before, .mytheme .v-label-failure:before {
13631         font-family: ThemeIcons;
13632         content: "\f00c";
13633         margin-right: 0.5em;
13634         margin-left: -19px;
13635         color: #2c9720;
13636 }
13637
13638 .mytheme .v-label-failure {
13639         border-color: #ed473b;
13640 }
13641
13642 .mytheme .v-label-failure:before {
13643         content: "\f05e";
13644         color: #ed473b;
13645 }
13646
13647 .mytheme [draggable=true] {
13648         -khtml-user-drag: element;
13649         -webkit-user-drag: element;
13650 }
13651
13652 .mytheme .v-ddwrapper {
13653         position: relative;
13654 }
13655
13656 .mytheme .v-ddwrapper-over:before, .mytheme .v-ddwrapper-over:after {
13657         content: "";
13658         position: absolute;
13659         z-index: 10;
13660         top: -1px;
13661         right: -1px;
13662         bottom: -1px;
13663         left: -1px;
13664         border: 0 solid #197de1;
13665 }
13666
13667 .mytheme .v-ddwrapper-over-top:before {
13668         border-top-width: 2px;
13669 }
13670
13671 .mytheme .v-ddwrapper-over-right:before {
13672         border-right-width: 2px;
13673 }
13674
13675 .mytheme .v-ddwrapper-over-bottom:before {
13676         border-bottom-width: 2px;
13677 }
13678
13679 .mytheme .v-ddwrapper-over-left:before {
13680         border-left-width: 2px;
13681 }
13682
13683 .mytheme .no-vertical-drag-hints .v-ddwrapper-over-top:before, .mytheme .no-vertical-drag-hints.v-ddwrapper-over-top:before {
13684         border-top-width: 0;
13685 }
13686
13687 .mytheme .no-vertical-drag-hints .v-ddwrapper-over-top:after, .mytheme .no-vertical-drag-hints.v-ddwrapper-over-top:after {
13688         border-width: 2px;
13689         border-radius: 4px;
13690         opacity: 0.3;
13691         filter: alpha(opacity=30.0) ;
13692         background: #8abef2;
13693 }
13694
13695 .mytheme .no-vertical-drag-hints .v-ddwrapper-over-bottom:before, .mytheme .no-vertical-drag-hints.v-ddwrapper-over-bottom:before {
13696         border-bottom-width: 0;
13697 }
13698
13699 .mytheme .no-vertical-drag-hints .v-ddwrapper-over-bottom:after, .mytheme .no-vertical-drag-hints.v-ddwrapper-over-bottom:after {
13700         border-width: 2px;
13701         border-radius: 4px;
13702         opacity: 0.3;
13703         filter: alpha(opacity=30.0) ;
13704         background: #8abef2;
13705 }
13706
13707 .mytheme .no-horizontal-drag-hints.v-ddwrapper-over-left:before, .mytheme .no-horizontal-drag-hints .v-ddwrapper-over-left:before {
13708         border-left-width: 0;
13709 }
13710
13711 .mytheme .no-horizontal-drag-hints.v-ddwrapper-over-left:after, .mytheme .no-horizontal-drag-hints .v-ddwrapper-over-left:after {
13712         border-width: 2px;
13713         border-radius: 4px;
13714         opacity: 0.3;
13715         filter: alpha(opacity=30.0) ;
13716         background: #8abef2;
13717 }
13718
13719 .mytheme .no-horizontal-drag-hints.v-ddwrapper-over-right:before, .mytheme .no-horizontal-drag-hints .v-ddwrapper-over-right:before {
13720         border-right-width: 0;
13721 }
13722
13723 .mytheme .no-horizontal-drag-hints.v-ddwrapper-over-right:after, .mytheme .no-horizontal-drag-hints .v-ddwrapper-over-right:after {
13724         border-width: 2px;
13725         border-radius: 4px;
13726         opacity: 0.3;
13727         filter: alpha(opacity=30.0) ;
13728         background: #8abef2;
13729 }
13730
13731 .mytheme .v-ddwrapper-over-middle:after, .mytheme .v-ddwrapper-over-center:after {
13732         border-width: 2px;
13733         border-radius: 4px;
13734         opacity: 0.3;
13735         filter: alpha(opacity=30.0) ;
13736         background: #8abef2;
13737 }
13738
13739 .mytheme .no-box-drag-hints.v-ddwrapper:after, .mytheme .no-box-drag-hints .v-ddwrapper:after {
13740         display: none !important;
13741         content: none;
13742 }
13743
13744 .mytheme button {
13745         font: inherit;
13746         font-weight: 400;
13747         line-height: 1.55;
13748 }
13749
13750 .mytheme .v-nativebutton {
13751         -webkit-touch-callout: none;
13752 }
13753
13754 .mytheme .v-select select {
13755         border: 1px solid #c5c5c5;
13756         background-color: #fafafa;
13757         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
13758         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
13759         color: #464646;
13760 }
13761
13762 .mytheme .v-select select:focus {
13763         outline: none;
13764         -webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
13765         box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
13766 }
13767
13768 .mytheme .v-select-select {
13769         display: block;
13770 }
13771
13772 .mytheme .v-select-select  + .v-textfield {
13773         width: auto !important;
13774         margin-top: 9px;
13775 }
13776
13777 .mytheme .v-select-select  + .v-textfield  + .v-nativebutton {
13778         margin-top: 9px;
13779         margin-left: 9px;
13780 }
13781
13782 .mytheme .v-select-error .v-select-select {
13783         border-color: #ed473b !important;
13784         background: #fffbfb;
13785         color: #6c2621;
13786 }
13787
13788 .mytheme .v-popupview {
13789         cursor: pointer;
13790         color: #197de1;
13791         text-decoration: underline;
13792         font-weight: inherit;
13793         -webkit-transition: color 140ms;
13794         -moz-transition: color 140ms;
13795         transition: color 140ms;
13796 }
13797
13798 .mytheme .v-popupview:hover {
13799         color: #4396ea;
13800 }
13801
13802 .mytheme .v-popupview.v-disabled {
13803         opacity: 0.5;
13804         filter: alpha(opacity=50) ;
13805 }
13806
13807 .mytheme .v-popupview-popup {
13808         padding: 4px 4px;
13809         border-radius: 4px;
13810         background-color: white;
13811         color: #474747;
13812         -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);
13813         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);
13814         -webkit-backface-visibility: hidden;
13815         -moz-backface-visibility: hidden;
13816         -ms-backface-visibility: hidden;
13817         backface-visibility: hidden;
13818 }
13819
13820 .mytheme .v-popupview-popup[class*="animate-in"] {
13821         -webkit-animation: v-popupview-animate-in 120ms;
13822         -moz-animation: v-popupview-animate-in 120ms;
13823         animation: v-popupview-animate-in 120ms;
13824 }
13825
13826 .mytheme .v-popupview-popup[class*="animate-out"] {
13827         -webkit-animation: valo-animate-out-fade 120ms;
13828         -moz-animation: valo-animate-out-fade 120ms;
13829         animation: valo-animate-out-fade 120ms;
13830 }
13831
13832 .mytheme .v-popupview-popup .popupContent  > .v-margin-top {
13833         padding-top: 12px;
13834 }
13835
13836 .mytheme .v-popupview-popup .popupContent  > .v-margin-right {
13837         padding-right: 12px;
13838 }
13839
13840 .mytheme .v-popupview-popup .popupContent  > .v-margin-bottom {
13841         padding-bottom: 12px;
13842 }
13843
13844 .mytheme .v-popupview-popup .popupContent  > .v-margin-left {
13845         padding-left: 12px;
13846 }
13847
13848 .mytheme .v-popupview-loading {
13849         margin: 12px 12px;
13850         height: 24px !important;
13851         width: 24px !important;
13852         box-sizing: border-box;
13853         border: 2px solid rgba(25, 125, 225, 0.2);
13854         border-top-color: #197de1;
13855         border-right-color: #197de1;
13856         border-radius: 100%;
13857         -webkit-animation: v-rotate-360 500ms infinite linear;
13858         -moz-animation: v-rotate-360 500ms infinite linear;
13859         animation: v-rotate-360 500ms infinite linear;
13860         pointer-events: none;
13861 }
13862
13863 .mytheme .v-richtextarea {
13864         -webkit-appearance: none;
13865         -moz-appearance: none;
13866         -ms-appearance: none;
13867         -o-appearance: none;
13868         appearance: none;
13869         -webkit-user-select: text;
13870         -moz-user-select: text;
13871         -ms-user-select: text;
13872         user-select: text;
13873         margin: 0;
13874         font: inherit;
13875
13876         font-weight: 400;
13877         line-height: normal;
13878         height: 37px;
13879         border-radius: 4px;
13880         padding: 0;
13881         border: 1px solid #c5c5c5;
13882         background: white;
13883         color: #474747;
13884         -webkit-box-shadow: inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
13885         box-shadow: inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
13886         -webkit-transition: box-shadow 180ms, border 180ms;
13887         -moz-transition: box-shadow 180ms, border 180ms;
13888         transition: box-shadow 180ms, border 180ms;
13889         height: auto;
13890         overflow: hidden;
13891 }
13892
13893 .mytheme .v-richtextarea[class*="prompt"] {
13894         color: #a3a3a3;
13895 }
13896
13897 .mytheme .v-richtextarea .gwt-RichTextToolbar {
13898         background-color: #fafafa;
13899         background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
13900         background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
13901         -webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7;
13902         box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7;
13903         border-bottom: 1px solid #c5c5c5;
13904         color: #464646;
13905 }
13906
13907 .mytheme .v-richtextarea .gwt-ToggleButton, .mytheme .v-richtextarea .gwt-PushButton {
13908         display: inline-block;
13909         line-height: 37px;
13910         width: 37px;
13911         text-align: center;
13912         outline: none;
13913 }
13914
13915 .mytheme .v-richtextarea .gwt-ToggleButton:hover, .mytheme .v-richtextarea .gwt-PushButton:hover {
13916         color: black;
13917 }
13918
13919 .mytheme .v-richtextarea .gwt-ToggleButton-down, .mytheme .v-richtextarea .gwt-ToggleButton-down-hovering {
13920         background-color: #e0e0e0;
13921         background-image: -webkit-linear-gradient(bottom, #e0e0e0 2%, #dcdcdc 98%);
13922         background-image: linear-gradient(to top,#e0e0e0 2%, #dcdcdc 98%);
13923 }
13924
13925 .mytheme .v-richtextarea .gwt-RichTextToolbar-top img {
13926         display: none;
13927 }
13928
13929 .mytheme .v-richtextarea .gwt-RichTextToolbar-top div:before {
13930         font-family: ThemeIcons;
13931 }
13932
13933 .mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Bold"]:before {
13934         content: "\f032";
13935 }
13936
13937 .mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Italic"]:before {
13938         content: "\f033";
13939 }
13940
13941 .mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Underline"]:before {
13942         content: "\f0cd";
13943 }
13944
13945 .mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Subscript"]:before {
13946         content: "\f12c";
13947 }
13948
13949 .mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Superscript"]:before {
13950         content: "\f12b";
13951 }
13952
13953 .mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Left Justify"]:before {
13954         content: "\f036";
13955 }
13956
13957 .mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Center"]:before {
13958         content: "\f037";
13959 }
13960
13961 .mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Right Justify"]:before {
13962         content: "\f038";
13963 }
13964
13965 .mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Strikethrough"]:before {
13966         content: "\f0cc";
13967 }
13968
13969 .mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Indent Right"]:before {
13970         content: "\f03c";
13971 }
13972
13973 .mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Indent Left"]:before {
13974         content: "\f03b";
13975 }
13976
13977 .mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Insert Horizontal Rule"]:before {
13978         content: "\2014";
13979 }
13980
13981 .mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Insert Ordered List"]:before {
13982         content: "\f0cb";
13983 }
13984
13985 .mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Insert Unordered List"]:before {
13986         content: "\f0ca";
13987 }
13988
13989 .mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Insert Image"]:before {
13990         content: "\f03e";
13991 }
13992
13993 .mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Create Link"]:before {
13994         content: "\f0c1";
13995 }
13996
13997 .mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Remove Link"]:before {
13998         content: "\f127";
13999 }
14000
14001 .mytheme .v-richtextarea .gwt-RichTextToolbar-top div[title="Remove Formatting"]:before {
14002         content: "\f12d";
14003 }
14004
14005 .mytheme .v-richtextarea .gwt-RichTextToolbar-bottom {
14006         font-size: 13px;
14007         padding: 0 9px 9px 0;
14008 }
14009
14010 .mytheme .v-richtextarea .gwt-RichTextToolbar-bottom select {
14011         margin: 9px 0 0 9px;
14012 }
14013
14014 .mytheme .v-richtextarea .gwt-RichTextArea {
14015         background: #fff;
14016         border: none;
14017         display: block;
14018 }
14019
14020 .mytheme .v-richtextarea-readonly {
14021         padding: 5px 7px;
14022         background: transparent;
14023 }
14024
14025 .mytheme .v-upload .v-button {
14026         box-sizing: border-box;
14027         display: inline-block;
14028         vertical-align: top;
14029         text-align: left;
14030         white-space: normal;
14031 }
14032
14033 .mytheme .v-upload-immediate .v-button {
14034         width: 100%;
14035 }
14036
14037 .mytheme .v-upload-immediate input[type="file"] {
14038         opacity: 0;
14039         filter: alpha(opacity=0) ;
14040         z-index: -1;
14041         position: absolute;
14042         right: 0;
14043         height: 37px;
14044         text-align: right;
14045         border: none;
14046         background: transparent;
14047 }
14048
14049 .mytheme .v-Notification.v-position-top {
14050         top: 12px;
14051 }
14052
14053 .mytheme .v-Notification.v-position-right {
14054         right: 12px;
14055 }
14056
14057 .mytheme .v-Notification.v-position-bottom {
14058         bottom: 12px;
14059 }
14060
14061 .mytheme .v-Notification.v-position-left {
14062         left: 12px;
14063 }
14064
14065 .mytheme .v-Notification.v-position-assistive {
14066         top: -9999px;
14067         left: -9999px;
14068 }
14069
14070 .mytheme .v-Notification-animate-in {
14071         -webkit-animation: valo-animate-in-fade 180ms 10ms backwards;
14072         -moz-animation: valo-animate-in-fade 180ms 10ms backwards;
14073         animation: valo-animate-in-fade 180ms 10ms backwards;
14074 }
14075
14076 .mytheme .v-Notification-animate-in.v-position-top {
14077         -webkit-animation: valo-animate-in-slide-down 400ms 10ms backwards;
14078         -moz-animation: valo-animate-in-slide-down 400ms 10ms backwards;
14079         animation: valo-animate-in-slide-down 400ms 10ms backwards;
14080 }
14081
14082 .mytheme .v-Notification-animate-in.v-position-bottom {
14083         -webkit-animation: valo-animate-in-slide-up 400ms 10ms backwards;
14084         -moz-animation: valo-animate-in-slide-up 400ms 10ms backwards;
14085         animation: valo-animate-in-slide-up 400ms 10ms backwards;
14086 }
14087
14088 .mytheme .v-Notification-animate-out {
14089         -webkit-animation: valo-animate-out-fade 150ms;
14090         -moz-animation: valo-animate-out-fade 150ms;
14091         animation: valo-animate-out-fade 150ms;
14092 }
14093
14094 .mytheme .v-Notification-animate-out.v-position-top, .mytheme .v-Notification-animate-out.v-position-bottom {
14095         -webkit-animation: valo-animate-out-slide-down-fade 200ms;
14096         -moz-animation: valo-animate-out-slide-down-fade 200ms;
14097         animation: valo-animate-out-slide-down-fade 200ms;
14098 }
14099
14100 .mytheme .v-Notification {
14101         border-radius: 4px;
14102         text-align: center;
14103         position: fixed !important;
14104         -webkit-backface-visibility: hidden;
14105         -moz-backface-visibility: hidden;
14106         -ms-backface-visibility: hidden;
14107         backface-visibility: hidden;
14108         background: white;
14109         -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
14110         box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
14111         padding: 19px 22px;
14112 }
14113
14114 .mytheme .v-Notification .v-Notification-caption {
14115         color: #197de1;
14116         font-size: 19px;
14117         line-height: 1;
14118 }
14119
14120 .mytheme .v-Notification .v-Notification-description {
14121         line-height: 1.4;
14122 }
14123
14124 .mytheme .v-Notification-caption {
14125         margin: 0;
14126         display: inline-block;
14127         text-align: left;
14128         font-weight: inherit;
14129         line-height: inherit;
14130         white-space: nowrap;
14131         letter-spacing: 0;
14132 }
14133
14134 .mytheme .v-Notification-description, .mytheme .v-Notification-details {
14135         margin: 0;
14136         display: inline-block;
14137         vertical-align: middle;
14138         max-width: 30em;
14139         text-align: left;
14140         max-height: 20em;
14141         overflow: auto;
14142 }
14143
14144 .mytheme .v-Notification-caption ~ .v-Notification-description, .mytheme .v-Notification-caption ~ .v-Notification-details {
14145         margin-left: 24px;
14146 }
14147
14148 .mytheme .v-icon + .v-Notification-caption {
14149         margin-left: 16px;
14150 }
14151
14152 .mytheme .v-Notification-system {
14153         left: 0 !important;
14154         right: 0;
14155         max-width: 100%;
14156         margin: 0 !important;
14157         border-radius: 0;
14158         -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
14159         box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
14160         padding: 12px 15px;
14161         background-color: #444;
14162         background-color: rgba(68, 68, 68, 0.9);
14163         font-weight: 400;
14164         line-height: 22px;
14165 }
14166
14167 .mytheme .v-Notification-system .v-Notification-description, .mytheme .v-Notification-system .v-Notification-details {
14168         max-width: 50em;
14169 }
14170
14171 .mytheme .v-Notification-system.v-position-top {
14172         top: 0;
14173 }
14174
14175 .mytheme .v-Notification-system.v-position-top[class*="animate-in"] {
14176         -webkit-animation: valo-animate-in-slide-down 300ms 10ms backwards;
14177         -moz-animation: valo-animate-in-slide-down 300ms 10ms backwards;
14178         animation: valo-animate-in-slide-down 300ms 10ms backwards;
14179 }
14180
14181 .mytheme .v-Notification-system.v-position-top[class*="animate-out"] {
14182         -webkit-animation: valo-animate-out-slide-up 200ms;
14183         -moz-animation: valo-animate-out-slide-up 200ms;
14184         animation: valo-animate-out-slide-up 200ms;
14185 }
14186
14187 .mytheme .v-Notification-system.v-position-bottom {
14188         bottom: 0;
14189 }
14190
14191 .mytheme .v-Notification-system.v-position-bottom[class*="animate-in"] {
14192         -webkit-animation: valo-animate-in-slide-up 300ms 10ms backwards;
14193         -moz-animation: valo-animate-in-slide-up 300ms 10ms backwards;
14194         animation: valo-animate-in-slide-up 300ms 10ms backwards;
14195 }
14196
14197 .mytheme .v-Notification-system.v-position-bottom[class*="animate-out"] {
14198         -webkit-animation: valo-animate-out-slide-down 200ms;
14199         -moz-animation: valo-animate-out-slide-down 200ms;
14200         animation: valo-animate-out-slide-down 200ms;
14201 }
14202
14203 .mytheme .v-Notification-system .v-Notification-caption {
14204         color: #fff;
14205         vertical-align: middle;
14206 }
14207
14208 .mytheme .v-Notification-system .v-Notification-description, .mytheme .v-Notification-system .v-Notification-details {
14209         color: #e6e6e6;
14210 }
14211
14212 .mytheme .v-Notification-system u {
14213         text-decoration: none;
14214 }
14215
14216 .mytheme .v-Notification.tray {
14217         text-align: left;
14218 }
14219
14220 .mytheme .v-Notification.tray .v-Notification-caption + .v-Notification-description {
14221         display: block;
14222         margin: 0.5em 0 0;
14223 }
14224
14225 .mytheme .v-Notification.warning {
14226         background: #FFF3D2;
14227 }
14228
14229 .mytheme .v-Notification.warning .v-Notification-caption {
14230         color: #AC7C00;
14231 }
14232
14233 .mytheme .v-Notification.warning .v-Notification-description {
14234         color: #9D874D;
14235 }
14236
14237 .mytheme .v-Notification.error {
14238         background: #ed473b;
14239         font-weight: 400;
14240         -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.25);
14241         box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.25);
14242         padding-right: 59px;
14243         overflow: hidden !important;
14244         cursor: pointer;
14245 }
14246
14247 .mytheme .v-Notification.error .v-Notification-caption {
14248         color: white;
14249 }
14250
14251 .mytheme .v-Notification.error .v-Notification-description {
14252         color: #f4e0df;
14253 }
14254
14255 .mytheme .v-Notification.error:after {
14256         content: "\00d7";
14257         font-size: 1.5em;
14258         position: absolute;
14259         top: 50%;
14260         margin-top: -12px;
14261         right: 12px;
14262         width: 25px;
14263         height: 25px;
14264         line-height: 24px;
14265         cursor: pointer;
14266         color: #000;
14267         opacity: 0.5;
14268         filter: alpha(opacity=50) ;
14269         text-align: center;
14270         border: 1px solid #000;
14271         border-color: rgba(0, 0, 0, 0.3);
14272         border-radius: 50%;
14273         -webkit-transition: opacity 200ms;
14274         -moz-transition: opacity 200ms;
14275         transition: opacity 200ms;
14276 }
14277
14278 .mytheme .v-Notification.error:hover:after {
14279         opacity: 1;
14280         filter: none ;
14281 }
14282
14283 .mytheme .v-Notification.error:active:after {
14284         background-color: #000;
14285         color: #fff;
14286         opacity: 0.3;
14287         filter: alpha(opacity=30.0) ;
14288         -webkit-transition: none 200ms;
14289         -moz-transition: none 200ms;
14290         transition: none 200ms;
14291 }
14292
14293 .mytheme .v-Notification.error:after {
14294         color: #fff;
14295         border-color: #fff;
14296         border-color: rgba(255, 255, 255, 0.3);
14297 }
14298
14299 .mytheme .v-Notification.error:active:after {
14300         background-color: #fff;
14301         color: #000;
14302 }
14303
14304 .mytheme .v-Notification.dark {
14305         background-color: #444;
14306         background-color: rgba(68, 68, 68, 0.9);
14307         font-weight: 400;
14308         line-height: 22px;
14309 }
14310
14311 .mytheme .v-Notification.dark .v-Notification-caption {
14312         color: #fff;
14313         vertical-align: middle;
14314 }
14315
14316 .mytheme .v-Notification.dark .v-Notification-description, .mytheme .v-Notification.dark .v-Notification-details {
14317         color: #e6e6e6;
14318 }
14319
14320 .mytheme .v-Notification.bar {
14321         left: 0 !important;
14322         right: 0;
14323         max-width: 100%;
14324         margin: 0 !important;
14325         border-radius: 0;
14326         -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
14327         box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
14328         padding: 12px 15px;
14329 }
14330
14331 .mytheme .v-Notification.bar .v-Notification-description, .mytheme .v-Notification.bar .v-Notification-details {
14332         max-width: 50em;
14333 }
14334
14335 .mytheme .v-Notification.bar.v-position-top {
14336         top: 0;
14337 }
14338
14339 .mytheme .v-Notification.bar.v-position-top[class*="animate-in"] {
14340         -webkit-animation: valo-animate-in-slide-down 300ms 10ms backwards;
14341         -moz-animation: valo-animate-in-slide-down 300ms 10ms backwards;
14342         animation: valo-animate-in-slide-down 300ms 10ms backwards;
14343 }
14344
14345 .mytheme .v-Notification.bar.v-position-top[class*="animate-out"] {
14346         -webkit-animation: valo-animate-out-slide-up 200ms;
14347         -moz-animation: valo-animate-out-slide-up 200ms;
14348         animation: valo-animate-out-slide-up 200ms;
14349 }
14350
14351 .mytheme .v-Notification.bar.v-position-bottom {
14352         bottom: 0;
14353 }
14354
14355 .mytheme .v-Notification.bar.v-position-bottom[class*="animate-in"] {
14356         -webkit-animation: valo-animate-in-slide-up 300ms 10ms backwards;
14357         -moz-animation: valo-animate-in-slide-up 300ms 10ms backwards;
14358         animation: valo-animate-in-slide-up 300ms 10ms backwards;
14359 }
14360
14361 .mytheme .v-Notification.bar.v-position-bottom[class*="animate-out"] {
14362         -webkit-animation: valo-animate-out-slide-down 200ms;
14363         -moz-animation: valo-animate-out-slide-down 200ms;
14364         animation: valo-animate-out-slide-down 200ms;
14365 }
14366
14367 .mytheme .v-Notification.small {
14368         padding: 11px 13px;
14369 }
14370
14371 .mytheme .v-Notification.small .v-Notification-caption {
14372         font-size: 16px;
14373 }
14374
14375 .mytheme .v-Notification.small .v-Notification-description {
14376         font-size: 14px;
14377 }
14378
14379 .mytheme .v-Notification.critical-error {
14380         background: #ed473b;
14381         font-weight: 400;
14382         -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.25);
14383         box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.25);
14384 }
14385
14386 .mytheme .v-Notification.critical-error .v-Notification-caption {
14387         color: white;
14388 }
14389
14390 .mytheme .v-Notification.critical-error .v-Notification-description {
14391         color: #f4e0df;
14392 }
14393
14394 .mytheme .v-Notification.closable {
14395         padding-right: 59px;
14396         overflow: hidden !important;
14397         cursor: pointer;
14398 }
14399
14400 .mytheme .v-Notification.closable:after {
14401         content: "\00d7";
14402         font-size: 1.5em;
14403         position: absolute;
14404         top: 50%;
14405         margin-top: -12px;
14406         right: 12px;
14407         width: 25px;
14408         height: 25px;
14409         line-height: 24px;
14410         cursor: pointer;
14411         color: #000;
14412         opacity: 0.5;
14413         filter: alpha(opacity=50) ;
14414         text-align: center;
14415         border: 1px solid #000;
14416         border-color: rgba(0, 0, 0, 0.3);
14417         border-radius: 50%;
14418         -webkit-transition: opacity 200ms;
14419         -moz-transition: opacity 200ms;
14420         transition: opacity 200ms;
14421 }
14422
14423 .mytheme .v-Notification.closable:hover:after {
14424         opacity: 1;
14425         filter: none ;
14426 }
14427
14428 .mytheme .v-Notification.closable:active:after {
14429         background-color: #000;
14430         color: #fff;
14431         opacity: 0.3;
14432         filter: alpha(opacity=30.0) ;
14433         -webkit-transition: none 200ms;
14434         -moz-transition: none 200ms;
14435         transition: none 200ms;
14436 }
14437
14438 .mytheme .v-Notification.closable.dark:after, .mytheme .v-Notification.closable.critical-error:after, .mytheme .v-Notification.closable.system:after {
14439         color: #fff;
14440         border-color: #fff;
14441         border-color: rgba(255, 255, 255, 0.3);
14442 }
14443
14444 .mytheme .v-Notification.closable.dark:active:after, .mytheme .v-Notification.closable.critical-error:active:after, .mytheme .v-Notification.closable.system:active:after {
14445         background-color: #fff;
14446         color: #000;
14447 }
14448
14449 .mytheme .v-Notification.closable.tray:after {
14450         top: 16px;
14451         margin-top: 0;
14452 }
14453
14454 .mytheme .v-Notification.success, .mytheme .v-Notification.failure {
14455         background: #fff;
14456         color: #555;
14457         border: 2px solid #2c9720;
14458 }
14459
14460 .mytheme .v-Notification.success .v-Notification-caption, .mytheme .v-Notification.failure .v-Notification-caption {
14461         color: #2c9720;
14462         font-weight: 400;
14463 }
14464
14465 .mytheme .v-Notification.success .v-Notification-caption:before, .mytheme .v-Notification.failure .v-Notification-caption:before {
14466         font-family: ThemeIcons;
14467         content: "\f00c";
14468         margin-right: 0.5em;
14469 }
14470
14471 .mytheme .v-Notification.success.bar, .mytheme .v-Notification.failure.bar {
14472         margin: -2px !important;
14473 }
14474
14475 .mytheme .v-Notification.failure {
14476         border-color: #ed473b;
14477 }
14478
14479 .mytheme .v-Notification.failure .v-Notification-caption {
14480         color: #ed473b;
14481 }
14482
14483 .mytheme .v-Notification.failure .v-Notification-caption:before {
14484         content: "\f05e";
14485 }
14486
14487 .mytheme .valo-menu {
14488         height: 100%;
14489         background-color: #4b4b4b;
14490         background-image: -webkit-linear-gradient(right, #414141 0%, #4b4b4b 9px);
14491         background-image: linear-gradient(to left,#414141 0%, #4b4b4b 9px);
14492         color: #a5a5a5;
14493         font-size: 14px;
14494         line-height: 30px;
14495         border-right: 1px solid #3b3b3b;
14496         white-space: nowrap;
14497 }
14498
14499 .mytheme .valo-menu-toggle {
14500         display: none;
14501         position: fixed;
14502         z-index: 200;
14503         top: 3px;
14504         left: 3px;
14505         min-width: 0;
14506 }
14507
14508 .mytheme .valo-menu-part {
14509         border-left: 1px solid #414141;
14510         height: 100%;
14511         padding-bottom: 37px;
14512         overflow: auto;
14513 }
14514
14515 .mytheme .valo-menu-part:first-child {
14516         border-left: none;
14517 }
14518
14519 .mytheme .valo-menu-title, .mytheme .valo-menu-subtitle, .mytheme .valo-menu-item {
14520         display: block;
14521         line-height: inherit;
14522         white-space: nowrap;
14523         position: relative;
14524 }
14525
14526 .mytheme .valo-menu-title .valo-menu-badge, .mytheme .valo-menu-subtitle .valo-menu-badge, .mytheme .valo-menu-item .valo-menu-badge {
14527         position: absolute;
14528         right: 19px;
14529 }
14530
14531 .mytheme .valo-menu-title {
14532         line-height: 1.2;
14533         background-color: #197de1;
14534         background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
14535         background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
14536         color: white;
14537         text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
14538         padding: 12px 19px;
14539         font-size: 14px;
14540         border-bottom: 1px solid #1362b1;
14541         -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
14542         box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
14543         text-align: center;
14544 }
14545
14546 .mytheme .valo-menu-title .v-menubar.v-menubar {
14547         background: transparent;
14548         border-color: #1362b1;
14549         color: inherit;
14550         -webkit-box-shadow: none;
14551         box-shadow: none;
14552         text-shadow: inherit;
14553 }
14554
14555 .mytheme .valo-menu-title .v-menubar-menuitem {
14556         background: transparent;
14557         -webkit-box-shadow: inset 0 1px 0 #4d98e6, inset 0 -1px 0 #166bca;
14558         box-shadow: inset 0 1px 0 #4d98e6, inset 0 -1px 0 #166bca;
14559         text-shadow: inherit;
14560         font-size: 16px;
14561         border-color: inherit;
14562 }
14563
14564 .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 {
14565         margin-top: 0;
14566         margin-bottom: 0;
14567         color: inherit;
14568 }
14569
14570 .mytheme .v-menubar-user-menu {
14571         border: none;
14572         border-radius: 0;
14573         padding: 1px;
14574         -webkit-box-shadow: none;
14575         box-shadow: none;
14576         text-shadow: none;
14577         background: transparent;
14578         color: inherit;
14579         margin: 19px 7px;
14580         display: block;
14581         overflow: hidden;
14582         text-align: center;
14583         height: auto;
14584         color: inherit;
14585 }
14586
14587 .mytheme .v-menubar-user-menu:focus:after {
14588         display: none;
14589 }
14590
14591 .mytheme .v-menubar-user-menu .v-menubar-menuitem {
14592         -webkit-box-shadow: none;
14593         box-shadow: none;
14594         border: none;
14595         margin-right: 1px;
14596         border-radius: 4px;
14597         color: #197de1;
14598         padding: 0 12px;
14599         -webkit-transition: color 140ms;
14600         -moz-transition: color 140ms;
14601         transition: color 140ms;
14602 }
14603
14604 .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 {
14605         border-radius: 4px;
14606 }
14607
14608 .mytheme .v-menubar-user-menu .v-menubar-menuitem:before {
14609         content: none;
14610 }
14611
14612 .mytheme .v-menubar-user-menu .v-menubar-menuitem:hover {
14613         color: #4396ea;
14614 }
14615
14616 .mytheme .v-menubar-user-menu .v-menubar-menuitem:active {
14617         color: inherit;
14618 }
14619
14620 .mytheme .v-menubar-user-menu .v-menubar-menuitem-checked, .mytheme .v-menubar-user-menu .v-menubar-menuitem-checked:first-child {
14621         border: 1px solid #c5c5c5;
14622         color: #197de1;
14623 }
14624
14625 .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 {
14626         position: relative;
14627         top: -1px;
14628 }
14629
14630 .mytheme .v-menubar-user-menu .v-menubar-menuitem-selected {
14631         color: #ecf2f8;
14632         text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
14633 }
14634
14635 .mytheme .v-menubar-user-menu .v-menubar-menuitem-selected:hover {
14636         color: #ecf2f8;
14637 }
14638
14639 .mytheme .v-menubar-user-menu .v-menubar-menuitem-disabled, .mytheme .v-menubar-user-menu .v-menubar-menuitem-disabled:hover {
14640         color: inherit;
14641 }
14642
14643 .mytheme .v-menubar-user-menu  > .v-menubar-menuitem {
14644         color: inherit;
14645         white-space: normal;
14646         line-height: 1.4;
14647         margin: 0;
14648 }
14649
14650 .mytheme .v-menubar-user-menu  > .v-menubar-menuitem img.v-icon {
14651         width: 56px;
14652         height: 56px;
14653         border-radius: 29px;
14654         box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
14655         display: block;
14656         margin: 0 auto 0.3em;
14657         border: 1px solid #c5c5c5;
14658 }
14659
14660 .mytheme .v-menubar-user-menu  > .v-menubar-menuitem:after {
14661         top: 0;
14662         right: 0;
14663         bottom: 0;
14664         left: 0;
14665 }
14666
14667 .mytheme .v-menubar-user-menu .v-menubar-menuitem-selected {
14668         background: transparent;
14669 }
14670
14671 .mytheme .valo-menu-subtitle {
14672         color: #868686;
14673         margin: 7px 0 7px 19px;
14674         border-bottom: 1px solid #666666;
14675 }
14676
14677 .mytheme .valo-menu-subtitle [class*="badge"] {
14678         color: #73a5d7;
14679 }
14680
14681 .mytheme .valo-menuitems {
14682         display: block;
14683 }
14684
14685 .mytheme .valo-menu-item {
14686         outline: none;
14687         font-weight: 400;
14688         padding: 0 37px 0 19px;
14689         cursor: pointer;
14690         position: relative;
14691         overflow: hidden;
14692         text-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
14693         -webkit-transition: background-color 300ms, color 60ms;
14694         -moz-transition: background-color 300ms, color 60ms;
14695         transition: background-color 300ms, color 60ms;
14696 }
14697
14698 .mytheme .valo-menu-item [class*="caption"] {
14699         vertical-align: middle;
14700         display: inline-block;
14701         width: 90%;
14702         max-width: 15em;
14703         padding-right: 19px;
14704         text-overflow: ellipsis;
14705         overflow: hidden;
14706 }
14707
14708 .mytheme .valo-menu-item [class*="badge"] {
14709         color: #73a5d7;
14710 }
14711
14712 .mytheme .valo-menu-item.selected {
14713         background: #434343;
14714 }
14715
14716 .mytheme .valo-menu-item.selected .v-icon {
14717         color: #197de1;
14718 }
14719
14720 .mytheme .valo-menu-item.selected [class*="badge"] {
14721         background-color: #197de1;
14722         background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
14723         background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
14724         color: #c8dbed;
14725 }
14726
14727 .mytheme .valo-menu-item:focus, .mytheme .valo-menu-item:hover, .mytheme .valo-menu-item.selected {
14728         color: white;
14729 }
14730
14731 .mytheme .valo-menu-item span.v-icon {
14732         min-width: 1em;
14733         margin-right: 19px;
14734         text-align: center;
14735         vertical-align: middle;
14736         -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(black), to(rgba(0, 0, 0, 0.75)));
14737 }
14738
14739 .mytheme .valo-menu-item span.v-icon  + span {
14740         margin-left: 0;
14741 }
14742
14743 .mytheme .valo-menu-item [class*="badge"] {
14744         background-color: #585858;
14745         -webkit-transition: background-color 300ms;
14746         -moz-transition: background-color 300ms;
14747         transition: background-color 300ms;
14748         line-height: 1;
14749         padding: 4px 6px;
14750         min-width: 11px;
14751         text-align: center;
14752         top: 4px;
14753         border-radius: 4px;
14754 }
14755
14756 .mytheme .valo-menu-part.large-icons {
14757         background-color: #4b4b4b;
14758         min-width: 74px;
14759         max-width: 111px;
14760 }
14761
14762 .mytheme .valo-menu-part.large-icons .valo-menu-title {
14763         font-size: 12px;
14764 }
14765
14766 .mytheme .valo-menu-part.large-icons .valo-menu-title .v-label-undef-w {
14767         white-space: normal;
14768 }
14769
14770 .mytheme .valo-menu-part.large-icons .v-menubar-user-menu {
14771         margin-left: 0;
14772         margin-right: 0;
14773         font-size: 11px;
14774 }
14775
14776 .mytheme .valo-menu-part.large-icons .v-menubar-user-menu img.v-icon {
14777         width: 28px;
14778         height: 28px;
14779 }
14780
14781 .mytheme .valo-menu-part.large-icons [class*="subtitle"] {
14782         margin: 9px 0 0;
14783         padding: 7px 25px 7px 9px;
14784         line-height: 1;
14785         border: none;
14786         text-overflow: ellipsis;
14787         overflow: hidden;
14788         background: #3c3c3c;
14789         font-size: 13px;
14790         box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
14791 }
14792
14793 .mytheme .valo-menu-part.large-icons [class*="subtitle"] [class*="badge"] {
14794         right: 9px;
14795 }
14796
14797 .mytheme .valo-menu-part.large-icons [class*="subtitle"]  + .valo-menu-item {
14798         border-top: none;
14799 }
14800
14801 .mytheme .valo-menu-part.large-icons .valo-menu-item {
14802         display: block;
14803         font-size: 26px;
14804         line-height: 1;
14805         padding: 12px;
14806         text-align: center;
14807         border-top: 1px solid #555555;
14808 }
14809
14810 .mytheme .valo-menu-part.large-icons .valo-menu-item:first-child {
14811         border-top: none;
14812 }
14813
14814 .mytheme .valo-menu-part.large-icons .valo-menu-item [class*="caption"] {
14815         display: block;
14816         width: auto;
14817         margin: 0.3em 0 0;
14818         padding: 0;
14819         font-size: 11px;
14820         line-height: 1.3;
14821 }
14822
14823 .mytheme .valo-menu-part.large-icons .valo-menu-item .v-icon {
14824         margin: 0;
14825 }
14826
14827 .mytheme .valo-menu-part.large-icons .valo-menu-item span.v-icon {
14828         opacity: 0.8;
14829 }
14830
14831 .mytheme .valo-menu-part.large-icons .valo-menu-item.selected {
14832         background: #434343;
14833 }
14834
14835 .mytheme .valo-menu-part.large-icons .valo-menu-item.selected .v-icon {
14836         opacity: 1;
14837 }
14838
14839 .mytheme .valo-menu-part.large-icons .valo-menu-item.selected [class*="badge"] {
14840         border-color: #434343;
14841 }
14842
14843 .mytheme .valo-menu-part.large-icons .valo-menu-item [class*="badge"] {
14844         padding-left: 4px;
14845         padding-right: 4px;
14846         top: 7px;
14847         right: 7px;
14848         border: 2px solid #4b4b4b;
14849 }
14850
14851 .mytheme .valo-menu-logo {
14852         display: block;
14853         overflow: hidden;
14854         width: 44px !important;
14855         height: 44px;
14856         border-radius: 4px;
14857         text-align: center;
14858         background-color: #197de1;
14859         background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
14860         background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
14861         color: white;
14862         font-size: 25px;
14863         line-height: 44px;
14864         margin: 19px auto;
14865         -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
14866         box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
14867 }
14868
14869 .mytheme .valo-menu-logo:focus {
14870         outline: none;
14871 }
14872
14873 .mytheme .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part {
14874         background-color: #4b4b4b;
14875         min-width: 74px;
14876         max-width: 111px;
14877 }
14878
14879 .mytheme .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-title {
14880         font-size: 12px;
14881 }
14882
14883 .mytheme .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-title .v-label-undef-w {
14884         white-space: normal;
14885 }
14886
14887 .mytheme .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .v-menubar-user-menu {
14888         margin-left: 0;
14889         margin-right: 0;
14890         font-size: 11px;
14891 }
14892
14893 .mytheme .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .v-menubar-user-menu img.v-icon {
14894         width: 28px;
14895         height: 28px;
14896 }
14897
14898 .mytheme .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part [class*="subtitle"] {
14899         margin: 9px 0 0;
14900         padding: 7px 25px 7px 9px;
14901         line-height: 1;
14902         border: none;
14903         text-overflow: ellipsis;
14904         overflow: hidden;
14905         background: #3c3c3c;
14906         font-size: 13px;
14907         box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
14908 }
14909
14910 .mytheme .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part [class*="subtitle"] [class*="badge"] {
14911         right: 9px;
14912 }
14913
14914 .mytheme .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part [class*="subtitle"]  + .valo-menu-item {
14915         border-top: none;
14916 }
14917
14918 .mytheme .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item {
14919         display: block;
14920         font-size: 26px;
14921         line-height: 1;
14922         padding: 12px;
14923         text-align: center;
14924         border-top: 1px solid #555555;
14925 }
14926
14927 .mytheme .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item:first-child {
14928         border-top: none;
14929 }
14930
14931 .mytheme .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item [class*="caption"] {
14932         display: block;
14933         width: auto;
14934         margin: 0.3em 0 0;
14935         padding: 0;
14936         font-size: 11px;
14937         line-height: 1.3;
14938 }
14939
14940 .mytheme .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item .v-icon {
14941         margin: 0;
14942 }
14943
14944 .mytheme .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item span.v-icon {
14945         opacity: 0.8;
14946 }
14947
14948 .mytheme .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item.selected {
14949         background: #434343;
14950 }
14951
14952 .mytheme .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item.selected .v-icon {
14953         opacity: 1;
14954 }
14955
14956 .mytheme .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item.selected [class*="badge"] {
14957         border-color: #434343;
14958 }
14959
14960 .mytheme .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item [class*="badge"] {
14961         padding-left: 4px;
14962         padding-right: 4px;
14963         top: 7px;
14964         right: 7px;
14965         border: 2px solid #4b4b4b;
14966 }
14967
14968 .mytheme .valo-menu-responsive[width-range~="0-800px"] {
14969         padding-top: 37px;
14970         -webkit-box-sizing: border-box;
14971         box-sizing: border-box;
14972 }
14973
14974 .mytheme .valo-menu-responsive[width-range~="0-800px"] .v-loading-indicator {
14975         top: 37px;
14976 }
14977
14978 .mytheme .valo-menu-responsive[width-range~="0-800px"]  > .v-widget {
14979         position: relative !important;
14980 }
14981
14982 .mytheme .valo-menu-responsive[width-range~="0-800px"] .valo-menu {
14983         border-right: none;
14984 }
14985
14986 .mytheme .valo-menu-responsive[width-range~="0-800px"] .valo-menu-part {
14987         overflow: visible;
14988 }
14989
14990 .mytheme .valo-menu-responsive[width-range~="0-800px"] .valo-menu-toggle {
14991         display: inline-block;
14992 }
14993
14994 .mytheme .valo-menu-responsive[width-range~="0-800px"] .valo-menu-title {
14995         position: fixed;
14996         z-index: 100;
14997         top: 0;
14998         left: 0;
14999         right: 0;
15000         height: 37px !important;
15001         padding-top: 0;
15002         padding-bottom: 0;
15003         -webkit-backface-visibility: hidden;
15004 }
15005
15006 .mytheme .valo-menu-responsive[width-range~="0-800px"] .valo-menu .v-menubar-user-menu {
15007         position: fixed;
15008         z-index: 100;
15009         top: 0;
15010         right: 0;
15011         margin: 0;
15012         padding: 0;
15013         height: 37px;
15014         color: #97bee5;
15015         max-width: 30%;
15016         -webkit-backface-visibility: hidden;
15017 }
15018
15019 .mytheme .valo-menu-responsive[width-range~="0-800px"] .valo-menu .v-menubar-user-menu .v-menubar-menuitem {
15020         line-height: 36px;
15021         white-space: nowrap;
15022 }
15023
15024 .mytheme .valo-menu-responsive[width-range~="0-800px"] .valo-menu .v-menubar-user-menu img.v-icon {
15025         display: inline-block;
15026         margin: 0 6px 0 0;
15027         width: 19px;
15028         height: 19px;
15029         border-radius: 10px;
15030         border: none;
15031 }
15032
15033 .mytheme .valo-menu-responsive[width-range~="0-800px"] .valo-menuitems {
15034         height: 100%;
15035         background-color: #4b4b4b;
15036         background-image: -webkit-linear-gradient(right, #414141 0%, #4b4b4b 9px);
15037         background-image: linear-gradient(to left,#414141 0%, #4b4b4b 9px);
15038         color: #a5a5a5;
15039         font-size: 14px;
15040         line-height: 30px;
15041         border-right: 1px solid #3b3b3b;
15042         white-space: nowrap;
15043         position: fixed;
15044         z-index: 9000;
15045         top: 37px;
15046         bottom: 0;
15047         height: auto;
15048         max-width: 100%;
15049         overflow: auto;
15050         padding: 19px 0;
15051         -webkit-transform: translatex(-100%);
15052         -moz-transform: translatex(-100%);
15053         -ms-transform: translatex(-100%);
15054         -o-transform: translatex(-100%);
15055         transform: translatex(-100%);
15056         -webkit-transition: all 300ms;
15057         -moz-transition: all 300ms;
15058         transition: all 300ms;
15059 }
15060
15061 .mytheme .valo-menu-responsive[width-range~="0-800px"] .valo-menu-visible .valo-menuitems, .mytheme .valo-menu-responsive[width-range~="0-800px"] .valo-menu-hover:hover .valo-menuitems {
15062         -webkit-transform: translatex(0%);
15063         -moz-transform: translatex(0%);
15064         -ms-transform: translatex(0%);
15065         -o-transform: translatex(0%);
15066         transform: translatex(0%);
15067 }
15068
15069 .mytheme .valo-menu-responsive[width-range~="0-500px"] .valo-menu-toggle .v-button-caption {
15070         display: none;
15071 }
15072
15073 .mytheme .valo-menu-responsive[width-range~="0-500px"] .valo-menu .v-menubar-user-menu .v-menubar-menuitem-caption {
15074         display: inline-block;
15075         width: 19px;
15076         overflow: hidden;
15077 }