Multiple fixes to Valo theme

- Added initial Sass API for Accordion and TabSheet (previously only
one mixin)

- Renamed ‘darker-of’ function to ‘darkest-color’, which now supports
more than two colors

- Refactored notifications to use the new position classes as well as
the new animation-in/out functionality

- Refactored overlay styles to use animation-in/out functionality

- Fixed all unwanted white-space and scrollbar issues in all browsers
(font-size:0 or line-height:0 no longer necessary), and fixes vertical
centering in horizontal layout (#13671)

- Fixed borderless menubar clicking bug (Firefox and Opera)

- Fixed table column selector, which no longer produces scrollbars if
placed directly inside a scrollable area in full size

- Fixed table outline overflow in Opera (now using box-shadow instead
in all other browsers except IE8)

- Added toolbar support for windows (header and footer)

- Moved optional notification styles to common-stylenames.scss

-Various other small tweaks

Change-Id: I42343199be12f6d909b9584b7dce3e258846da81

diff --git a/WebContent/VAADIN/themes/tests-valo/styles.css b/WebContent/VAADIN/themes/tests-valo/styles.css
deleted file mode 100644 (file)
index 3fb0b50..0000000
--- a/WebContent/VAADIN/themes/tests-valo/styles.css
+++ /dev/null
@@ -1,7315 +0,0 @@
-@charset "UTF-8";
-@-webkit-keyframes valo-anim-fade-in {
-  0% {
-    opacity: 0; } }
-
-@-moz-keyframes valo-anim-fade-in {
-  0% {
-    opacity: 0; } }
-
-@keyframes valo-anim-fade-in {
-  0% {
-    opacity: 0; } }
-
-@-webkit-keyframes valo-anim-fade-out {
-  100% {
-    opacity: 0; } }
-
-@-moz-keyframes valo-anim-fade-out {
-  100% {
-    opacity: 0; } }
-
-@keyframes valo-anim-fade-out {
-  100% {
-    opacity: 0; } }
-
-@-webkit-keyframes valo-anim-slide-down {
-  0% {
-    -webkit-transform: translateY(-100%); } }
-
-@-moz-keyframes valo-anim-slide-down {
-  0% {
-    -moz-transform: translateY(-100%); } }
-
-@keyframes valo-anim-slide-down {
-  0% {
-    -webkit-transform: translateY(-100%);
-    transform: translateY(-100%); } }
-
-@-webkit-keyframes valo-anim-slide-up {
-  0% {
-    -webkit-transform: translateY(100%); } }
-
-@-moz-keyframes valo-anim-slide-up {
-  0% {
-    -moz-transform: translateY(100%); } }
-
-@keyframes valo-anim-slide-up {
-  0% {
-    -webkit-transform: translateY(100%);
-    transform: translateY(100%); } }
-
-@-webkit-keyframes valo-anim-slide-left {
-  0% {
-    -webkit-transform: translateX(100%); } }
-
-@-moz-keyframes valo-anim-slide-left {
-  0% {
-    -moz-transform: translateX(100%); } }
-
-@keyframes valo-anim-slide-left {
-  0% {
-    -webkit-transform: translateX(100%);
-    transform: translateX(100%); } }
-
-@-webkit-keyframes valo-anim-slide-right {
-  0% {
-    -webkit-transform: translateX(-100%); } }
-
-@-moz-keyframes valo-anim-slide-right {
-  0% {
-    -moz-transform: translateX(-100%); } }
-
-@keyframes valo-anim-slide-right {
-  0% {
-    -webkit-transform: translateX(-100%);
-    transform: translateX(-100%); } }
-
-@font-face {
-  font-family: FontAwesome;
-  font-weight: normal;
-  font-style: normal;
-  src: url("../valo/fonts/font-awesome/fontawesome-webfont.eot");
-  src: url("../valo/fonts/font-awesome/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../valo/fonts/font-awesome/fontawesome-webfont.woff") format("woff"), url("../valo/fonts/font-awesome/fontawesome-webfont.ttf") format("truetype"), url("../valo/fonts/font-awesome/fontawesome-webfont.svg#FontAwesome") format("svg"); }
-
-.FontAwesome {
-  font-family: FontAwesome;
-  font-style: normal;
-  font-weight: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  display: inline-block;
-  text-align: center;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none; }
-
-@font-face {
-  font-family: 'Open Sans';
-  src: url("../valo/fonts/open-sans/OpenSans-Light-webfont.eot");
-  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");
-  font-weight: 300;
-  font-style: normal; }
-
-@font-face {
-  font-family: 'Open Sans';
-  src: url("../valo/fonts/open-sans/OpenSans-Regular-webfont.eot");
-  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");
-  font-weight: 400;
-  font-style: normal; }
-
-@font-face {
-  font-family: 'Open Sans';
-  src: url("../valo/fonts/open-sans/OpenSans-Semibold-webfont.eot");
-  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");
-  font-weight: 600;
-  font-style: normal; }
-
-@-webkit-keyframes v-rotate-360 {
-  to {
-    -webkit-transform: rotate(360deg); } }
-
-@-moz-keyframes v-rotate-360 {
-  to {
-    -moz-transform: rotate(360deg); } }
-
-@-o-keyframes v-rotate-360 {
-  to {
-    -o-transform: rotate(360deg); } }
-
-@keyframes v-rotate-360 {
-  to {
-    transform: rotate(360deg); } }
-
-@-webkit-keyframes v-progress-start {
-  0% {
-    width: 0%; }
-
-  100% {
-    width: 50%; } }
-
-@-moz-keyframes v-progress-start {
-  0% {
-    width: 0%; }
-
-  100% {
-    width: 50%; } }
-
-@keyframes v-progress-start {
-  0% {
-    width: 0%; }
-
-  100% {
-    width: 50%; } }
-
-@-webkit-keyframes v-progress-delay {
-  0% {
-    width: 50%; }
-
-  100% {
-    width: 90%; } }
-
-@-moz-keyframes v-progress-delay {
-  0% {
-    width: 50%; }
-
-  100% {
-    width: 90%; } }
-
-@keyframes v-progress-delay {
-  0% {
-    width: 50%; }
-
-  100% {
-    width: 90%; } }
-
-@-webkit-keyframes v-progress-wait {
-  0% {
-    width: 90%;
-    height: 4px; }
-
-  3% {
-    width: 91%;
-    height: 7px; }
-
-  100% {
-    width: 96%;
-    height: 7px; } }
-
-@-moz-keyframes v-progress-wait {
-  0% {
-    width: 90%;
-    height: 4px; }
-
-  3% {
-    width: 91%;
-    height: 7px; }
-
-  100% {
-    width: 96%;
-    height: 7px; } }
-
-@keyframes v-progress-wait {
-  0% {
-    width: 90%;
-    height: 4px; }
-
-  3% {
-    width: 91%;
-    height: 7px; }
-
-  100% {
-    width: 96%;
-    height: 7px; } }
-
-@-webkit-keyframes v-progress-wait-pulse {
-  0% {
-    opacity: 1; }
-
-  50% {
-    opacity: .1; }
-
-  100% {
-    opacity: 1; } }
-
-@-moz-keyframes v-progress-wait-pulse {
-  0% {
-    opacity: 1; }
-
-  50% {
-    opacity: .1; }
-
-  100% {
-    opacity: 1; } }
-
-@keyframes v-progress-wait-pulse {
-  0% {
-    opacity: 1; }
-
-  50% {
-    opacity: .1; }
-
-  100% {
-    opacity: 1; } }
-
-.v-shadow,
-.v-shadow-window {
-  display: none; }
-  .v-ie8 .v-shadow, .v-ie8
-  .v-shadow-window {
-    display: block;
-    /*.center {
-      position: absolute;
-      top: -$v-overlay-border-width;
-      right: -$v-overlay-border-width;
-      bottom: -$v-overlay-border-width;
-      left: -$v-overlay-border-width;
-      background: darken(valo-overlay-background-color(), $v-bevel-depth);
-      filter: alpha(opacity=round($v-bevel-depth/1%));
-    }*/ }
-    .v-ie8 .v-shadow .top, .v-ie8
-    .v-shadow-window .top {
-      position: absolute;
-      top: -2px;
-      right: 4px;
-      bottom: 2px;
-      left: -4px;
-      background: black;
-      filter: alpha(opacity=5) progid:DXImageTransform.Microsoft.blur(pixelradius=4, makeShadow=true); }
-    .v-ie8 .v-shadow .top-left, .v-ie8
-    .v-shadow-window .top-left {
-      position: absolute;
-      top: -1px;
-      right: -1px;
-      bottom: -1px;
-      left: -1px;
-      background: black;
-      filter: alpha(opacity=10) progid:DXImageTransform.Microsoft.blur(pixelradius=0, makeShadow=true); }
-
-@-webkit-keyframes valo-overlay-open {
-  0% {
-    -webkit-transform: translatey(-3px);
-    opacity: 0; } }
-
-@-moz-keyframes valo-overlay-open {
-  0% {
-    -moz-transform: translatey(-3px);
-    opacity: 0; } }
-
-@keyframes valo-overlay-open {
-  0% {
-    -webkit-transform: translatey(-3px);
-    transform: translatey(-3px);
-    opacity: 0; } }
-
-@-webkit-keyframes valo-combobox-show-status {
-  0% {
-    opacity: 0;
-    -webkit-transform: translatey(-100%); } }
-
-@-moz-keyframes valo-combobox-show-status {
-  0% {
-    opacity: 0;
-    -moz-transform: translatey(-100%); } }
-
-@keyframes valo-combobox-show-status {
-  0% {
-    opacity: 0;
-    -webkit-transform: translatey(-100%);
-    transform: translatey(-100%); } }
-
-/*
-@mixin valo-splitpanel-style ($splitter-size: ) {
-  > div > .v-splitpanel-hsplitter {
-    width: ;
-
-    div:after {
-      @include valo-splitpanel-splitter-handle-style($horizontal: true);
-    }
-
-    &:after {
-      left: 0;
-      right: 0;
-    }
-  }
-  .v-splitpanel-horizontal .v-splitpanel-second-container
-}
-*/
-@-webkit-keyframes valo-modal-window-indication {
-  0% {
-    opacity: 0; }
-
-  100% {
-    opacity: 1; } }
-
-@-moz-keyframes valo-modal-window-indication {
-  0% {
-    opacity: 0; }
-
-  100% {
-    opacity: 1; } }
-
-@keyframes valo-modal-window-indication {
-  0% {
-    opacity: 0; }
-
-  100% {
-    opacity: 1; } }
-
-.v-widget {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  display: inline-block;
-  text-align: left;
-  white-space: normal;
-  line-height: 1.55; }
-
-.v-generated-body {
-  overflow: hidden;
-  margin: 0;
-  padding: 0;
-  border: 0; }
-
-.v-app {
-  height: 100%;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
-
-.v-ui {
-  position: relative; }
-
-.v-ui.v-ui-embedded {
-  margin-top: -1px;
-  border-top: 1px solid transparent; }
-
-.v-ui:focus {
-  outline: none; }
-
-.v-overlay-container {
-  width: 0;
-  height: 0; }
-
-input::-ms-clear {
-  display: none; }
-
-.v-drag-element {
-  z-index: 60000;
-  position: absolute !important;
-  cursor: default; }
-
-.v-clip {
-  overflow: hidden; }
-
-.v-scrollable {
-  overflow: auto;
-  line-height: 0; }
-
-.v-ios.v-webkit .v-scrollable {
-  -webkit-overflow-scrolling: touch; }
-
-.v-ios5.v-webkit .v-scrollable {
-  -webkit-overflow-scrolling: none; }
-
-.v-assistive-device-only {
-  position: absolute;
-  top: -2000px;
-  left: -2000px;
-  width: 10px;
-  overflow: hidden; }
-
-.v-icon {
-  cursor: inherit; }
-
-.v-icon,
-.v-errorindicator,
-.v-required-field-indicator {
-  display: inline-block;
-  line-height: inherit; }
-
-.v-caption {
-  display: inline-block;
-  white-space: nowrap;
-  line-height: 1.55; }
-
-.v-captiontext {
-  display: inline-block;
-  line-height: inherit; }
-
-div.v-layout.v-horizontal.v-widget {
-  white-space: nowrap; }
-
-.v-layout.v-vertical > .v-expand,
-.v-layout.v-horizontal > .v-expand {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  width: 100%;
-  height: 100%; }
-
-.v-slot,
-.v-spacing {
-  display: inline-block;
-  white-space: normal;
-  vertical-align: top;
-  line-height: 0; }
-
-.v-vertical > .v-slot:after {
-  display: inline-block;
-  clear: both;
-  width: 0;
-  height: 0;
-  overflow: hidden; }
-
-.v-vertical > .v-slot,
-.v-vertical > .v-expand > .v-slot {
-  display: block;
-  clear: both; }
-
-.v-horizontal > .v-slot,
-.v-horizontal > .v-expand > .v-slot {
-  height: 100%; }
-
-.v-vertical > .v-spacing,
-.v-vertical > .v-expand > .v-spacing {
-  width: 0;
-  display: block;
-  clear: both; }
-
-.v-horizontal > .v-spacing,
-.v-horizontal > .v-expand > .v-spacing {
-  height: 0; }
-
-.v-align-middle:before,
-.v-align-bottom:before,
-.v-expand > .v-align-middle:before,
-.v-expand > .v-align-bottom:before {
-  content: "";
-  display: inline-block;
-  height: 100%;
-  vertical-align: middle;
-  width: 0;
-  overflow: hidden; }
-
-.v-align-middle,
-.v-align-bottom {
-  white-space: nowrap; }
-
-.v-align-middle > .v-widget,
-.v-align-bottom > .v-widget {
-  display: inline-block; }
-
-.v-align-middle > .v-widget {
-  vertical-align: middle; }
-
-.v-align-bottom > .v-widget {
-  vertical-align: bottom; }
-
-.v-align-center {
-  text-align: center; }
-
-.v-align-center > .v-widget {
-  margin-left: auto;
-  margin-right: auto; }
-
-.v-align-right {
-  text-align: right; }
-
-.v-align-right > .v-widget {
-  margin-left: auto; }
-
-.v-has-caption,
-.v-has-caption > .v-caption {
-  display: inline-block; }
-
-.v-caption-on-left,
-.v-caption-on-right {
-  white-space: nowrap; }
-
-.v-caption-on-top > .v-caption,
-.v-caption-on-bottom > .v-caption {
-  display: block; }
-
-.v-caption-on-left > .v-caption {
-  padding-right: .5em; }
-
-.v-caption-on-left > .v-widget,
-.v-caption-on-right > .v-widget {
-  display: inline-block; }
-
-.v-has-caption.v-has-width > .v-widget {
-  width: 100% !important; }
-
-.v-has-caption.v-has-height > .v-widget {
-  height: 100% !important; }
-
-.v-gridlayout {
-  position: relative;
-  line-height: 0; }
-
-.v-gridlayout-slot {
-  position: absolute;
-  line-height: 1.55; }
-
-.v-gridlayout-spacing-on {
-  overflow: hidden; }
-
-.v-gridlayout-spacing,
-.v-gridlayout-spacing-off {
-  padding-left: 0;
-  padding-top: 0; }
-
-.v-gridlayout-spacing-off {
-  overflow: hidden; }
-
-.v-calendar-month-day-scrollable {
-  overflow-y: scroll; }
-
-.v-calendar-week-wrapper {
-  position: relative;
-  overflow: hidden; }
-
-.v-calendar-current-time {
-  position: absolute;
-  left: 0;
-  width: 100%;
-  height: 1px;
-  background: red;
-  z-index: 2; }
-
-.v-calendar-event-resizetop,
-.v-calendar-event-resizebottom {
-  position: absolute;
-  height: 5%;
-  min-height: 3px;
-  width: 100%;
-  z-index: 1; }
-
-.v-calendar-event-resizetop {
-  cursor: row-resize;
-  top: 0; }
-
-.v-calendar-event-resizebottom {
-  cursor: row-resize;
-  bottom: 0; }
-
-.v-calendar-header-month td:first-child {
-  padding-left: 20px; }
-
-.v-calendar-month-sizedheight .v-calendar-month-day {
-  height: 100px; }
-
-.v-calendar-month-sizedwidth .v-calendar-month-day {
-  width: 100px; }
-
-.v-calendar-header-month-Hsized .v-calendar-header-day {
-  width: 101px; }
-
-.v-calendar-header-month-Hsized td:first-child {
-  padding-left: 21px; }
-
-.v-calendar-header-day-Hsized {
-  width: 200px; }
-
-.v-calendar-week-numbers-Vsized .v-calendar-week-number {
-  height: 100px;
-  line-height: 100px; }
-
-.v-calendar-week-wrapper-Vsized {
-  height: 400px;
-  overflow-x: hidden !important; }
-
-.v-calendar-times-Vsized .v-calendar-time {
-  height: 38px; }
-
-.v-calendar-times-Hsized .v-calendar-time {
-  width: 42px; }
-
-.v-calendar-day-times-Vsized .v-datecellslot,
-.v-calendar-day-times-Vsized .v-datecellslot-even {
-  height: 18px; }
-
-.v-calendar-day-times-Hsized,
-.v-calendar-day-times-Hsized .v-datecellslot,
-.v-calendar-day-times-Hsized .v-datecellslot-even {
-  width: 200px; }
-
-.v-colorpicker-popup.v-window {
-  min-width: 220px !important; }
-
-.v-colorpicker-gradient-container {
-  overflow: visible !important; }
-
-.v-colorpicker-gradient-clicklayer {
-  opacity: 0;
-  filter: alpha(opacity=0); }
-
-.rgb-gradient .v-colorpicker-gradient-background {
-  background: url(../valo/components/img/colorpicker/gradient2.png); }
-
-.hsv-gradient .v-colorpicker-gradient-foreground {
-  background: url(../valo/components/img/colorpicker/gradient.png); }
-
-.v-colorpicker-gradient-higherbox:before {
-  content: "";
-  width: 11px;
-  height: 11px;
-  border-radius: 7px;
-  border: 1px solid #fff;
-  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.3);
-  position: absolute;
-  bottom: -6px;
-  left: -6px; }
-
-.v-colorpicker-popup .v-slider.v-slider-red:before {
-  background-color: red; }
-
-.v-colorpicker-popup .v-slider.v-slider-green:before {
-  background-color: green; }
-
-.v-colorpicker-popup .v-slider.v-slider-blue:before {
-  background-color: blue; }
-
-.v-colorpicker-popup .v-slider.hue-slider:before {
-  background: url(../valo/components/img/colorpicker/slider_hue_bg.png); }
-
-.v-colorpicker-popup input.v-textfield-dark {
-  color: #fff; }
-
-.v-colorpicker-popup input.v-textfield-light {
-  color: #000; }
-
-.v-colorpicker-grid {
-  height: 319px; }
-
-.v-colorpicker-popup .colorselect td {
-  line-height: 15px; }
-
-.v-table-header table,
-.v-table-footer table,
-.v-table-table {
-  border-spacing: 0;
-  border-collapse: separate;
-  margin: 0;
-  padding: 0;
-  border: 0;
-  line-height: 1.55; }
-
-.v-table-resizer,
-.v-table-sort-indicator {
-  float: right; }
-
-.v-table-cell-wrapper {
-  overflow: hidden; }
-
-.v-table-caption-container-align-right {
-  text-align: right; }
-
-.v-table-header td,
-.v-table-footer td,
-.v-table-cell-content {
-  padding: 0; }
-
-.v-table-sort-indicator {
-  width: 0; }
-
-.v-tabsheet-hidetabs > .v-tabsheet-tabcontainer,
-.v-tabsheet-spacertd,
-.v-tabsheet-deco,
-.v-disabled .v-tabsheet-scroller,
-.v-tabsheet .v-disabled .v-tabsheet-caption-close {
-  display: none; }
-
-.v-tabsheet-content {
-  position: relative; }
-
-.v-splitpanel-vertical,
-.v-splitpanel-horizontal {
-  overflow: hidden;
-  white-space: nowrap; }
-
-.v-splitpanel-hsplitter {
-  z-index: 100;
-  cursor: e-resize;
-  cursor: col-resize; }
-
-.v-splitpanel-vsplitter {
-  z-index: 100;
-  cursor: s-resize;
-  cursor: row-resize; }
-
-.v-splitpanel-hsplitter:after,
-.v-splitpanel-vsplitter:after {
-  content: "";
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0; }
-.v-splitpanel-hsplitter div,
-.v-splitpanel-vsplitter div {
-  width: inherit;
-  height: inherit;
-  overflow: hidden;
-  position: relative; }
-
-.v-splitpanel-hsplitter div:before,
-.v-splitpanel-vsplitter div:before {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  content: "";
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0; }
-
-.v-disabled [class$="splitter"] div {
-  cursor: default; }
-  .v-disabled [class$="splitter"] div:before {
-    display: none; }
-
-.v-splitpanel-horizontal .v-splitpanel-second-container {
-  position: static !important;
-  display: inline-block;
-  vertical-align: top; }
-.v-splitpanel-horizontal .v-splitpanel-first-container {
-  display: inline-block;
-  vertical-align: top; }
-
-html {
-  height: auto; }
-
-.v-generated-body {
-  height: auto;
-  overflow: auto;
-  background-color: #fafafa; }
-
-.v-app,
-.v-ui.v-scrollable {
-  width: auto !important;
-  height: auto !important;
-  overflow: visible !important; }
-
-.tests-valo.v-app, .tests-valo.v-app-loading {
-  font: 300 16px/1.55 "Open Sans", sans-serif;
-  color: #464646;
-  background-color: #fafafa;
-  cursor: default; }
-.tests-valo .v-app-loading {
-  width: 100%;
-  height: 100%;
-  background: #fafafa; }
-  .tests-valo .v-app-loading:before {
-    content: "";
-    position: fixed;
-    z-index: 100;
-    top: 45%;
-    left: 50%;
-    width: 28px;
-    height: 28px;
-    padding: 9px;
-    margin-top: -24px;
-    margin-left: -24px;
-    background: white url("../valo/shared/img/spinner.gif") no-repeat 50%;
-    border-radius: 4px; }
-  .tests-valo .v-app-loading:after {
-    position: fixed;
-    z-index: 100;
-    top: 45%;
-    padding-top: 47px;
-    text-align: center;
-    left: 0;
-    right: 0;
-    content: "Default Valo"; }
-.tests-valo .v-loading-indicator {
-  position: fixed !important;
-  z-index: 99999;
-  left: 0;
-  right: auto;
-  top: 0;
-  width: 50%;
-  opacity: 1;
-  height: 4px;
-  background-color: #197de1;
-  pointer-events: none;
-  -webkit-transition: none;
-  -moz-transition: none;
-  transition: none;
-  -webkit-animation: v-progress-start 1000ms 200ms both;
-  -moz-animation: v-progress-start 1000ms 200ms both;
-  animation: v-progress-start 1000ms 200ms both; }
-  .tests-valo .v-loading-indicator[style*="none"] {
-    display: block !important;
-    width: 100% !important;
-    opacity: 0;
-    -webkit-animation: none;
-    -moz-animation: none;
-    animation: none;
-    -webkit-transition: opacity 500ms 300ms, width 300ms;
-    -moz-transition: opacity 500ms 300ms, width 300ms;
-    transition: opacity 500ms 300ms, width 300ms; }
-.tests-valo .v-loading-indicator-delay {
-  width: 90%;
-  -webkit-animation: v-progress-delay 3.8s forwards;
-  -moz-animation: v-progress-delay 3.8s forwards;
-  animation: v-progress-delay 3.8s forwards; }
-  .v-ff .tests-valo .v-loading-indicator-delay {
-    width: 50%; }
-.tests-valo .v-loading-indicator-wait {
-  width: 96%;
-  -webkit-animation: v-progress-wait 5s forwards, v-progress-wait-pulse 1s 4s infinite backwards;
-  -moz-animation: v-progress-wait 5s forwards, v-progress-wait-pulse 1s 4s infinite backwards;
-  animation: v-progress-wait 5s forwards, v-progress-wait-pulse 1s 4s infinite backwards; }
-  .v-ff .tests-valo .v-loading-indicator-wait {
-    width: 90%; }
-.v-ie8 .tests-valo .v-loading-indicator,
-.v-ie8 .tests-valo .v-loading-indicator-delay,
-.v-ie8 .tests-valo .v-loading-indicator-wait, .v-ie9 .tests-valo .v-loading-indicator,
-.v-ie9 .tests-valo .v-loading-indicator-delay,
-.v-ie9 .tests-valo .v-loading-indicator-wait {
-  width: 28px !important;
-  height: 28px;
-  padding: 9px;
-  background: white url("../valo/shared/img/spinner.gif") no-repeat 50%;
-  border-radius: 4px;
-  top: 9px;
-  right: 9px;
-  left: auto;
-  filter: alpha(opacity=50); }
-  .v-ie8 .tests-valo .v-loading-indicator[style*="none"],
-  .v-ie8 .tests-valo .v-loading-indicator-delay[style*="none"],
-  .v-ie8 .tests-valo .v-loading-indicator-wait[style*="none"], .v-ie9 .tests-valo .v-loading-indicator[style*="none"],
-  .v-ie9 .tests-valo .v-loading-indicator-delay[style*="none"],
-  .v-ie9 .tests-valo .v-loading-indicator-wait[style*="none"] {
-    display: none !important; }
-.v-ie8 .tests-valo .v-loading-indicator-wait, .v-ie9 .tests-valo .v-loading-indicator-wait {
-  filter: alpha(opacity=100); }
-.tests-valo .v-scrollable:focus {
-  outline: none; }
-.tests-valo img.v-icon {
-  vertical-align: middle; }
-.tests-valo .v-caption {
-  font-size: 14px;
-  font-weight: 400;
-  padding-bottom: .3em;
-  padding-left: 1px; }
-.tests-valo .v-caption-on-left .v-caption,
-.tests-valo .v-caption-on-right .v-caption {
-  padding-top: 0;
-  padding-bottom: 0; }
-.tests-valo .v-icon + .v-captiontext,
-.tests-valo .v-icon + span {
-  margin-left: 7px; }
-  .tests-valo .v-icon + .v-captiontext:empty,
-  .tests-valo .v-icon + span:empty {
-    margin-left: 0; }
-.tests-valo .v-errorindicator {
-  color: #ed473b;
-  font-weight: 600;
-  width: 19px;
-  text-align: center; }
-  .tests-valo .v-errorindicator:before {
-    content: "!"; }
-.tests-valo .v-required-field-indicator {
-  color: #ed473b;
-  padding: 0 .2em; }
-.tests-valo select {
-  font: inherit;
-  font-weight: 400;
-  line-height: inherit;
-  color: inherit;
-  padding: 5px;
-  margin: 0;
-  border-radius: 4px;
-  border: 1px solid #cecece;
-  background-color: #fafafa;
-  background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
-  background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); }
-  .tests-valo select:focus {
-    outline: none;
-    box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-.tests-valo button {
-  font: inherit;
-  font-weight: 400;
-  line-height: 1.55; }
-.tests-valo a {
-  cursor: pointer;
-  color: #197de1;
-  text-decoration: underline;
-  font-weight: inherit;
-  -webkit-transition: color 140ms;
-  -moz-transition: color 140ms;
-  transition: color 140ms; }
-  .tests-valo a:hover {
-    color: #4396ea; }
-.tests-valo .v-disabled {
-  cursor: default !important; }
-.tests-valo .v-drag-element {
-  background: #fafafa;
-  color: #464646;
-  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
-  border-radius: 4px;
-  overflow: hidden;
-  opacity: 0.5;
-  filter: alpha(opacity=50); }
-.tests-valo .v-tooltip {
-  background-color: #323232;
-  background-color: rgba(50, 50, 50, 0.9);
-  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
-  color: white;
-  padding: 5px 9px;
-  border-radius: 3px;
-  max-width: 35em;
-  overflow: hidden !important;
-  font-size: 14px; }
-  .tests-valo .v-tooltip div[style*="width"] {
-    width: auto !important; }
-  .tests-valo .v-tooltip .v-errormessage {
-    background-color: white;
-    background-color: white;
-    color: #ed473b;
-    margin: -5px -9px;
-    padding: 5px 9px;
-    max-height: 10em;
-    overflow: auto;
-    font-weight: 400; }
-    .tests-valo .v-tooltip .v-errormessage h2:only-child {
-      font: inherit;
-      line-height: inherit; }
-  .tests-valo .v-tooltip .v-tooltip-text {
-    max-height: 10em;
-    overflow: auto;
-    margin-top: 10px; }
-  .tests-valo .v-tooltip .v-errormessage[aria-hidden="true"] + .v-tooltip-text {
-    margin-top: 0; }
-  .tests-valo .v-tooltip h1,
-  .tests-valo .v-tooltip h2,
-  .tests-valo .v-tooltip h3,
-  .tests-valo .v-tooltip h4 {
-    color: inherit; }
-.tests-valo .v-contextmenu {
-  padding: 4px 4px;
-  border-radius: 4px;
-  background-color: white;
-  color: #474747;
-  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.1);
-  -webkit-animation: valo-overlay-open 200ms;
-  -moz-animation: valo-overlay-open 200ms;
-  animation: valo-overlay-open 200ms;
-  -webkit-backface-visibility: hidden;
-  -moz-backface-visibility: hidden;
-  -ms-backface-visibility: hidden;
-  backface-visibility: hidden;
-  padding: 4px 4px; }
-  .tests-valo .v-contextmenu table {
-    border-spacing: 0; }
-.tests-valo .v-contextmenu .gwt-MenuItem {
-  cursor: pointer;
-  line-height: 27px;
-  padding: 0 20px 0 10px;
-  border-radius: 3px;
-  font-weight: 400;
-  white-space: nowrap;
-  position: relative; }
-  .tests-valo .v-contextmenu .gwt-MenuItem:active:before {
-    content: "";
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    background: #0957a6;
-    opacity: 0.15;
-    filter: alpha(opacity=15);
-    pointer-events: none;
-    border-radius: inherit; }
-  .tests-valo .v-contextmenu .gwt-MenuItem .v-icon {
-    max-height: 27px;
-    margin-right: 5px;
-    min-width: 1em; }
-.tests-valo .v-contextmenu .gwt-MenuItem-selected {
-  background-color: #197de1;
-  background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
-  background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
-  color: #ecf2f8; }
-.tests-valo .v-absolutelayout-wrapper {
-  position: absolute; }
-.tests-valo .v-absolutelayout-margin,
-.tests-valo .v-absolutelayout-canvas {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box; }
-.tests-valo .v-absolutelayout.v-has-height > div,
-.tests-valo .v-absolutelayout.v-has-height .v-absolutelayout-margin {
-  height: 100%; }
-.tests-valo .v-absolutelayout.v-has-height > div,
-.tests-valo .v-absolutelayout.v-has-width .v-absolutelayout-margin {
-  width: 100%; }
-.tests-valo .v-margin-top {
-  padding-top: 37px; }
-.tests-valo .v-margin-right {
-  padding-right: 37px; }
-.tests-valo .v-margin-bottom {
-  padding-bottom: 37px; }
-.tests-valo .v-margin-left {
-  padding-left: 37px; }
-.tests-valo .v-spacing {
-  width: 12px;
-  height: 12px; }
-.tests-valo .v-button {
-  position: relative;
-  text-align: center;
-  white-space: nowrap;
-  outline: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  -webkit-touch-callout: none;
-  cursor: pointer;
-  height: 37px;
-  padding: 0 16px;
-  color: #2f2f2f;
-  font-weight: 400;
-  border-radius: 4px;
-  border: 1px solid #cecece;
-  border-top-color: #cecece;
-  border-bottom-color: #c5c5c5;
-  background-color: #fafafa;
-  background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
-  background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
-  box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #eaeaea, 0 2px 3px rgba(0, 0, 0, 0.05);
-  text-shadow: 0 1px 0 #fafafa; }
-  .tests-valo .v-button:before {
-    content: "";
-    display: inline-block;
-    width: 0;
-    height: 100%;
-    vertical-align: middle; }
-  .tests-valo .v-button > div {
-    vertical-align: middle; }
-  .v-sa .tests-valo .v-button:before {
-    height: 110%; }
-  .v-ff .tests-valo .v-button:before {
-    height: 107%; }
-  .v-ie .tests-valo .v-button:before {
-    margin-top: 4px; }
-  .tests-valo .v-button:after {
-    content: "";
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    border-radius: inherit;
-    -webkit-transition: box-shadow 180ms, border 180ms;
-    -moz-transition: box-shadow 180ms, border 180ms;
-    transition: box-shadow 180ms, border 180ms; }
-  .tests-valo .v-button:focus:after {
-    -webkit-transition: none;
-    -moz-transition: none;
-    transition: none; }
-  .tests-valo .v-button.v-disabled {
-    opacity: 0.5;
-    filter: alpha(opacity=50); }
-    .tests-valo .v-button.v-disabled:after {
-      display: none; }
-  .tests-valo .v-button:after {
-    border: inherit;
-    top: -1px;
-    right: -1px;
-    bottom: -1px;
-    left: -1px; }
-  .tests-valo .v-button:hover:after {
-    background-color: rgba(186, 186, 186, 0.1); }
-  .tests-valo .v-button:focus:after {
-    border-color: #197de1;
-    box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-  .tests-valo .v-button:active:after {
-    background-color: rgba(125, 125, 125, 0.2); }
-.tests-valo .v-checkbox,
-.tests-valo .v-radiobutton {
-  position: relative;
-  line-height: 19px;
-  white-space: nowrap; }
-  .tests-valo .v-checkbox.v-has-width label,
-  .tests-valo .v-radiobutton.v-has-width label {
-    white-space: normal; }
-  :root .tests-valo .v-checkbox, :root
-  .tests-valo .v-radiobutton {
-    padding-left: 25px; }
-    :root .tests-valo .v-checkbox label, :root
-    .tests-valo .v-radiobutton label {
-      -webkit-user-select: none;
-      -moz-user-select: none;
-      -ms-user-select: none;
-      user-select: none;
-      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-      -webkit-touch-callout: none;
-      cursor: pointer; }
-  :root .tests-valo .v-checkbox > input, :root
-  .tests-valo .v-radiobutton > input {
-    position: absolute;
-    clip: rect(0, 0, 0, 0);
-    left: .2em;
-    top: .2em;
-    z-index: 0;
-    margin: 0; }
-    :root .tests-valo .v-checkbox > input:focus ~ label:before, :root
-    .tests-valo .v-radiobutton > input:focus ~ label:before {
-      border-color: #197de1;
-      box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #eaeaea, 0 2px 3px rgba(0, 0, 0, 0.05); }
-    :root .tests-valo .v-checkbox > input ~ label:before, :root .tests-valo .v-checkbox > input ~ label:after, :root
-    .tests-valo .v-radiobutton > input ~ label:before, :root
-    .tests-valo .v-radiobutton > input ~ label:after {
-      content: "";
-      display: inline-block;
-      -webkit-box-sizing: border-box;
-      -moz-box-sizing: border-box;
-      box-sizing: border-box;
-      width: 19px;
-      height: 19px;
-      position: absolute;
-      top: 0;
-      left: 0;
-      border-radius: 4px;
-      font-size: 13px;
-      text-align: center; }
-    :root .tests-valo .v-checkbox > input ~ label:before, :root
-    .tests-valo .v-radiobutton > input ~ label:before {
-      height: 18.5px;
-      padding: 0 9px;
-      color: #2f2f2f;
-      font-weight: 400;
-      border-radius: 4px;
-      border: 1px solid #cecece;
-      border-top-color: #cecece;
-      border-bottom-color: #c5c5c5;
-      background-color: #fafafa;
-      background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
-      background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
-      box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #eaeaea, 0 2px 3px rgba(0, 0, 0, 0.05);
-      text-shadow: 0 1px 0 #fafafa;
-      padding: 0;
-      height: 19px; }
-      :root .tests-valo .v-checkbox > input ~ label:before:after, :root
-      .tests-valo .v-radiobutton > input ~ label:before:after {
-        border: inherit;
-        top: -1px;
-        right: -1px;
-        bottom: -1px;
-        left: -1px; }
-      :root .tests-valo .v-checkbox > input ~ label:before:hover:after, :root
-      .tests-valo .v-radiobutton > input ~ label:before:hover:after {
-        background-color: rgba(186, 186, 186, 0.1); }
-      :root .tests-valo .v-checkbox > input ~ label:before:focus:after, :root
-      .tests-valo .v-radiobutton > input ~ label:before:focus:after {
-        border-color: #197de1;
-        box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-      :root .tests-valo .v-checkbox > input ~ label:before:active:after, :root
-      .tests-valo .v-radiobutton > input ~ label:before:active:after {
-        background-color: rgba(125, 125, 125, 0.2); }
-    :root .tests-valo .v-checkbox > input ~ label:after, :root
-    .tests-valo .v-radiobutton > input ~ label:after {
-      content: "\f00c";
-      font-family: FontAwesome;
-      color: transparent;
-      -webkit-transition: color 100ms;
-      -moz-transition: color 100ms;
-      transition: color 100ms; }
-    :root .tests-valo .v-checkbox > input:active ~ label:after, :root
-    .tests-valo .v-radiobutton > input:active ~ label:after {
-      background-color: rgba(125, 125, 125, 0.2); }
-    :root .tests-valo .v-checkbox > input:checked ~ label:after, :root
-    .tests-valo .v-radiobutton > input:checked ~ label:after {
-      color: #197de1; }
-    :root .tests-valo .v-checkbox > input[disabled] ~ label,
-    :root .tests-valo .v-checkbox > input[disabled] ~ label .v-icon,
-    :root .tests-valo .v-checkbox > input[disabled] ~ .v-icon, :root
-    .tests-valo .v-radiobutton > input[disabled] ~ label,
-    :root
-    .tests-valo .v-radiobutton > input[disabled] ~ label .v-icon,
-    :root
-    .tests-valo .v-radiobutton > input[disabled] ~ .v-icon {
-      cursor: default; }
-    :root .tests-valo .v-checkbox > input[disabled] ~ label:before,
-    :root .tests-valo .v-checkbox > input[disabled] ~ label:after, :root
-    .tests-valo .v-radiobutton > input[disabled] ~ label:before,
-    :root
-    .tests-valo .v-radiobutton > input[disabled] ~ label:after {
-      opacity: 0.5;
-      filter: alpha(opacity=50); }
-    :root .tests-valo .v-checkbox > input[disabled]:active ~ label:after, :root
-    .tests-valo .v-radiobutton > input[disabled]:active ~ label:after {
-      background: transparent; }
-  .tests-valo .v-checkbox > .v-icon, .tests-valo .v-checkbox > label .v-icon,
-  .tests-valo .v-radiobutton > .v-icon,
-  .tests-valo .v-radiobutton > label .v-icon {
-    margin: 0 6px 0 3px;
-    min-width: 1em;
-    cursor: pointer; }
-.tests-valo .v-filterselect {
-  position: relative;
-  width: 185px;
-  height: 37px;
-  border-radius: 4px;
-  white-space: nowrap; }
-  .tests-valo .v-filterselect .v-filterselect-input {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    -ms-appearance: none;
-    -o-appearance: none;
-    appearance: none;
-    margin: 0;
-    font: inherit;
-    font-weight: 400;
-    line-height: normal;
-    height: 37px;
-    border-radius: 4px;
-    padding: 4px 9px;
-    border: 1px solid #cecece;
-    background: white;
-    color: #474747;
-    box-shadow: inset 0 1px 0 #f9f9f9, 0 1px 0 rgba(255, 255, 255, 0.1);
-    -webkit-transition: box-shadow 180ms, border 180ms;
-    -moz-transition: box-shadow 180ms, border 180ms;
-    transition: box-shadow 180ms, border 180ms;
-    width: 100% !important;
-    height: 100%;
-    padding-right: 44px;
-    border-radius: inherit; }
-    .tests-valo .v-filterselect .v-filterselect-input.v-disabled {
-      opacity: 0.5;
-      filter: alpha(opacity=50); }
-    .tests-valo .v-filterselect .v-filterselect-input:focus {
-      outline: none;
-      -webkit-transition: none;
-      -moz-transition: none;
-      transition: none;
-      border-color: #197de1;
-      box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #f9f9f9, 0 1px 0 rgba(255, 255, 255, 0.1); }
-    .tests-valo .v-filterselect .v-filterselect-input.v-textfield-prompt, .tests-valo .v-filterselect .v-filterselect-input.v-textarea-prompt {
-      color: #a3a3a3; }
-  .tests-valo .v-filterselect .v-icon + .v-filterselect-input {
-    padding-left: 37px; }
-  .tests-valo .v-filterselect img.v-icon {
-    max-height: 37px;
-    margin-left: 9px; }
-  .tests-valo .v-filterselect span.v-icon {
-    color: #474747;
-    width: 37px; }
-  .tests-valo .v-filterselect.v-filterselect-prompt > .v-filterselect-input {
-    color: #a3a3a3; }
-  .tests-valo .v-filterselect .v-filterselect-button {
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-    -webkit-touch-callout: none;
-    cursor: pointer;
-    position: absolute;
-    top: 1px;
-    right: 1px;
-    bottom: 1px;
-    width: 37px;
-    cursor: pointer;
-    border-left: 1px solid #e8e8e8;
-    border-radius: 0 3px 3px 0; }
-    .v-ie8 .tests-valo .v-filterselect .v-filterselect-button {
-      background-color: white; }
-    .tests-valo .v-filterselect .v-filterselect-button:before {
-      font-family: FontAwesome;
-      content: "\f078";
-      color: #474747;
-      color: #a3a3a3;
-      -webkit-transition: color 140ms;
-      -moz-transition: color 140ms;
-      transition: color 140ms;
-      position: absolute;
-      width: 37px;
-      text-align: center;
-      top: 50%;
-      line-height: 1;
-      margin-top: -.47em; }
-    .tests-valo .v-filterselect .v-filterselect-button:hover:before {
-      color: #474747; }
-    .tests-valo .v-filterselect .v-filterselect-button:active:after {
-      content: "";
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      border-radius: inherit;
-      background-color: rgba(128, 128, 128, 0.2); }
-  .tests-valo .v-filterselect.v-disabled {
-    opacity: 0.5;
-    filter: alpha(opacity=50); }
-    .tests-valo .v-filterselect.v-disabled .v-filterselect-button {
-      cursor: default;
-      pointer-events: none; }
-      .tests-valo .v-filterselect.v-disabled .v-filterselect-button:active:after {
-        display: none; }
-  .tests-valo .v-filterselect.v-readonly .v-filterselect-input {
-    background: transparent;
-    box-shadow: none; }
-    .tests-valo .v-filterselect.v-readonly .v-filterselect-input:focus {
-      box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-  .tests-valo .v-filterselect.v-readonly .v-filterselect-button {
-    cursor: default;
-    pointer-events: none; }
-    .tests-valo .v-filterselect.v-readonly .v-filterselect-button:active:after {
-      display: none; }
-  .tests-valo .v-filterselect .v-icon {
-    position: absolute;
-    pointer-events: none; }
-.tests-valo .v-filterselect-suggestpopup {
-  margin-top: 5px !important; }
-  .tests-valo .v-filterselect-suggestpopup .v-filterselect-suggestmenu {
-    padding: 4px 4px;
-    border-radius: 4px;
-    background-color: white;
-    color: #474747;
-    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.1);
-    -webkit-animation: valo-overlay-open 200ms;
-    -moz-animation: valo-overlay-open 200ms;
-    animation: valo-overlay-open 200ms;
-    -webkit-backface-visibility: hidden;
-    -moz-backface-visibility: hidden;
-    -ms-backface-visibility: hidden;
-    backface-visibility: hidden;
-    padding: 4px 4px;
-    box-sizing: border-box;
-    position: relative;
-    z-index: 1; }
-  .tests-valo .v-filterselect-suggestpopup table,
-  .tests-valo .v-filterselect-suggestpopup tbody,
-  .tests-valo .v-filterselect-suggestpopup tr,
-  .tests-valo .v-filterselect-suggestpopup td {
-    display: block; }
-  .tests-valo .v-filterselect-suggestpopup .gwt-MenuItem {
-    cursor: pointer;
-    line-height: 27px;
-    padding: 0 20px 0 10px;
-    border-radius: 3px;
-    font-weight: 400;
-    white-space: nowrap;
-    position: relative; }
-    .tests-valo .v-filterselect-suggestpopup .gwt-MenuItem:active:before {
-      content: "";
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      background: #0957a6;
-      opacity: 0.15;
-      filter: alpha(opacity=15);
-      pointer-events: none;
-      border-radius: inherit; }
-    .tests-valo .v-filterselect-suggestpopup .gwt-MenuItem .v-icon {
-      max-height: 27px;
-      margin-right: 5px;
-      min-width: 1em; }
-  .tests-valo .v-filterselect-suggestpopup .gwt-MenuItem-selected {
-    background-color: #197de1;
-    background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
-    background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
-    color: #ecf2f8; }
-  .tests-valo .v-filterselect-suggestpopup .v-filterselect-status {
-    position: absolute;
-    right: 4px;
-    background: rgba(212, 212, 212, 0.9);
-    color: #3b3b3b;
-    border-radius: 0 0 4px 4px;
-    height: 23px;
-    bottom: -23px;
-    font-size: 12px;
-    line-height: 23px;
-    padding: 0 6px;
-    cursor: default;
-    pointer-events: none;
-    -webkit-animation: valo-combobox-show-status 200ms 80ms backwards;
-    -moz-animation: valo-combobox-show-status 200ms 80ms backwards;
-    animation: valo-combobox-show-status 200ms 80ms backwards; }
-    .tests-valo .v-filterselect-suggestpopup .v-filterselect-status > * {
-      color: #3b3b3b;
-      text-decoration: none; }
-  .tests-valo .v-filterselect-suggestpopup div[class*="page"] {
-    position: absolute;
-    z-index: 3;
-    right: 0;
-    opacity: 0.2;
-    filter: alpha(opacity=20);
-    cursor: pointer;
-    -webkit-transition: all 200ms;
-    -moz-transition: all 200ms;
-    transition: all 200ms;
-    width: 25px;
-    height: 25px;
-    line-height: 25px;
-    text-align: center;
-    font-family: FontAwesome;
-    -webkit-transform: scale(0.8);
-    -moz-transform: scale(0.8);
-    -ms-transform: scale(0.8);
-    -o-transform: scale(0.8);
-    transform: scale(0.8);
-    color: #464646; }
-    .tests-valo .v-filterselect-suggestpopup div[class*="page"]:hover {
-      opacity: 1;
-      filter: none;
-      background: rgba(250, 250, 250, 0.5); }
-    .tests-valo .v-filterselect-suggestpopup div[class*="page"] span {
-      display: none; }
-  .tests-valo .v-filterselect-suggestpopup:hover div[class*="page"] {
-    -webkit-transform: scale(1);
-    -moz-transform: scale(1);
-    -ms-transform: scale(1);
-    -o-transform: scale(1);
-    transform: scale(1); }
-  .tests-valo .v-filterselect-suggestpopup div[class*="prev"] {
-    top: 0;
-    -webkit-transform-origin: 100% 0%;
-    -moz-transform-origin: 100% 0%;
-    -ms-transform-origin: 100% 0%;
-    -o-transform-origin: 100% 0%;
-    transform-origin: 100% 0%;
-    border-radius: 0 4px 0 4px; }
-    .tests-valo .v-filterselect-suggestpopup div[class*="prev"]:before {
-      content: "\f0d8"; }
-  .tests-valo .v-filterselect-suggestpopup div[class*="next"] {
-    bottom: 0;
-    -webkit-transform-origin: 100% 100%;
-    -moz-transform-origin: 100% 100%;
-    -ms-transform-origin: 100% 100%;
-    -o-transform-origin: 100% 100%;
-    transform-origin: 100% 100%;
-    border-radius: 4px 0 4px 0; }
-    .tests-valo .v-filterselect-suggestpopup div[class*="next"]:before {
-      content: "\f0d7"; }
-  .tests-valo .v-filterselect-suggestpopup div[class*="-off"] {
-    display: none; }
-.tests-valo .v-filterselect-no-input {
-  cursor: pointer;
-  text-shadow: 0 1px 0 #fafafa; }
-  .tests-valo .v-filterselect-no-input .v-filterselect-input {
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    background-color: #fafafa;
-    background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
-    background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
-    cursor: inherit;
-    box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #eaeaea, 0 2px 3px rgba(0, 0, 0, 0.05);
-    border: 1px solid #cecece;
-    border-top-color: #cecece;
-    border-bottom-color: #c5c5c5;
-    text-shadow: inherit;
-    text-overflow: ellipsis; }
-    .tests-valo .v-filterselect-no-input .v-filterselect-input:focus {
-      outline: none;
-      -webkit-transition: none;
-      -moz-transition: none;
-      transition: none;
-      border-color: #197de1;
-      box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #eaeaea, 0 2px 3px rgba(0, 0, 0, 0.05); }
-  .tests-valo .v-filterselect-no-input .v-filterselect-button {
-    border-left: none !important; }
-  .tests-valo .v-filterselect-no-input:hover .v-filterselect-button:before {
-    color: inherit; }
-.tests-valo .v-form fieldset {
-  border: none;
-  padding: 0;
-  margin: 0;
-  height: 100%; }
-.tests-valo .v-form-content {
-  height: 100%;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box; }
-.tests-valo .v-formlayout-spacing > tbody > .v-formlayout-row > .v-formlayout-captioncell,
-.tests-valo .v-formlayout-spacing > tbody > .v-formlayout-row > .v-formlayout-contentcell,
-.tests-valo .v-formlayout-spacing > tbody > .v-formlayout-row > .v-formlayout-errorcell {
-  padding-top: 12px; }
-.tests-valo .v-formlayout-margin-top > tbody > .v-formlayout-firstrow > .v-formlayout-captioncell,
-.tests-valo .v-formlayout-margin-top > tbody > .v-formlayout-firstrow > .v-formlayout-contentcell,
-.tests-valo .v-formlayout-margin-top > tbody > .v-formlayout-firstrow > .v-formlayout-errorcell {
-  padding-top: 37px; }
-.tests-valo .v-formlayout-margin-bottom > tbody > .v-formlayout-lastrow > .v-formlayout-captioncell,
-.tests-valo .v-formlayout-margin-bottom > tbody > .v-formlayout-lastrow > .v-formlayout-contentcell,
-.tests-valo .v-formlayout-margin-bottom > tbody > .v-formlayout-lastrow > .v-formlayout-errorcell {
-  padding-bottom: 37px; }
-.tests-valo .v-formlayout-margin-left > tbody > .v-formlayout-row > .v-formlayout-captioncell {
-  padding-left: 37px; }
-.tests-valo .v-formlayout-margin-right > tbody > .v-formlayout-row > .v-formlayout-contentcell {
-  padding-right: 37px; }
-.tests-valo .v-formlayout > table {
-  border-spacing: 0;
-  position: relative;
-  padding: 0 12px; }
-.tests-valo .v-formlayout.v-has-width > table,
-.tests-valo .v-formlayout.v-has-width .v-formlayout-contentcell {
-  width: 100%; }
-.tests-valo .v-formlayout-error-indicator {
-  width: 19px; }
-.tests-valo .v-formlayout-captioncell {
-  vertical-align: top;
-  line-height: 36px; }
-  .tests-valo .v-formlayout-captioncell .v-caption {
-    padding-bottom: 0; }
-.tests-valo .v-formlayout-contentcell .v-checkbox,
-.tests-valo .v-formlayout-contentcell .v-radiobutton {
-  font-weight: 400; }
-.tests-valo .v-formlayout-contentcell > .h4 {
-  position: absolute;
-  left: 0;
-  margin-top: -0.5em;
-  padding-bottom: 0.5em;
-  border-bottom: 1px solid #e4e4e4;
-  color: #898989; }
-.tests-valo .v-escalator {
-  position: relative;
-  background-color: white; }
-.tests-valo .v-escalator-scroller {
-  position: absolute;
-  overflow: auto;
-  z-index: 20; }
-.tests-valo .v-escalator-scroller-horizontal {
-  left: 0;
-  /* Left position adjusted to align with frozen columns */
-  right: 0;
-  bottom: 0;
-  overflow-y: hidden;
-  -ms-overflow-y: hidden; }
-.tests-valo .v-escalator-scroller-vertical {
-  right: 0;
-  top: 0;
-  /* this will be overridden by code, but it's a good default behavior */
-  bottom: 0;
-  /* this will be overridden by code, but it's a good default behavior */
-  overflow-x: hidden;
-  -ms-overflow-x: hidden; }
-.tests-valo .v-escalator-tablewrapper {
-  position: absolute;
-  overflow: hidden; }
-.tests-valo .v-escalator-tablewrapper > table {
-  border-spacing: 0;
-  table-layout: fixed;
-  width: inherit;
-  /* a decent default fallback */ }
-.tests-valo .v-escalator-header,
-.tests-valo .v-escalator-body,
-.tests-valo .v-escalator-footer {
-  position: absolute;
-  left: 0;
-  width: inherit;
-  z-index: 10; }
-.tests-valo .v-escalator-header {
-  top: 0; }
-.tests-valo .v-escalator-footer {
-  bottom: 0; }
-.tests-valo .v-escalator-body {
-  z-index: 0;
-  top: 0; }
-  .tests-valo .v-escalator-body .v-escalator-row {
-    position: absolute;
-    top: 0;
-    left: 0; }
-.tests-valo .v-escalator-row {
-  display: block; }
-  .v-ie8 .tests-valo .v-escalator-row {
-    /* IE8 doesn't let table rows be longer than body only with display block. Moar hax. */
-    float: left;
-    clear: left;
-    /* 
-     * The inline style of margin-top from the <tbody> to offset the header's dimension is, 
-     * for some strange reason, inherited into each contained <tr>. 
-     * We need to cancel it: 
-     */
-    margin-top: 0; }
-  .tests-valo .v-escalator-row > td, .tests-valo .v-escalator-row > th {
-    /* IE8 likes the bgcolor here instead of on the row */
-    background-color: white; }
-.tests-valo .v-escalator-row {
-  width: inherit; }
-.tests-valo .v-escalator-cell {
-  display: block;
-  float: left;
-  border: 1px solid #aaaaaa;
-  padding: 2px;
-  white-space: nowrap;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box; }
-.tests-valo .v-escalator-cell.frozen {
-  position: relative;
-  z-index: 0; }
-.tests-valo .v-textfield {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  -ms-appearance: none;
-  -o-appearance: none;
-  appearance: none;
-  margin: 0;
-  font: inherit;
-  font-weight: 400;
-  line-height: normal;
-  height: 37px;
-  border-radius: 4px;
-  padding: 4px 9px;
-  border: 1px solid #cecece;
-  background: white;
-  color: #474747;
-  box-shadow: inset 0 1px 0 #f9f9f9, 0 1px 0 rgba(255, 255, 255, 0.1);
-  -webkit-transition: box-shadow 180ms, border 180ms;
-  -moz-transition: box-shadow 180ms, border 180ms;
-  transition: box-shadow 180ms, border 180ms;
-  width: 185px; }
-  .tests-valo .v-textfield.v-disabled {
-    opacity: 0.5;
-    filter: alpha(opacity=50); }
-  .tests-valo .v-textfield:focus {
-    outline: none;
-    -webkit-transition: none;
-    -moz-transition: none;
-    transition: none;
-    border-color: #197de1;
-    box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #f9f9f9, 0 1px 0 rgba(255, 255, 255, 0.1); }
-  .tests-valo .v-textfield.v-textfield-prompt, .tests-valo .v-textfield.v-textarea-prompt {
-    color: #a3a3a3; }
-.tests-valo .v-textfield-readonly {
-  background: transparent;
-  box-shadow: none; }
-  .tests-valo .v-textfield-readonly:focus {
-    box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-.tests-valo .v-textfield-error {
-  border-color: #ed473b;
-  background: #fffbfb;
-  color: #6a2823; }
-.tests-valo .v-textarea {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  -ms-appearance: none;
-  -o-appearance: none;
-  appearance: none;
-  margin: 0;
-  font: inherit;
-  font-weight: 400;
-  line-height: normal;
-  height: 37px;
-  border-radius: 4px;
-  padding: 6px;
-  border: 1px solid #cecece;
-  background: white;
-  color: #474747;
-  box-shadow: inset 0 1px 0 #f9f9f9, 0 1px 0 rgba(255, 255, 255, 0.1);
-  -webkit-transition: box-shadow 180ms, border 180ms;
-  -moz-transition: box-shadow 180ms, border 180ms;
-  transition: box-shadow 180ms, border 180ms;
-  height: auto;
-  resize: none;
-  width: 185px; }
-  .tests-valo .v-textarea.v-disabled {
-    opacity: 0.5;
-    filter: alpha(opacity=50); }
-  .tests-valo .v-textarea:focus {
-    outline: none;
-    -webkit-transition: none;
-    -moz-transition: none;
-    transition: none;
-    border-color: #197de1;
-    box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #f9f9f9, 0 1px 0 rgba(255, 255, 255, 0.1); }
-  .tests-valo .v-textarea.v-textfield-prompt, .tests-valo .v-textarea.v-textarea-prompt {
-    color: #a3a3a3; }
-.tests-valo .v-textarea-readonly {
-  background: transparent;
-  box-shadow: none; }
-  .tests-valo .v-textarea-readonly:focus {
-    box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-.tests-valo .v-textarea-error {
-  border-color: #ed473b;
-  background: #fffbfb;
-  color: #6a2823; }
-.tests-valo .v-datefield {
-  position: relative;
-  width: 185px;
-  height: 37px;
-  border-radius: 4px; }
-  .tests-valo .v-datefield .v-datefield-textfield {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    -ms-appearance: none;
-    -o-appearance: none;
-    appearance: none;
-    margin: 0;
-    font: inherit;
-    font-weight: 400;
-    line-height: normal;
-    height: 37px;
-    border-radius: 4px;
-    padding: 4px 9px;
-    border: 1px solid #cecece;
-    background: white;
-    color: #474747;
-    box-shadow: inset 0 1px 0 #f9f9f9, 0 1px 0 rgba(255, 255, 255, 0.1);
-    -webkit-transition: box-shadow 180ms, border 180ms;
-    -moz-transition: box-shadow 180ms, border 180ms;
-    transition: box-shadow 180ms, border 180ms;
-    padding-left: 44.4px;
-    width: 100%;
-    height: 100%;
-    border-radius: inherit; }
-    .tests-valo .v-datefield .v-datefield-textfield.v-disabled {
-      opacity: 0.5;
-      filter: alpha(opacity=50); }
-    .tests-valo .v-datefield .v-datefield-textfield:focus {
-      outline: none;
-      -webkit-transition: none;
-      -moz-transition: none;
-      transition: none;
-      border-color: #197de1;
-      box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #f9f9f9, 0 1px 0 rgba(255, 255, 255, 0.1); }
-    .tests-valo .v-datefield .v-datefield-textfield.v-textfield-prompt, .tests-valo .v-datefield .v-datefield-textfield.v-textarea-prompt {
-      color: #a3a3a3; }
-  .tests-valo .v-datefield.v-datefield-prompt > .v-datefield-textfield {
-    color: #a3a3a3; }
-  .tests-valo .v-datefield .v-datefield-button {
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-    -webkit-touch-callout: none;
-    cursor: pointer;
-    -webkit-appearance: none;
-    background: transparent;
-    border: none;
-    padding: 0;
-    position: absolute;
-    z-index: 10;
-    top: 1px;
-    bottom: 1px;
-    left: 1px;
-    width: 37px;
-    line-height: 35px;
-    text-align: center;
-    cursor: pointer;
-    font: inherit;
-    border-right: 1px solid #e8e8e8;
-    outline: none;
-    margin: 0;
-    border-radius: 3px 0 0 3px; }
-    .tests-valo .v-datefield .v-datefield-button:before {
-      font-family: FontAwesome;
-      content: "\f073";
-      color: #474747;
-      color: #a3a3a3;
-      -webkit-transition: color 140ms;
-      -moz-transition: color 140ms;
-      transition: color 140ms; }
-    .tests-valo .v-datefield .v-datefield-button:hover:before {
-      color: #474747; }
-    .tests-valo .v-datefield .v-datefield-button:active:after {
-      content: "";
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      background-color: rgba(128, 128, 128, 0.2);
-      border-radius: inherit; }
-  .tests-valo .v-datefield.v-disabled {
-    opacity: 0.5;
-    filter: alpha(opacity=50); }
-    .tests-valo .v-datefield.v-disabled .v-datefield-button {
-      cursor: default;
-      pointer-events: none; }
-      .tests-valo .v-datefield.v-disabled .v-datefield-button:active:after {
-        display: none; }
-  .tests-valo .v-datefield.v-readonly .v-datefield-textfield {
-    background: transparent;
-    box-shadow: none; }
-    .tests-valo .v-datefield.v-readonly .v-datefield-textfield:focus {
-      box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-  .tests-valo .v-datefield.v-readonly .v-datefield-button {
-    cursor: default;
-    pointer-events: none; }
-    .tests-valo .v-datefield.v-readonly .v-datefield-button:active:after {
-      display: none; }
-.tests-valo .v-datefield-full {
-  width: 240px; }
-.tests-valo .v-datefield-day {
-  width: 185px; }
-.tests-valo .v-datefield-month {
-  width: 120px; }
-.tests-valo .v-datefield-year {
-  width: 104px; }
-.tests-valo .v-datefield-popup {
-  padding: 4px 4px;
-  border-radius: 4px;
-  background-color: white;
-  color: #474747;
-  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.1);
-  -webkit-animation: valo-overlay-open 200ms;
-  -moz-animation: valo-overlay-open 200ms;
-  animation: valo-overlay-open 200ms;
-  -webkit-backface-visibility: hidden;
-  -moz-backface-visibility: hidden;
-  -ms-backface-visibility: hidden;
-  backface-visibility: hidden;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  margin-top: 5px !important;
-  cursor: default;
-  width: auto; }
-  .tests-valo .v-datefield-popup table {
-    border-collapse: collapse;
-    border-spacing: 0; }
-  .tests-valo .v-datefield-popup td {
-    padding: 2px; }
-  .tests-valo .v-datefield-popup .v-datefield-calendarpanel {
-    font-size: 16px;
-    text-align: center; }
-    .tests-valo .v-datefield-popup .v-datefield-calendarpanel:focus {
-      outline: none; }
-  .tests-valo .v-datefield-popup .v-datefield-calendarpanel-day {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    width: 30px;
-    height: 26px;
-    border: 1px solid transparent;
-    line-height: 26px;
-    text-align: center;
-    font-size: 14px;
-    background: #fafafa;
-    border-radius: 2px;
-    -webkit-transition: color 200ms;
-    -moz-transition: color 200ms;
-    transition: color 200ms;
-    display: inline-block;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    cursor: pointer; }
-    .tests-valo .v-datefield-popup .v-datefield-calendarpanel-day:hover {
-      color: #197de1; }
-  .tests-valo .v-datefield-popup .v-datefield-calendarpanel-day-offmonth {
-    color: #a0a0a0;
-    background: transparent; }
-  .tests-valo .v-datefield-popup .v-datefield-calendarpanel-day-today {
-    color: #2f2f2f;
-    font-weight: 600;
-    border-color: #b6b6b6; }
-  .tests-valo .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected,
-  .tests-valo .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected:hover {
-    color: #d9e5f1;
-    background-color: #197de1;
-    background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
-    background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
-    border: none; }
-  .tests-valo .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
-    box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
-    position: relative; }
-    .v-ie8 .tests-valo .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
-      border-color: #197de1; }
-  .tests-valo .v-datefield-popup .v-datefield-calendarpanel-weekdays {
-    height: 26px;
-    color: rgba(133, 133, 133, 0.85); }
-    .tests-valo .v-datefield-popup .v-datefield-calendarpanel-weekdays strong {
-      font: inherit;
-      font-size: 14px; }
-  .tests-valo .v-datefield-popup .v-datefield-calendarpanel-header {
-    white-space: nowrap; }
-  .tests-valo .v-datefield-popup td[class$="year"] button,
-  .tests-valo .v-datefield-popup td[class$="month"] button {
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    -ms-appearance: none;
-    -o-appearance: none;
-    appearance: none;
-    border: none;
-    background: transparent;
-    padding: 0;
-    margin: 0;
-    cursor: pointer;
-    color: transparent;
-    font-size: 0;
-    width: 19px;
-    height: 25px;
-    outline: none;
-    position: relative;
-    vertical-align: middle; }
-    .tests-valo .v-datefield-popup td[class$="year"] button:before,
-    .tests-valo .v-datefield-popup td[class$="month"] button:before {
-      color: #a0a0a0;
-      font-size: 21px;
-      line-height: 24px;
-      -webkit-transition: color 200ms;
-      -moz-transition: color 200ms;
-      transition: color 200ms; }
-    .tests-valo .v-datefield-popup td[class$="year"] button:hover,
-    .tests-valo .v-datefield-popup td[class$="month"] button:hover {
-      opacity: 1;
-      filter: none; }
-      .tests-valo .v-datefield-popup td[class$="year"] button:hover:before,
-      .tests-valo .v-datefield-popup td[class$="month"] button:hover:before {
-        color: #197de1; }
-  .tests-valo .v-datefield-popup .v-button-prevyear:before {
-    font-family: FontAwesome;
-    content: "\f100"; }
-  .tests-valo .v-datefield-popup .v-button-prevmonth:before {
-    font-family: FontAwesome;
-    content: "\f104"; }
-  .tests-valo .v-datefield-popup .v-button-nextyear:before {
-    font-family: FontAwesome;
-    content: "\f101"; }
-  .tests-valo .v-datefield-popup .v-button-nextmonth:before {
-    font-family: FontAwesome;
-    content: "\f105"; }
-  .tests-valo .v-datefield-popup td.v-datefield-calendarpanel-month {
-    width: 130px;
-    color: #197de1; }
-  .tests-valo .v-datefield-popup .v-datefield-year td.v-datefield-calendarpanel-month {
-    width: 74px; }
-  .tests-valo .v-datefield-popup .v-datefield-calendarpanel-weeknumber,
-  .tests-valo .v-datefield-popup .v-datefield-calendarpanel-weekdays.v-datefield-calendarpanel-weeknumbers td:first-child {
-    width: 30px;
-    color: rgba(133, 133, 133, 0.85);
-    font-size: 14px;
-    display: inline-block;
-    text-align: left; }
-  .tests-valo .v-datefield-popup .v-datefield-calendarpanel-weeknumber {
-    position: relative; }
-  .tests-valo .v-datefield-popup .v-datefield-calendarpanel-weeknumbers .v-first:before {
-    content: "";
-    position: absolute;
-    top: 38px;
-    bottom: 0;
-    left: 0;
-    width: 34px;
-    border-top: 1px solid #ececec;
-    border-right: 1px solid #ececec;
-    border-top-right-radius: 4px;
-    border-bottom-left-radius: 4px;
-    background: #fafafa; }
-  .tests-valo .v-datefield-popup td.v-datefield-calendarpanel-time {
-    width: 100%;
-    font-size: 14px; }
-    .tests-valo .v-datefield-popup td.v-datefield-calendarpanel-time .v-label {
-      display: inline-block;
-      margin: 0 0.1em;
-      font-weight: 400; }
-.tests-valo .v-datefield-calendarpanel {
-  font-size: 16px;
-  text-align: center; }
-  .tests-valo .v-datefield-calendarpanel:focus {
-    outline: none; }
-.tests-valo .v-datefield-calendarpanel-day {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  width: 30px;
-  height: 26px;
-  border: 1px solid transparent;
-  line-height: 26px;
-  text-align: center;
-  font-size: 14px;
-  background: #fafafa;
-  border-radius: 2px;
-  -webkit-transition: color 200ms;
-  -moz-transition: color 200ms;
-  transition: color 200ms;
-  display: inline-block;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  cursor: pointer; }
-  .tests-valo .v-datefield-calendarpanel-day:hover {
-    color: #197de1; }
-.tests-valo .v-datefield-calendarpanel-day-offmonth {
-  color: #a0a0a0;
-  background: transparent; }
-.tests-valo .v-datefield-calendarpanel-day-today {
-  color: #2f2f2f;
-  font-weight: 600;
-  border-color: #b6b6b6; }
-.tests-valo .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected,
-.tests-valo .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected:hover {
-  color: #d9e5f1;
-  background-color: #197de1;
-  background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
-  background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
-  border: none; }
-.tests-valo .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
-  box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
-  position: relative; }
-  .v-ie8 .tests-valo .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
-    border-color: #197de1; }
-.tests-valo .v-datefield-calendarpanel-weekdays {
-  height: 26px;
-  color: rgba(133, 133, 133, 0.85); }
-  .tests-valo .v-datefield-calendarpanel-weekdays strong {
-    font: inherit;
-    font-size: 14px; }
-.tests-valo .v-datefield-calendarpanel-header {
-  white-space: nowrap; }
-.tests-valo td[class$="year"] button,
-.tests-valo td[class$="month"] button {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  -ms-appearance: none;
-  -o-appearance: none;
-  appearance: none;
-  border: none;
-  background: transparent;
-  padding: 0;
-  margin: 0;
-  cursor: pointer;
-  color: transparent;
-  font-size: 0;
-  width: 19px;
-  height: 25px;
-  outline: none;
-  position: relative;
-  vertical-align: middle; }
-  .tests-valo td[class$="year"] button:before,
-  .tests-valo td[class$="month"] button:before {
-    color: #a0a0a0;
-    font-size: 21px;
-    line-height: 24px;
-    -webkit-transition: color 200ms;
-    -moz-transition: color 200ms;
-    transition: color 200ms; }
-  .tests-valo td[class$="year"] button:hover,
-  .tests-valo td[class$="month"] button:hover {
-    opacity: 1;
-    filter: none; }
-    .tests-valo td[class$="year"] button:hover:before,
-    .tests-valo td[class$="month"] button:hover:before {
-      color: #197de1; }
-.tests-valo .v-button-prevyear:before {
-  font-family: FontAwesome;
-  content: "\f100"; }
-.tests-valo .v-button-prevmonth:before {
-  font-family: FontAwesome;
-  content: "\f104"; }
-.tests-valo .v-button-nextyear:before {
-  font-family: FontAwesome;
-  content: "\f101"; }
-.tests-valo .v-button-nextmonth:before {
-  font-family: FontAwesome;
-  content: "\f105"; }
-.tests-valo td.v-datefield-calendarpanel-month {
-  width: 130px;
-  color: #197de1; }
-.tests-valo .v-datefield-year td.v-datefield-calendarpanel-month {
-  width: 74px; }
-.tests-valo .v-datefield-calendarpanel-weeknumber,
-.tests-valo .v-datefield-calendarpanel-weekdays.v-datefield-calendarpanel-weeknumbers td:first-child {
-  width: 30px;
-  color: rgba(133, 133, 133, 0.85);
-  font-size: 14px;
-  display: inline-block;
-  text-align: left; }
-.tests-valo .v-datefield-calendarpanel-weeknumber {
-  position: relative; }
-.tests-valo .v-datefield-calendarpanel-weeknumbers .v-first:before {
-  content: "";
-  position: absolute;
-  top: 38px;
-  bottom: 0;
-  left: 0;
-  width: 34px;
-  border-top: 1px solid #ececec;
-  border-right: 1px solid #ececec;
-  border-top-right-radius: 4px;
-  border-bottom-left-radius: 4px;
-  background: #fafafa; }
-.tests-valo td.v-datefield-calendarpanel-time {
-  width: 100%;
-  font-size: 14px; }
-  .tests-valo td.v-datefield-calendarpanel-time .v-label {
-    display: inline-block;
-    margin: 0 0.1em;
-    font-weight: 400; }
-.tests-valo .v-inline-datefield-calendarpanel {
-  font-size: 16px;
-  text-align: center; }
-  .tests-valo .v-inline-datefield-calendarpanel:focus {
-    outline: none; }
-.tests-valo .v-inline-datefield-calendarpanel-day {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  width: 30px;
-  height: 26px;
-  border: 1px solid transparent;
-  line-height: 26px;
-  text-align: center;
-  font-size: 14px;
-  background: #fafafa;
-  border-radius: 2px;
-  -webkit-transition: color 200ms;
-  -moz-transition: color 200ms;
-  transition: color 200ms;
-  display: inline-block;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  cursor: pointer; }
-  .tests-valo .v-inline-datefield-calendarpanel-day:hover {
-    color: #197de1; }
-.tests-valo .v-inline-datefield-calendarpanel-day-offmonth {
-  color: #a0a0a0;
-  background: transparent; }
-.tests-valo .v-inline-datefield-calendarpanel-day-today {
-  color: #2f2f2f;
-  font-weight: 600;
-  border-color: #b6b6b6; }
-.tests-valo .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-selected,
-.tests-valo .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-selected:hover {
-  color: #d9e5f1;
-  background-color: #197de1;
-  background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
-  background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
-  border: none; }
-.tests-valo .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-focused {
-  box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
-  position: relative; }
-  .v-ie8 .tests-valo .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-focused {
-    border-color: #197de1; }
-.tests-valo .v-inline-datefield-calendarpanel-weekdays {
-  height: 26px;
-  color: rgba(133, 133, 133, 0.85); }
-  .tests-valo .v-inline-datefield-calendarpanel-weekdays strong {
-    font: inherit;
-    font-size: 14px; }
-.tests-valo .v-inline-datefield-calendarpanel-header {
-  white-space: nowrap; }
-.tests-valo td[class$="year"] button,
-.tests-valo td[class$="month"] button {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  -ms-appearance: none;
-  -o-appearance: none;
-  appearance: none;
-  border: none;
-  background: transparent;
-  padding: 0;
-  margin: 0;
-  cursor: pointer;
-  color: transparent;
-  font-size: 0;
-  width: 19px;
-  height: 25px;
-  outline: none;
-  position: relative;
-  vertical-align: middle; }
-  .tests-valo td[class$="year"] button:before,
-  .tests-valo td[class$="month"] button:before {
-    color: #a0a0a0;
-    font-size: 21px;
-    line-height: 24px;
-    -webkit-transition: color 200ms;
-    -moz-transition: color 200ms;
-    transition: color 200ms; }
-  .tests-valo td[class$="year"] button:hover,
-  .tests-valo td[class$="month"] button:hover {
-    opacity: 1;
-    filter: none; }
-    .tests-valo td[class$="year"] button:hover:before,
-    .tests-valo td[class$="month"] button:hover:before {
-      color: #197de1; }
-.tests-valo .v-button-prevyear:before {
-  font-family: FontAwesome;
-  content: "\f100"; }
-.tests-valo .v-button-prevmonth:before {
-  font-family: FontAwesome;
-  content: "\f104"; }
-.tests-valo .v-button-nextyear:before {
-  font-family: FontAwesome;
-  content: "\f101"; }
-.tests-valo .v-button-nextmonth:before {
-  font-family: FontAwesome;
-  content: "\f105"; }
-.tests-valo td.v-inline-datefield-calendarpanel-month {
-  width: 130px;
-  color: #197de1; }
-.tests-valo .v-datefield-year td.v-datefield-calendarpanel-month {
-  width: 74px; }
-.tests-valo .v-inline-datefield-calendarpanel-weeknumber,
-.tests-valo .v-inline-datefield-calendarpanel-weekdays.v-inline-datefield-calendarpanel-weeknumbers td:first-child {
-  width: 30px;
-  color: rgba(133, 133, 133, 0.85);
-  font-size: 14px;
-  display: inline-block;
-  text-align: left; }
-.tests-valo .v-inline-datefield-calendarpanel-weeknumber {
-  position: relative; }
-.tests-valo .v-inline-datefield-calendarpanel-weeknumbers .v-first:before {
-  content: "";
-  position: absolute;
-  top: 38px;
-  bottom: 0;
-  left: 0;
-  width: 34px;
-  border-top: 1px solid #ececec;
-  border-right: 1px solid #ececec;
-  border-top-right-radius: 4px;
-  border-bottom-left-radius: 4px;
-  background: #fafafa; }
-.tests-valo td.v-datefield-calendarpanel-time {
-  width: 100%;
-  font-size: 14px; }
-  .tests-valo td.v-datefield-calendarpanel-time .v-label {
-    display: inline-block;
-    margin: 0 0.1em;
-    font-weight: 400; }
-.tests-valo .v-inline-datefield-calendarpanel {
-  position: relative;
-  background: white;
-  padding: 6px; }
-.tests-valo .v-margin-top {
-  padding-top: 37px; }
-.tests-valo .v-margin-right {
-  padding-right: 37px; }
-.tests-valo .v-margin-bottom {
-  padding-bottom: 37px; }
-.tests-valo .v-margin-left {
-  padding-left: 37px; }
-.tests-valo .v-spacing {
-  width: 12px;
-  height: 12px; }
-.tests-valo .v-gridlayout-margin-top {
-  padding-top: 37px; }
-.tests-valo .v-gridlayout-margin-bottom {
-  padding-bottom: 37px; }
-.tests-valo .v-gridlayout-margin-left {
-  padding-left: 37px; }
-.tests-valo .v-gridlayout-margin-right {
-  padding-right: 37px; }
-.tests-valo .v-gridlayout-spacing-on {
-  padding-left: 12px;
-  padding-top: 12px; }
-.tests-valo .v-menubar {
-  position: relative;
-  text-align: center;
-  white-space: nowrap;
-  outline: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  -webkit-touch-callout: none;
-  cursor: pointer;
-  height: 37px;
-  padding: 0 16px;
-  color: #2f2f2f;
-  font-weight: 400;
-  cursor: default;
-  border-radius: 4px;
-  border: 1px solid #cecece;
-  border-top-color: #cecece;
-  border-bottom-color: #c5c5c5;
-  background-color: #fafafa;
-  background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
-  background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
-  box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #eaeaea, 0 2px 3px rgba(0, 0, 0, 0.05);
-  text-shadow: 0 1px 0 #fafafa;
-  padding: 0;
-  text-align: left;
-  overflow: hidden; }
-  .tests-valo .v-menubar:focus:not(.v-disabled) {
-    border-color: #197de1;
-    box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #eaeaea, 0 2px 3px rgba(0, 0, 0, 0.05), 0 0 0 2px rgba(25, 125, 225, 0.5); }
-  .tests-valo .v-menubar.v-disabled {
-    opacity: 0.5;
-    filter: alpha(opacity=50); }
-.tests-valo .v-menubar:active:after {
-  background: transparent; }
-.tests-valo .v-menubar > .v-menubar-menuitem {
-  position: relative;
-  z-index: 1;
-  display: inline-block;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  height: 37px;
-  padding: 0 15px;
-  color: inherit;
-  font-weight: 400;
-  cursor: pointer;
-  border-radius: 0;
-  border: 1px solid #cecece;
-  border-top-color: #cecece;
-  border-bottom-color: #c5c5c5;
-  background-color: #fafafa;
-  background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
-  background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
-  box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #eaeaea;
-  background: transparent;
-  border-width: 0 1px 0 0;
-  height: 100%;
-  vertical-align: top;
-  line-height: 34px;
-  text-align: center; }
-  .tests-valo .v-menubar > .v-menubar-menuitem:after {
-    border: inherit;
-    top: -1px;
-    right: -1px;
-    bottom: -1px;
-    left: -1px; }
-  .tests-valo .v-menubar > .v-menubar-menuitem:hover:after {
-    background-color: rgba(186, 186, 186, 0.1); }
-  .tests-valo .v-menubar > .v-menubar-menuitem:focus:after {
-    border-color: #197de1;
-    box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-  .tests-valo .v-menubar > .v-menubar-menuitem:active:after {
-    background-color: rgba(125, 125, 125, 0.2); }
-  .tests-valo .v-menubar > .v-menubar-menuitem:first-child {
-    border-left-width: 0;
-    border-radius: 2px 0 0 2px; }
-  .tests-valo .v-menubar > .v-menubar-menuitem:last-child {
-    border-radius: 0 2px 2px 0;
-    margin-right: -1px; }
-  .tests-valo .v-menubar > .v-menubar-menuitem:first-child:last-child {
-    border-radius: 2px;
-    border-right-width: 0;
-    margin-right: 0; }
-  .tests-valo .v-menubar > .v-menubar-menuitem:before {
-    content: "";
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    border-radius: inherit; }
-  .tests-valo .v-menubar > .v-menubar-menuitem:hover:before {
-    background-color: rgba(186, 186, 186, 0.1);
-    border: none; }
-  .tests-valo .v-menubar > .v-menubar-menuitem:active:before {
-    background-color: rgba(125, 125, 125, 0.2); }
-  .tests-valo .v-menubar > .v-menubar-menuitem .v-icon {
-    margin: 0 4px 0 -4px;
-    cursor: inherit; }
-  .tests-valo .v-menubar > .v-menubar-menuitem[class*="-icon-only"] {
-    width: 37px;
-    padding: 0; }
-    .tests-valo .v-menubar > .v-menubar-menuitem[class*="-icon-only"] .v-icon {
-      margin: 0; }
-.tests-valo .v-menubar > .v-menubar-menuitem-checked {
-  box-shadow: none;
-  background-color: #ededed;
-  background-image: -webkit-linear-gradient(bottom, #ededed 2%, #e9e9e9 98%);
-  background-image: linear-gradient(to top,#ededed 2%, #e9e9e9 98%);
-  color: #2d2d2d; }
-.tests-valo .v-disabled > .v-menubar-menuitem,
-.tests-valo .v-menubar > .v-menubar-menuitem-disabled {
-  cursor: default; }
-  .tests-valo .v-disabled > .v-menubar-menuitem:before,
-  .tests-valo .v-menubar > .v-menubar-menuitem-disabled:before {
-    display: none; }
-.tests-valo .v-menubar-menuitem-disabled {
-  opacity: 0.5;
-  filter: alpha(opacity=50); }
-.tests-valo .v-menubar > .v-menubar-menuitem-selected {
-  color: #ecf2f8;
-  border-radius: 0;
-  border: 1px solid #1467b9;
-  border-top-color: #166fbb;
-  border-bottom-color: #125aaf;
-  background-color: #197de1;
-  background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
-  background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
-  box-shadow: inset 0 1px 0 #4595e5, inset 0 -1px 0 #166ccd;
-  text-shadow: 0 -1px 0 #197de1;
-  border-top-width: 0;
-  border-left-width: 0;
-  border-bottom-width: 0;
-  z-index: 2; }
-  .tests-valo .v-menubar > .v-menubar-menuitem-selected:hover:before {
-    background: none; }
-.tests-valo .v-menubar .v-menubar-submenu-indicator {
-  display: none; }
-.tests-valo .v-menubar-popup {
-  padding: 4px 4px;
-  border-radius: 4px;
-  background-color: white;
-  color: #474747;
-  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.1);
-  -webkit-animation: valo-overlay-open 200ms;
-  -moz-animation: valo-overlay-open 200ms;
-  animation: valo-overlay-open 200ms;
-  -webkit-backface-visibility: hidden;
-  -moz-backface-visibility: hidden;
-  -ms-backface-visibility: hidden;
-  backface-visibility: hidden;
-  padding: 4px 4px;
-  margin: 5px 0 0 1px !important; }
-  .tests-valo .v-menubar-popup .v-menubar-submenu {
-    outline: none; }
-  .tests-valo .v-menubar-popup .v-menubar-menuitem {
-    display: block;
-    cursor: pointer;
-    line-height: 27px;
-    padding: 0 20px 0 10px;
-    border-radius: 3px;
-    font-weight: 400;
-    white-space: nowrap;
-    position: relative;
-    padding-left: 32px;
-    padding-right: 37px;
-    position: relative; }
-    .tests-valo .v-menubar-popup .v-menubar-menuitem:active:before {
-      content: "";
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      background: #0957a6;
-      opacity: 0.15;
-      filter: alpha(opacity=15);
-      pointer-events: none;
-      border-radius: inherit; }
-    .tests-valo .v-menubar-popup .v-menubar-menuitem .v-icon {
-      max-height: 27px;
-      margin-right: 5px;
-      min-width: 1em; }
-  .tests-valo .v-menubar-popup .v-menubar-submenu-indicator {
-    display: none; }
-    .tests-valo .v-menubar-popup .v-menubar-submenu-indicator + .v-menubar-menuitem-caption:after {
-      position: absolute;
-      right: 10px;
-      font-family: FontAwesome;
-      content: "\f054";
-      line-height: 29px; }
-  .tests-valo .v-menubar-popup .v-menubar-menuitem-selected {
-    background-color: #197de1;
-    background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
-    background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
-    color: #ecf2f8; }
-  .tests-valo .v-menubar-popup .v-menubar-separator {
-    display: block;
-    margin: 4px 0;
-    height: 0;
-    overflow: hidden;
-    border-bottom: 1px solid #e8e8e8; }
-  .tests-valo .v-menubar-popup [class*="checked"] .v-menubar-menuitem-caption:before {
-    content: "\f00c";
-    font-family: FontAwesome;
-    position: absolute;
-    left: 10px; }
-  .tests-valo .v-menubar-popup [class*="unchecked"] .v-menubar-menuitem-caption:before {
-    content: ""; }
-  .tests-valo .v-menubar-popup [class*="disabled"] {
-    cursor: default; }
-:root .tests-valo .v-radiobutton > input:checked ~ label:after {
-  width: 7px;
-  height: 7px;
-  top: 6px;
-  left: 6px;
-  background: #197de1; }
-:root .tests-valo .v-radiobutton > input ~ label:before, :root .tests-valo .v-radiobutton > input ~ label:after {
-  border-radius: 50%;
-  content: ""; }
-.tests-valo .v-select-optiongroup .v-radiobutton,
-.tests-valo .v-select-optiongroup .v-checkbox {
-  display: block;
-  margin: 9px 16px 0 0; }
-  .tests-valo .v-select-optiongroup .v-radiobutton:first-child,
-  .tests-valo .v-select-optiongroup .v-checkbox:first-child {
-    margin-top: 6px; }
-  .tests-valo .v-select-optiongroup .v-radiobutton:last-child,
-  .tests-valo .v-select-optiongroup .v-checkbox:last-child {
-    margin-bottom: 6px; }
-.tests-valo .v-select-optiongroup.v-has-width label {
-  white-space: normal; }
-.tests-valo .v-link {
-  cursor: pointer;
-  color: #197de1;
-  text-decoration: underline;
-  font-weight: inherit;
-  -webkit-transition: color 140ms;
-  -moz-transition: color 140ms;
-  transition: color 140ms; }
-  .tests-valo .v-link:hover {
-    color: #4396ea; }
-  .tests-valo .v-link a {
-    cursor: inherit;
-    color: inherit;
-    text-decoration: inherit;
-    -webkit-transition: inherit;
-    -moz-transition: inherit;
-    transition: inherit; }
-  .tests-valo .v-link .v-icon {
-    cursor: inherit; }
-.tests-valo .v-window {
-  padding: 4px 4px;
-  border-radius: 4px;
-  background-color: white;
-  color: #474747;
-  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.1);
-  -webkit-animation: valo-overlay-open 200ms;
-  -moz-animation: valo-overlay-open 200ms;
-  animation: valo-overlay-open 200ms;
-  -webkit-backface-visibility: hidden;
-  -moz-backface-visibility: hidden;
-  -ms-backface-visibility: hidden;
-  backface-visibility: hidden;
-  box-shadow: 0 4px 12px 6px rgba(0, 0, 0, 0.05), 0 2px 4px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.1);
-  padding: 0;
-  min-width: 148px !important;
-  min-height: 37px !important;
-  overflow: hidden !important;
-  white-space: nowrap;
-  -webkit-transition: width 200ms, height 200ms, top 200ms, left 200ms;
-  -moz-transition: width 200ms, height 200ms, top 200ms, left 200ms;
-  transition: width 200ms, height 200ms, top 200ms, left 200ms; }
-.tests-valo .v-window-modalitycurtain {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  background: #fafafa;
-  opacity: 0.5;
-  filter: alpha(opacity=50); }
-.tests-valo .v-window-draggingCurtain {
-  position: fixed !important; }
-.tests-valo .v-window-resizingCurtain + .v-window,
-.tests-valo .v-window-draggingCurtain + .v-window {
-  -webkit-transition: none;
-  -moz-transition: none;
-  transition: none; }
-.tests-valo .v-window-outerheader {
-  position: absolute;
-  z-index: 2;
-  top: 0;
-  left: 0;
-  right: 0;
-  -webkit-transform: translatez(0);
-  -moz-transform: translatez(0);
-  -ms-transform: translatez(0);
-  -o-transform: translatez(0);
-  transform: translatez(0); }
-  .tests-valo .v-window-outerheader:after {
-    content: "";
-    position: absolute;
-    bottom: -1px;
-    right: 0;
-    left: 0;
-    height: 1px;
-    background: #e4e4e4; }
-.tests-valo .v-window-header {
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  cursor: move;
-  line-height: 36px;
-  padding-left: 12px;
-  margin-right: 74px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  color: #7e7e7e; }
-.tests-valo .v-window-closebox,
-.tests-valo .v-window-maximizebox,
-.tests-valo .v-window-restorebox {
-  position: absolute;
-  z-index: 2;
-  top: 0;
-  right: 0;
-  width: 37px;
-  height: 36px;
-  line-height: 34px;
-  text-align: center;
-  cursor: pointer;
-  font-family: FontAwesome;
-  font-size: 21px;
-  opacity: 0.4;
-  filter: alpha(opacity=40);
-  -webkit-transition: all 140ms;
-  -moz-transition: all 140ms;
-  transition: all 140ms; }
-  .tests-valo .v-window-closebox:focus,
-  .tests-valo .v-window-maximizebox:focus,
-  .tests-valo .v-window-restorebox:focus {
-    outline: none; }
-  .tests-valo .v-window-closebox:hover,
-  .tests-valo .v-window-maximizebox:hover,
-  .tests-valo .v-window-restorebox:hover {
-    opacity: 1;
-    filter: none;
-    color: #197de1; }
-  .tests-valo .v-window-closebox:active,
-  .tests-valo .v-window-maximizebox:active,
-  .tests-valo .v-window-restorebox:active {
-    color: inherit; }
-.tests-valo .v-window-closebox:before {
-  content: "\00d7"; }
-.tests-valo .v-window-maximizebox,
-.tests-valo .v-window-restorebox {
-  right: 37px; }
-.tests-valo .v-window-restorebox-disabled,
-.tests-valo .v-window-maximizebox-disabled {
-  display: none; }
-.tests-valo .v-window-maximizebox:before {
-  content: "+"; }
-.tests-valo .v-window-restorebox:before {
-  content: "\2013"; }
-.tests-valo .v-window > .popupContent,
-.tests-valo .v-window-wrap,
-.tests-valo .v-window-contents,
-.tests-valo .v-window-contents > .v-scrollable {
-  height: 100%; }
-.tests-valo .v-window-contents {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  border-radius: 4px;
-  margin-top: 0 !important; }
-  .tests-valo .v-window-contents > .v-scrollable {
-    position: relative; }
-    .tests-valo .v-window-contents > .v-scrollable > .v-margin-top {
-      padding-top: 12px; }
-    .tests-valo .v-window-contents > .v-scrollable > .v-margin-right {
-      padding-right: 12px; }
-    .tests-valo .v-window-contents > .v-scrollable > .v-margin-bottom {
-      padding-bottom: 12px; }
-    .tests-valo .v-window-contents > .v-scrollable > .v-margin-left {
-      padding-left: 12px; }
-    .tests-valo .v-window-contents > .v-scrollable > .v-formlayout .v-formlayout-margin-top > tbody > .v-formlayout-firstrow > .v-formlayout-captioncell,
-    .tests-valo .v-window-contents > .v-scrollable > .v-formlayout .v-formlayout-margin-top > tbody > .v-formlayout-firstrow > .v-formlayout-contentcell,
-    .tests-valo .v-window-contents > .v-scrollable > .v-formlayout .v-formlayout-margin-top > tbody > .v-formlayout-firstrow > .v-formlayout-errorcell {
-      padding-top: 12px; }
-    .tests-valo .v-window-contents > .v-scrollable > .v-formlayout .v-formlayout-margin-bottom > tbody > .v-formlayout-lastrow > .v-formlayout-captioncell,
-    .tests-valo .v-window-contents > .v-scrollable > .v-formlayout .v-formlayout-margin-bottom > tbody > .v-formlayout-lastrow > .v-formlayout-contentcell,
-    .tests-valo .v-window-contents > .v-scrollable > .v-formlayout .v-formlayout-margin-bottom > tbody > .v-formlayout-lastrow > .v-formlayout-errorcell {
-      padding-bottom: 12px; }
-    .tests-valo .v-window-contents > .v-scrollable > .v-formlayout .v-formlayout-margin-left > tbody > .v-formlayout-row > .v-formlayout-captioncell {
-      padding-left: 12px; }
-    .tests-valo .v-window-contents > .v-scrollable > .v-formlayout .v-formlayout-margin-right > tbody > .v-formlayout-row > .v-formlayout-contentcell {
-      padding-right: 12px; }
-    .tests-valo .v-window-contents > .v-scrollable:focus {
-      outline: none; }
-    .tests-valo .v-window-contents > .v-scrollable:before {
-      content: "";
-      position: absolute;
-      z-index: 2;
-      top: 0;
-      height: 1px;
-      background: white;
-      left: 0;
-      right: 0; }
-    .tests-valo .v-window-contents > .v-scrollable .v-panel-captionwrap:after {
-      background: #e4e4e4; }
-    .tests-valo .v-window-contents > .v-scrollable .v-panel-content:before {
-      background: white; }
-.tests-valo .v-window-footer {
-  height: 0; }
-.tests-valo .v-window-resizebox {
-  position: absolute;
-  z-index: 1000;
-  right: 0;
-  bottom: 0;
-  width: 19px;
-  height: 19px;
-  cursor: nwse-resize; }
-  .v-ie8 .tests-valo .v-window-resizebox {
-    background: #000;
-    filter: alpha(opacity=0.1); }
-  .v-ie8 .tests-valo .v-window-resizebox, .v-ie9 .tests-valo .v-window-resizebox {
-    cursor: se-resize; }
-.tests-valo .v-window-resizebox-disabled {
-  display: none; }
-.tests-valo .v-window-modalitycurtain:active ~ .v-window {
-  -webkit-animation: none;
-  -moz-animation: none;
-  animation: none; }
-.tests-valo .v-window-bottom-toolbar {
-  padding: 7px 12px;
-  background-color: #fafafa;
-  background-image: -webkit-linear-gradient(top, #f0f0f0 0, #fafafa 4px);
-  background-image: linear-gradient(to bottom,#f0f0f0 0, #fafafa 4px);
-  border-top: 1px solid #e4e4e4; }
-  .tests-valo .v-window-bottom-toolbar .v-expand {
-    overflow: visible; }
-  .tests-valo .v-window-bottom-toolbar .v-label {
-    line-height: 36px; }
-  .tests-valo .v-window-bottom-toolbar .v-spacing {
-    width: 6px; }
-.tests-valo .v-margin-left.v-margin-right.v-margin-bottom .v-window-bottom-toolbar {
-  margin: 0 -12px -12px;
-  -webkit-box-sizing: content-box;
-  -moz-box-sizing: content-box;
-  box-sizing: content-box; }
-.tests-valo .v-tree {
-  position: relative;
-  white-space: nowrap;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none; }
-  .tests-valo .v-tree:focus {
-    outline: none; }
-.tests-valo .v-tree-node:before {
-  content: "";
-  position: absolute;
-  display: inline-block;
-  z-index: 3;
-  width: 1.9em;
-  height: 28px;
-  cursor: pointer; }
-  .v-ie8 .tests-valo .v-tree-node:before {
-    content: "+";
-    position: static;
-    margin-left: -1.9em;
-    vertical-align: top;
-    content: "\f0da";
-    font-family: FontAwesome;
-    text-align: center; }
-.v-ie8 .tests-valo .v-tree-node {
-  padding-left: 1.9em; }
-.tests-valo .v-tree-node-caption {
-  height: 28px;
-  line-height: 27px;
-  overflow: hidden;
-  white-space: nowrap; }
-  .tests-valo .v-tree-node-caption > div {
-    display: inline-block;
-    width: 100%;
-    position: relative;
-    z-index: 2; }
-    .tests-valo .v-tree-node-caption > div:before {
-      content: "\f0da";
-      font-family: FontAwesome;
-      display: inline-block;
-      width: .5em;
-      text-align: center;
-      margin: 0 .6em 0 .8em;
-      -webkit-transition: all 100ms;
-      -moz-transition: all 100ms;
-      transition: all 100ms; }
-      .v-ie8 .tests-valo .v-tree-node-caption > div:before {
-        display: none; }
-  .tests-valo .v-tree-node-caption span {
-    padding-right: 28px;
-    cursor: pointer;
-    display: inline-block;
-    width: 100%; }
-    .v-ie .tests-valo .v-tree-node-caption span {
-      width: auto; }
-  .tests-valo .v-tree-node-caption .v-icon {
-    padding-right: 0;
-    width: auto;
-    min-width: 1em; }
-  .tests-valo .v-tree-node-caption:after {
-    content: "";
-    display: inline-block;
-    vertical-align: top;
-    position: absolute;
-    z-index: 1;
-    left: 0;
-    width: 100%;
-    height: 28px;
-    border-radius: 4px;
-    opacity: 0;
-    -webkit-transition: opacity 120ms;
-    -moz-transition: opacity 120ms;
-    transition: opacity 120ms; }
-    .v-ie8 .tests-valo .v-tree-node-caption:after {
-      content: none; }
-  .v-ie8 .tests-valo .v-tree-node-caption {
-    display: inline-block; }
-.tests-valo .v-tree-node-expanded > .v-tree-node-caption > div:before {
-  -webkit-transform: rotate(90deg);
-  -moz-transform: rotate(90deg);
-  -ms-transform: rotate(90deg);
-  -o-transform: rotate(90deg);
-  transform: rotate(90deg);
-  content: "\f0da";
-  font-family: FontAwesome; }
-.v-ie8 .tests-valo .v-tree-node-expanded:before {
-  content: "\f0d7";
-  font-family: FontAwesome; }
-.tests-valo .v-tree-node-leaf > .v-tree-node-caption > div:before, .v-ie8 .tests-valo .v-tree-node-leaf:before {
-  visibility: hidden; }
-.tests-valo .v-tree-node-focused:after {
-  opacity: 1;
-  border: 1px solid #197de1; }
-.v-ie8 .tests-valo .v-tree-node-focused {
-  outline: 1px dotted #197de1; }
-.tests-valo .v-tree-node-selected {
-  color: #ecf2f8;
-  text-shadow: valo-button-text-shadow(#197de1, 25%); }
-  .tests-valo .v-tree-node-selected:after {
-    opacity: 1;
-    background-color: #197de1;
-    background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
-    background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
-    border: none; }
-  .v-ie8 .tests-valo .v-tree-node-selected {
-    background-color: #197de1;
-    background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
-    background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%); }
-.tests-valo .v-tree-node-children {
-  padding-left: 19px; }
-  .v-ie8 .tests-valo .v-tree-node-children {
-    padding-left: 0; }
-.tests-valo .v-tree-node-drag-top:before,
-.tests-valo .v-tree-node-drag-bottom:after {
-  content: "\2022";
-  display: block;
-  position: absolute;
-  height: 2px;
-  width: 100%;
-  background: #197de1;
-  font-size: 32px;
-  line-height: 2px;
-  color: #197de1;
-  text-indent: -4px;
-  text-shadow: 0 0 1px #fafafa, 0 0 1px #fafafa; }
-.tests-valo .v-tree-node-caption-drag-center {
-  box-shadow: 0 0 0 2px #197de1;
-  position: relative;
-  border-radius: 4px; }
-  .v-ie8 .tests-valo .v-tree-node-caption-drag-center {
-    outline: 2px solid #197de1; }
-.v-ff .tests-valo .v-tree-node-drag-top:before, .v-ff .tests-valo .v-tree-node-drag-bottom:after {
-  line-height: 1px; }
-.v-ie8 .tests-valo .v-tree-node-drag-top:before, .v-ie8 .tests-valo .v-tree-node-drag-bottom:after {
-  line-height: 0; }
-.tests-valo .v-table {
-  position: relative;
-  background: #fafafa;
-  color: #464646; }
-.tests-valo .v-table-header table,
-.tests-valo .v-table-footer table,
-.tests-valo .v-table-table {
-  outline: 1px solid #dbdbdb; }
-.tests-valo .v-table-header-wrap,
-.tests-valo .v-table-footer-wrap,
-.tests-valo .v-table-header-drag {
-  border: 1px solid #dbdbdb;
-  background-color: #fafafa;
-  background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
-  background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
-  white-space: nowrap;
-  font-size: 14px;
-  text-shadow: valo-text-shadow; }
-.tests-valo .v-table-header-wrap {
-  position: relative;
-  border-bottom: none; }
-.tests-valo .v-table-footer-wrap {
-  border-top: none; }
-.tests-valo .v-table-footer td {
-  border-left: 1px solid #dbdbdb; }
-.tests-valo .v-table-footer-container,
-.tests-valo .v-table-caption-container {
-  overflow: hidden;
-  line-height: 1; }
-.tests-valo .v-table-footer-container {
-  padding-top: 11px;
-  padding-bottom: 12px;
-  float: right;
-  padding-right: 13px; }
-.tests-valo [class^="v-table-header-cell"] {
-  position: relative;
-  display: inline-block; }
-.tests-valo .v-table-caption-container,
-.tests-valo .v-table-header-drag {
-  padding-top: 12px;
-  padding-bottom: 11px;
-  padding-left: 12px;
-  padding-right: 12px;
-  border-left: 1px solid #dbdbdb; }
-.tests-valo .v-table-resizer {
-  height: 37px;
-  background: transparent;
-  width: 7px;
-  cursor: e-resize;
-  cursor: col-resize;
-  position: absolute;
-  right: 0;
-  z-index: 1; }
-.tests-valo .v-table-cell-content {
-  border-left: 1px solid #dbdbdb;
-  padding: 0 12px; }
-  .tests-valo .v-table-cell-content:first-child {
-    border-left: none;
-    padding-left: 13px; }
-.tests-valo .v-table-header td:first-child .v-table-caption-container,
-.tests-valo .v-table-footer td:first-child {
-  border-left-color: transparent; }
-.tests-valo .v-table-cell-wrapper {
-  white-space: nowrap;
-  line-height: 1;
-  padding: 11px 0; }
-.tests-valo .v-table-body {
-  border: 1px solid #dbdbdb; }
-.tests-valo .v-table-table {
-  background-color: white; }
-.tests-valo .v-table-table td {
-  border-top: 1px solid #dbdbdb; }
-.tests-valo .v-table-table tr:first-child td {
-  border-top: none; }
-.tests-valo .v-table-row {
-  background-color: white; }
-.tests-valo .v-table-row-odd {
-  background-color: whitesmoke; }
-.tests-valo .v-table [class*="-row"].v-selected {
-  background-color: #197de1;
-  background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
-  background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
-  background-origin: border-box;
-  color: #ecf2f8;
-  text-shadow: valo-button-text-shadow(#197de1, 25%); }
-  .tests-valo .v-table [class*="-row"].v-selected + .v-selected {
-    background: #166ed5; }
-    .tests-valo .v-table [class*="-row"].v-selected + .v-selected td {
-      border-top-color: #166ed5; }
-  .tests-valo .v-table [class*="-row"].v-selected .v-table-cell-content {
-    border-color: transparent;
-    border-left-color: #1d69b4; }
-    .tests-valo .v-table [class*="-row"].v-selected .v-table-cell-content:first-child {
-      border-left-color: transparent; }
-.tests-valo .v-table-header-cell-asc .v-table-sort-indicator,
-.tests-valo .v-table-header-cell-desc .v-table-sort-indicator {
-  background: transparent;
-  width: 19px;
-  height: 37px;
-  line-height: 37px;
-  position: absolute;
-  right: 0; }
-  .tests-valo .v-table-header-cell-asc .v-table-sort-indicator + .v-table-caption-container,
-  .tests-valo .v-table-header-cell-desc .v-table-sort-indicator + .v-table-caption-container {
-    padding-right: 19px; }
-.tests-valo .v-table-header-cell-asc .v-table-sort-indicator:before,
-.tests-valo .v-table-header-cell-desc .v-table-sort-indicator:before {
-  font-style: normal;
-  font-weight: normal;
-  display: inline-block; }
-.tests-valo .v-table-header-cell-asc .v-table-sort-indicator:before {
-  content: '\f0dd';
-  font-family: FontAwesome; }
-.tests-valo .v-table-header-cell-desc .v-table-sort-indicator:before {
-  content: '\f0de';
-  font-family: FontAwesome; }
-.tests-valo .v-table-focus {
-  outline: 1px solid #197de1;
-  outline-offset: -1px; }
-.tests-valo .v-drag-element.v-table-focus,
-.tests-valo .v-drag-element .v-table-focus {
-  outline: none; }
-.tests-valo .v-table-header-drag {
-  position: absolute;
-  opacity: 0.9;
-  filter: alpha(opacity=90);
-  margin-top: -19px;
-  z-index: 30000;
-  line-height: 1; }
-.tests-valo .v-table-focus-slot-right {
-  border-right: 2px solid rgba(25, 125, 225, 0.5); }
-.tests-valo .v-table-focus-slot-left {
-  border-left: 2px solid rgba(25, 125, 225, 0.5);
-  left: 0;
-  right: auto;
-  margin-left: 0 !important; }
-.tests-valo .v-table-column-selector {
-  height: 37px;
-  padding: 0 16px;
-  color: #2f2f2f;
-  font-weight: 400;
-  border-radius: 4px;
-  border: 1px solid #cecece;
-  border-top-color: #cecece;
-  border-bottom-color: #c5c5c5;
-  background-color: #fafafa;
-  background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
-  background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
-  box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #eaeaea, 0 2px 3px rgba(0, 0, 0, 0.05);
-  text-shadow: 0 1px 0 #fafafa;
-  position: absolute;
-  z-index: 2;
-  top: -9px;
-  right: -9px;
-  height: 19px;
-  line-height: 19px;
-  width: 19px;
-  padding: 0;
-  border-radius: 50%;
-  cursor: pointer;
-  text-align: center;
-  opacity: 0;
-  filter: alpha(opacity=0);
-  -webkit-transition: opacity 200ms 1s;
-  -moz-transition: opacity 200ms 1s;
-  transition: opacity 200ms 1s; }
-  .tests-valo .v-table-column-selector:after {
-    border: inherit;
-    top: -1px;
-    right: -1px;
-    bottom: -1px;
-    left: -1px; }
-  .tests-valo .v-table-column-selector:hover:after {
-    background-color: rgba(186, 186, 186, 0.1); }
-  .tests-valo .v-table-column-selector:focus:after {
-    border-color: #197de1;
-    box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-  .tests-valo .v-table-column-selector:active:after {
-    background-color: rgba(125, 125, 125, 0.2); }
-  .tests-valo .v-table-column-selector:after {
-    content: "";
-    position: absolute;
-    top: -1px;
-    right: -1px;
-    bottom: -1px;
-    left: -1px;
-    border-radius: inherit; }
-  .tests-valo .v-table-column-selector:active:after {
-    background-color: rgba(125, 125, 125, 0.2); }
-  .tests-valo .v-table-column-selector:before {
-    font-family: FontAwesome;
-    content: "\f013"; }
-.tests-valo .v-table-header-wrap:hover .v-table-column-selector {
-  opacity: 1;
-  filter: none;
-  -webkit-transition-delay: 100ms;
-  -moz-transition-delay: 100ms;
-  transition-delay: 100ms; }
-.tests-valo .v-on:before,
-.tests-valo .v-off:before {
-  content: "\f00c";
-  font-family: FontAwesome;
-  font-size: 0.9em;
-  margin-right: 6px; }
-.tests-valo .v-on div,
-.tests-valo .v-off div {
-  display: inline; }
-.tests-valo .v-off:before {
-  visibility: hidden; }
-.tests-valo tbody.v-drag-element {
-  display: block;
-  overflow: visible;
-  box-shadow: none;
-  background: transparent;
-  opacity: 1;
-  filter: none; }
-  .tests-valo tbody.v-drag-element tr {
-    display: block;
-    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
-    border-radius: 4px;
-    overflow: hidden;
-    opacity: 0.5;
-    filter: alpha(opacity=50);
-    background: white; }
-.tests-valo .v-table-body {
-  position: relative;
-  z-index: 1; }
-.tests-valo .v-table-scrollposition {
-  position: absolute;
-  top: 50%;
-  width: 100%;
-  height: 37px;
-  line-height: 37px;
-  margin: -19px 0 0 !important;
-  text-align: center; }
-.tests-valo .v-table-drag .v-table-body {
-  box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
-  border-color: #197de1; }
-  .v-ie8 .tests-valo .v-table-drag .v-table-body {
-    border-color: #197de1; }
-  .tests-valo .v-table-drag .v-table-body .v-table-focus {
-    outline: none; }
-.tests-valo .v-table-row-drag-middle td:first-child:before {
-  content: "";
-  display: block;
-  position: absolute;
-  height: 38px;
-  left: 0;
-  right: 0;
-  background: #197de1;
-  opacity: 0.2;
-  filter: alpha(opacity=20); }
-.tests-valo .v-table-row-drag-top td:first-child:before,
-.tests-valo .v-table-row-drag-bottom td:first-child:after {
-  content: "\2022";
-  display: block;
-  position: absolute;
-  height: 2px;
-  left: 0;
-  right: 0;
-  background: #197de1;
-  font-size: 32px;
-  line-height: 2px;
-  color: #197de1;
-  text-indent: -4px;
-  text-shadow: 0 0 1px white, 0 0 1px white; }
-.tests-valo .v-table-row-drag-top td:first-child:before {
-  margin-top: -1px; }
-.v-ff .tests-valo .v-table-row-drag-top td:first-child:before, .v-ff .tests-valo .v-table-row-drag-bottom td:first-child:after {
-  line-height: 1px; }
-.v-ie .tests-valo .v-table-row-drag-top td:first-child:before, .v-ie .tests-valo .v-table-row-drag-bottom td:first-child:after {
-  line-height: 0; }
-.tests-valo .v-treetable-treespacer {
-  display: inline-block;
-  background: transparent;
-  width: 19px;
-  left: 0;
-  position: absolute;
-  text-align: right; }
-.tests-valo .v-treetable-node-closed:before {
-  content: "\f0da";
-  font-family: FontAwesome; }
-.tests-valo .v-treetable-node-open:before {
-  content: "\f0d7";
-  font-family: FontAwesome; }
-.tests-valo .v-splitpanel-hsplitter {
-  width: 1px; }
-.tests-valo .v-splitpanel-vsplitter {
-  height: 1px; }
-.tests-valo .v-splitpanel-hsplitter:after {
-  left: -6px;
-  right: -6px; }
-.tests-valo .v-splitpanel-vsplitter:after {
-  top: -6px;
-  bottom: -6px; }
-.tests-valo .v-splitpanel-hsplitter div:before,
-.tests-valo .v-splitpanel-vsplitter div:before {
-  height: 37px;
-  padding: 0 16px;
-  color: #2f2f2f;
-  font-weight: 400;
-  border-radius: 4px;
-  border: 1px solid #cecece;
-  border-top-color: #cecece;
-  border-bottom-color: #c5c5c5;
-  background-color: #fafafa;
-  background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
-  background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
-  box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #eaeaea, none;
-  text-shadow: 0 1px 0 #fafafa;
-  height: auto;
-  padding: 0;
-  border-radius: 0; }
-  .tests-valo .v-splitpanel-hsplitter div:before:after,
-  .tests-valo .v-splitpanel-vsplitter div:before:after {
-    border: inherit;
-    top: -1px;
-    right: -1px;
-    bottom: -1px;
-    left: -1px; }
-  .tests-valo .v-splitpanel-hsplitter div:before:hover:after,
-  .tests-valo .v-splitpanel-vsplitter div:before:hover:after {
-    background-color: rgba(186, 186, 186, 0.1); }
-  .tests-valo .v-splitpanel-hsplitter div:before:focus:after,
-  .tests-valo .v-splitpanel-vsplitter div:before:focus:after {
-    border-color: #197de1;
-    box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-  .tests-valo .v-splitpanel-hsplitter div:before:active:after,
-  .tests-valo .v-splitpanel-vsplitter div:before:active:after {
-    background-color: rgba(125, 125, 125, 0.2); }
-.tests-valo .v-splitpanel-hsplitter div:before {
-  background-color: #fafafa;
-  background-image: -webkit-linear-gradient(left, #fafafa 2%, #efefef 98%);
-  background-image: linear-gradient(to right,#fafafa 2%, #efefef 98%); }
-.tests-valo.v-splitpanel-horizontal .v-splitpanel-second-container {
-  margin-left: 1px; }
-.tests-valo .v-progressbar-wrapper {
-  border-radius: 4px;
-  height: 9px;
-  background-color: #dbdbdb;
-  background-image: -webkit-linear-gradient(bottom, #dddddd 2%, #cfcfcf 98%);
-  background-image: linear-gradient(to top,#dddddd 2%, #cfcfcf 98%);
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  min-width: 74px; }
-.tests-valo .v-progressbar-indicator {
-  border-radius: 4px;
-  height: inherit;
-  background-color: #197de1;
-  background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
-  background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
-  border: 1px solid #1467b9;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  max-width: 100%;
-  min-width: 8px;
-  -webkit-transition: width 160ms;
-  -moz-transition: width 160ms;
-  transition: width 160ms; }
-.tests-valo .v-progressbar-point .v-progressbar-indicator {
-  background: transparent;
-  box-shadow: none;
-  border: none;
-  text-align: right;
-  overflow: hidden; }
-  .tests-valo .v-progressbar-point .v-progressbar-indicator:before {
-    content: "";
-    display: inline-block;
-    border-radius: 4px;
-    height: inherit;
-    background-color: #197de1;
-    background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
-    background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
-    border: 1px solid #1467b9;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    max-width: 100%;
-    width: 9px;
-    vertical-align: top; }
-.tests-valo .v-slider {
-  position: relative; }
-  .tests-valo .v-slider:focus {
-    outline: none; }
-    .tests-valo .v-slider:focus .v-slider-handle:after {
-      opacity: 1; }
-      .v-ie8 .tests-valo .v-slider:focus .v-slider-handle:after {
-        visibility: visible; }
-  .tests-valo .v-slider.v-disabled {
-    opacity: 0.5;
-    filter: alpha(opacity=50); }
-.tests-valo .v-slider-base {
-  border-radius: 4px;
-  height: 9px;
-  background-color: #dbdbdb;
-  background-image: -webkit-linear-gradient(bottom, #dddddd 2%, #cfcfcf 98%);
-  background-image: linear-gradient(to top,#dddddd 2%, #cfcfcf 98%);
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  min-width: 74px;
-  height: 6px;
-  margin: 16px 11px;
-  white-space: nowrap;
-  overflow: hidden; }
-  .tests-valo .v-slider-base:before {
-    content: "";
-    position: absolute;
-    top: 16px;
-    bottom: 16px;
-    left: 11px;
-    width: 4px;
-    border-radius: 4px;
-    border-left: 1px solid #1467b9; }
-  .tests-valo .v-slider-base:after {
-    border-radius: 4px;
-    height: inherit;
-    background-color: #197de1;
-    background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
-    background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
-    border: 1px solid #1467b9;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    max-width: 100%;
-    content: "";
-    display: inline-block;
-    margin-left: -100%;
-    width: 100%;
-    vertical-align: top; }
-    .v-ie8 .tests-valo .v-slider-base:after {
-      position: relative;
-      left: -11px; }
-.tests-valo .v-slider-handle {
-  margin-top: -16px;
-  width: .1px;
-  display: inline-block;
-  vertical-align: top; }
-  .tests-valo .v-slider-handle:before {
-    height: 37px;
-    padding: 0 16px;
-    color: #2f2f2f;
-    font-weight: 400;
-    border-radius: 4px;
-    border: 1px solid #cecece;
-    border-top-color: #cecece;
-    border-bottom-color: #c5c5c5;
-    background-color: #fafafa;
-    background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
-    background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
-    box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #eaeaea, 0 2px 3px rgba(0, 0, 0, 0.05);
-    text-shadow: 0 1px 0 #fafafa; }
-    .tests-valo .v-slider-handle:before:after {
-      border: inherit;
-      top: -1px;
-      right: -1px;
-      bottom: -1px;
-      left: -1px; }
-    .tests-valo .v-slider-handle:before:hover:after {
-      background-color: rgba(186, 186, 186, 0.1); }
-    .tests-valo .v-slider-handle:before:focus:after {
-      border-color: #197de1;
-      box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-    .tests-valo .v-slider-handle:before:active:after {
-      background-color: rgba(125, 125, 125, 0.2); }
-  .tests-valo .v-slider-handle:after {
-    border: 1px solid #cecece;
-    border-color: #197de1;
-    box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
-    opacity: 0;
-    -webkit-transition: opacity 200ms;
-    -moz-transition: opacity 200ms;
-    transition: opacity 200ms; }
-    .v-ie8 .tests-valo .v-slider-handle:after {
-      visibility: hidden; }
-  .tests-valo .v-slider-handle:before, .tests-valo .v-slider-handle:after {
-    content: "";
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    padding: 0;
-    width: 22px;
-    height: 22px;
-    border-radius: 11px;
-    position: absolute;
-    z-index: 1;
-    margin-top: 8px;
-    margin-left: -11px; }
-.tests-valo .v-slider-feedback {
-  background-color: #323232;
-  background-color: rgba(50, 50, 50, 0.9);
-  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
-  color: white;
-  padding: 5px 9px;
-  border-radius: 3px;
-  max-width: 35em;
-  overflow: hidden !important;
-  font-size: 14px; }
-.tests-valo .v-slider-vertical {
-  padding: 11px 0;
-  height: 96px; }
-  .tests-valo .v-slider-vertical .v-slider-base {
-    background-color: #dbdbdb;
-    background-image: -webkit-linear-gradient(right, #dddddd 2%, #cfcfcf 98%);
-    background-image: linear-gradient(to left,#dddddd 2%, #cfcfcf 98%);
-    width: 6px;
-    height: 100% !important;
-    min-width: 0;
-    margin: 0 16px; }
-    .tests-valo .v-slider-vertical .v-slider-base:before {
-      top: auto;
-      bottom: 11px;
-      left: 16px;
-      right: 16px;
-      width: auto;
-      height: 4px;
-      border-left: none;
-      border-bottom: 1px solid #1467b9; }
-    .tests-valo .v-slider-vertical .v-slider-base:after {
-      height: 101%;
-      margin-left: 0;
-      background-color: #197de1;
-      background-image: -webkit-linear-gradient(left, #1b87e3 2%, #166ed5 98%);
-      background-image: linear-gradient(to right,#1b87e3 2%, #166ed5 98%); }
-      .v-ie8 .tests-valo .v-slider-vertical .v-slider-base:after {
-        top: 11px;
-        left: 0;
-        height: 130%; }
-  .tests-valo .v-slider-vertical .v-slider-handle {
-    width: 0;
-    height: .1px;
-    width: 37px;
-    display: block; }
-    .tests-valo .v-slider-vertical .v-slider-handle:before, .tests-valo .v-slider-vertical .v-slider-handle:after {
-      width: 22px;
-      height: 22px;
-      margin-top: -11px;
-      margin-left: -8px; }
-.tests-valo .v-tabsheet:not(.v-has-width) {
-  width: auto !important; }
-.tests-valo .v-tabsheet-spacertd {
-  display: none !important; }
-.tests-valo .v-tabsheet-tabcontainer {
-  position: relative;
-  line-height: 37px;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none; }
-  .tests-valo .v-tabsheet-tabcontainer table,
-  .tests-valo .v-tabsheet-tabcontainer tbody,
-  .tests-valo .v-tabsheet-tabcontainer tr {
-    display: inline-block;
-    border-spacing: 0;
-    border-collapse: collapse;
-    vertical-align: top; }
-  .tests-valo .v-tabsheet-tabcontainer td {
-    display: inline-block;
-    padding: 0; }
-  .tests-valo .v-tabsheet-tabcontainer:before {
-    content: "";
-    position: absolute;
-    height: 1px;
-    background: #dbdbdb;
-    bottom: 0;
-    left: 0;
-    right: 0; }
-.tests-valo .v-tabsheet-tabs {
-  height: 37px;
-  position: relative;
-  white-space: nowrap;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box; }
-  .tests-valo .v-tabsheet-tabs .v-caption {
-    height: 37px;
-    margin-left: 19px;
-    padding: 0 4px;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    cursor: pointer;
-    text-align: center;
-    line-height: 37px;
-    font-size: 16px;
-    font-weight: 300;
-    color: #737373;
-    width: auto !important;
-    -webkit-transition: border-bottom 200ms, color 200ms;
-    -moz-transition: border-bottom 200ms, color 200ms;
-    transition: border-bottom 200ms, color 200ms; }
-    .tests-valo .v-tabsheet-tabs .v-caption .v-icon {
-      cursor: inherit; }
-    .tests-valo .v-tabsheet-tabs .v-caption .v-icon + .v-captiontext {
-      margin-left: 9px; }
-    .tests-valo .v-tabsheet-tabs .v-caption:hover {
-      color: #197de1; }
-    .tests-valo .v-tabsheet-tabs .v-caption.v-disabled {
-      opacity: 0.5;
-      filter: alpha(opacity=50);
-      cursor: default;
-      color: inherit !important;
-      border-bottom: none; }
-  .tests-valo .v-tabsheet-tabs td:first-child .v-caption,
-  .tests-valo .v-tabsheet-tabs [aria-hidden="true"] + td .v-caption {
-    margin-left: 0; }
-.tests-valo .v-tabsheet-tabitemcell:focus {
-  outline: none; }
-  .tests-valo .v-tabsheet-tabitemcell:focus .v-caption {
-    color: #197de1;
-    border-bottom: 1px solid #197de1; }
-.tests-valo .v-tabsheet-tabitem-selected .v-caption.v-caption {
-  border-bottom: 2px solid #197de1;
-  color: #197de1; }
-.tests-valo .v-tabsheet-caption-close {
-  display: inline-block;
-  font-size: 1.2em;
-  line-height: 1;
-  vertical-align: middle;
-  padding: 2px 4px;
-  margin: -2px -4px -2px 4px;
-  border-radius: 2px; }
-  .tests-valo .v-tabsheet-caption-close:hover {
-    background: #197de1;
-    color: #d9e5f1; }
-  .tests-valo .v-tabsheet-caption-close:active {
-    background: #1670ca;
-    color: #d9e5f1; }
-.tests-valo .v-tabsheet-scroller {
-  position: absolute;
-  right: 0;
-  top: 0;
-  padding-left: 19px;
-  background-color: transparent;
-  background-image: -webkit-linear-gradient(right, #fafafa 70%, rgba(250, 250, 250, 0) 100%);
-  background-image: linear-gradient(to left,#fafafa 70%, rgba(250, 250, 250, 0) 100%);
-  pointer-events: none;
-  line-height: 37px; }
-  .tests-valo .v-tabsheet-scroller:after {
-    content: "";
-    height: 1px;
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    display: block;
-    background-color: transparent;
-    background-image: -webkit-linear-gradient(right, #dbdbdb 70%, rgba(219, 219, 219, 0) 100%);
-    background-image: linear-gradient(to left,#dbdbdb 70%, rgba(219, 219, 219, 0) 100%); }
-  .v-ie8 .tests-valo .v-tabsheet-scroller, .v-ie9 .tests-valo .v-tabsheet-scroller {
-    background-color: #fafafa; }
-    .v-ie8 .tests-valo .v-tabsheet-scroller:after, .v-ie9 .tests-valo .v-tabsheet-scroller:after {
-      background-color: #dbdbdb; }
-  .tests-valo .v-tabsheet-scroller button {
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    -ms-appearance: none;
-    -o-appearance: none;
-    appearance: none;
-    border: none;
-    background: transparent;
-    font: inherit;
-    color: inherit;
-    height: 37px;
-    line-height: 37px;
-    margin: 0;
-    padding: 0 9px;
-    outline: none;
-    cursor: pointer;
-    pointer-events: auto;
-    opacity: 0.5;
-    filter: alpha(opacity=50); }
-    .tests-valo .v-tabsheet-scroller button:hover {
-      opacity: 1;
-      filter: none;
-      color: #197de1; }
-    .tests-valo .v-tabsheet-scroller button:active {
-      opacity: 0.7;
-      filter: alpha(opacity=70);
-      color: #197de1; }
-    .tests-valo .v-tabsheet-scroller button::-moz-focus-inner {
-      padding: 0;
-      border: 0; }
-  .tests-valo .v-tabsheet-scroller [class*="Next"] {
-    padding-left: 5px; }
-    .tests-valo .v-tabsheet-scroller [class*="Next"]:before {
-      font-family: FontAwesome;
-      content: "\f054"; }
-  .tests-valo .v-tabsheet-scroller [class*="Prev"] {
-    padding-right: 5px; }
-    .tests-valo .v-tabsheet-scroller [class*="Prev"]:before {
-      font-family: FontAwesome;
-      content: "\f053"; }
-  .tests-valo .v-tabsheet-scroller [class*="disabled"] {
-    cursor: default;
-    color: inherit !important;
-    opacity: 0.1 !important;
-    filter: alpha(opacity=10) !important; }
-.tests-valo .v-tabsheet-tabsheetpanel > .v-scrollable > .v-widget {
-  -webkit-animation: valo-anim-fade-in 300ms;
-  -moz-animation: valo-anim-fade-in 300ms;
-  animation: valo-anim-fade-in 300ms; }
-.tests-valo .v-colorpicker-popup.v-window {
-  min-width: 220px !important; }
-.tests-valo .v-colorpicker-popup .v-tabsheet-tabs {
-  padding: 0 9px; }
-.tests-valo .v-colorpicker-popup [class$="sliders"] {
-  padding: 12px; }
-  .tests-valo .v-colorpicker-popup [class$="sliders"] .v-widget {
-    width: 100% !important;
-    vertical-align: middle; }
-  .tests-valo .v-colorpicker-popup [class$="sliders"] .v-has-caption {
-    white-space: nowrap;
-    padding-left: 48px; }
-  .tests-valo .v-colorpicker-popup [class$="sliders"] .v-caption {
-    display: inline-block;
-    margin-left: -48px;
-    width: 48px; }
-  .tests-valo .v-colorpicker-popup [class$="sliders"] .v-slot-hue-slider + .v-slot .v-has-caption {
-    padding-left: 80px; }
-  .tests-valo .v-colorpicker-popup [class$="sliders"] .v-slot-hue-slider + .v-slot .v-caption {
-    margin-left: -80px;
-    width: 80px; }
-.tests-valo .v-colorpicker-popup .v-slider-red .v-slider-base:after {
-  background: red;
-  border: none;
-  box-shadow: none; }
-.tests-valo .v-colorpicker-popup .v-slider-green .v-slider-base:after {
-  background: green;
-  border: none;
-  box-shadow: none; }
-.tests-valo .v-colorpicker-popup .v-slider-blue .v-slider-base:after {
-  background: blue;
-  border: none;
-  box-shadow: none; }
-.tests-valo .v-colorpicker-popup .v-margin-bottom {
-  padding-bottom: 0; }
-.tests-valo .v-colorpicker-popup .resize-button {
-  width: 100% !important;
-  height: auto !important;
-  text-align: center;
-  outline: none; }
-  .tests-valo .v-colorpicker-popup .resize-button:before {
-    font-family: FontAwesome;
-    content: "\F141"; }
-.tests-valo .v-colorpicker-popup .resize-button-caption {
-  display: none; }
-.tests-valo .v-colorpicker-popup .v-horizontallayout {
-  height: auto !important;
-  padding: 9px 0;
-  background-color: #fafafa;
-  border-top: 1px solid #ededed; }
-  .tests-valo .v-colorpicker-popup .v-horizontallayout .v-expand {
-    overflow: visible; }
-  .tests-valo .v-colorpicker-popup .v-horizontallayout .v-button {
-    width: 80% !important; }
-.tests-valo .v-colorpicker-preview {
-  width: 100% !important;
-  height: auto !important;
-  padding: 9px; }
-.tests-valo .v-colorpicker-preview-textfield {
-  height: auto !important;
-  text-align: center;
-  border: none; }
-.tests-valo .v-colorpicker {
-  width: auto !important; }
-.tests-valo .v-colorpicker-button-color {
-  position: absolute;
-  top: 6px;
-  right: 6px;
-  bottom: 6px;
-  left: 6px;
-  border-radius: 3px;
-  border: 1px solid rgba(0, 0, 0, 0.5);
-  max-width: 23px; }
-  .tests-valo .v-colorpicker-button-color + .v-button-caption:not(:empty) {
-    margin-left: 19px; }
-.tests-valo .v-panel {
-  background: white;
-  color: #474747;
-  border-radius: 4px;
-  border: 1px solid #dbdbdb;
-  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); }
-.tests-valo .v-panel-caption {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  padding: 0 12px;
-  line-height: 36px;
-  border-bottom: 1px solid #e4e4e4;
-  border-radius: 3px 3px 0 0;
-  background-color: #fafafa;
-  background-image: -webkit-linear-gradient(top, #fafafa 2%, #f6f6f6 98%);
-  background-image: linear-gradient(to bottom,#fafafa 2%, #f6f6f6 98%);
-  color: #464646;
-  font-weight: 400;
-  font-size: 14px;
-  box-shadow: inset 0 1px 0 white;
-  text-shadow: 0 1px 0 #fafafa; }
-.tests-valo .v-panel-content {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  width: 100%;
-  height: 100%; }
-  .tests-valo .v-panel-content > .v-margin-top {
-    padding-top: 12px; }
-  .tests-valo .v-panel-content > .v-margin-right {
-    padding-right: 12px; }
-  .tests-valo .v-panel-content > .v-margin-bottom {
-    padding-bottom: 12px; }
-  .tests-valo .v-panel-content > .v-margin-left {
-    padding-left: 12px; }
-.tests-valo .v-accordion {
-  background: white;
-  color: #474747;
-  border-radius: 4px;
-  border: 1px solid #dbdbdb;
-  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
-  background-color: #fafafa;
-  background-image: -webkit-linear-gradient(top, #fafafa 2%, #f4f4f4 98%);
-  background-image: linear-gradient(to bottom,#fafafa 2%, #f4f4f4 98%);
-  overflow: hidden; }
-.tests-valo .v-accordion-item {
-  position: relative;
-  overflow: hidden; }
-  .tests-valo .v-accordion-item:first-child {
-    border-radius: 3px 3px 0 0; }
-    .tests-valo .v-accordion-item:first-child .v-accordion-item-caption {
-      border-radius: inherit; }
-  .tests-valo .v-accordion-item:last-child {
-    border-radius: 0 0 3px 3px; }
-.tests-valo .v-accordion-item-caption .v-caption {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  padding: 0 12px;
-  line-height: 36px;
-  border-bottom: 1px solid #e4e4e4;
-  border-radius: 3px 3px 0 0;
-  background-color: #fafafa;
-  background-image: -webkit-linear-gradient(top, #fafafa 2%, #f6f6f6 98%);
-  background-image: linear-gradient(to bottom,#fafafa 2%, #f6f6f6 98%);
-  color: #464646;
-  font-weight: 400;
-  font-size: 14px;
-  box-shadow: inset 0 1px 0 white;
-  text-shadow: 0 1px 0 #fafafa;
-  border-radius: inherit;
-  display: block;
-  background: transparent;
-  border-bottom-color: #d2d2d2;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none; }
-  .tests-valo .v-accordion-item-caption .v-caption:hover:before, .tests-valo .v-accordion-item-caption .v-caption:active:before {
-    content: "";
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0; }
-  .tests-valo .v-accordion-item-caption .v-caption:hover:before {
-    background-color: rgba(186, 186, 186, 0.1);
-    border: none; }
-  .tests-valo .v-accordion-item-caption .v-caption:active:before {
-    background-color: rgba(125, 125, 125, 0.2); }
-.tests-valo .v-accordion-item:last-child:not(.v-accordion-item-open) .v-caption {
-  border-bottom: none; }
-.tests-valo .v-accordion-item-content {
-  position: absolute;
-  width: 100%;
-  bottom: 0;
-  right: 0;
-  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.05);
-  background-color: white;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box; }
-  .tests-valo .v-accordion-item-content > .v-margin-top {
-    padding-top: 12px; }
-  .tests-valo .v-accordion-item-content > .v-margin-right {
-    padding-right: 12px; }
-  .tests-valo .v-accordion-item-content > .v-margin-bottom {
-    padding-bottom: 12px; }
-  .tests-valo .v-accordion-item-content > .v-margin-left {
-    padding-left: 12px; }
-.tests-valo .v-accordion-item-open + .v-accordion-item {
-  border-top: 1px solid #dfdfdf; }
-.tests-valo .v-select-twincol {
-  white-space: normal; }
-  .tests-valo .v-select-twincol select {
-    border: 1px solid #cecece;
-    background-color: #fafafa;
-    background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
-    background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); }
-    .tests-valo .v-select-twincol select:focus {
-      outline: none;
-      box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-  .tests-valo .v-select-twincol .v-textfield,
-  .tests-valo .v-select-twincol .v-nativebutton {
-    width: auto !important;
-    margin-top: 9px; }
-  .tests-valo .v-select-twincol .v-nativebutton {
-    margin-left: 9px; }
-.tests-valo .v-select-twincol-caption-left,
-.tests-valo .v-select-twincol-caption-right {
-  font-size: 14px;
-  font-weight: 400;
-  padding-bottom: .3em;
-  padding-left: 1px; }
-.tests-valo .v-select-twincol-buttons {
-  white-space: nowrap;
-  display: inline-block;
-  vertical-align: top;
-  position: relative;
-  min-width: 3.5em; }
-  .tests-valo .v-select-twincol-buttons .v-button {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    display: inline-block;
-    text-align: left;
-    white-space: normal;
-    line-height: 1.55;
-    position: absolute;
-    left: 9px;
-    right: 9px;
-    top: 36px;
-    padding: 0;
-    text-align: center; }
-    .tests-valo .v-select-twincol-buttons .v-button:first-child {
-      top: 0; }
-  .tests-valo .v-select-twincol-buttons .v-button-caption {
-    display: none; }
-  .tests-valo .v-select-twincol-buttons .v-button:focus {
-    z-index: 1; }
-  .tests-valo .v-select-twincol-buttons .v-button:first-child {
-    border-radius: 4px 4px 0 0; }
-  .tests-valo .v-select-twincol-buttons .v-button:last-child {
-    border-radius: 0 0 4px 4px; }
-  .tests-valo .v-select-twincol-buttons .v-button-wrap:before {
-    font-family: FontAwesome;
-    content: "\f053"; }
-  .tests-valo .v-select-twincol-buttons .v-button:first-child .v-button-wrap:before {
-    font-family: FontAwesome;
-    content: "\f054"; }
-.tests-valo .v-select select {
-  border: 1px solid #cecece;
-  background-color: #fafafa;
-  background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
-  background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); }
-  .tests-valo .v-select select:focus {
-    outline: none;
-    box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-.tests-valo .v-select-select {
-  display: block; }
-  .tests-valo .v-select-select + .v-textfield {
-    width: auto !important;
-    margin-top: 9px; }
-    .tests-valo .v-select-select + .v-textfield + .v-nativebutton {
-      margin-top: 9px;
-      margin-left: 9px; }
-.tests-valo .v-calendar-header-day {
-  font-weight: 400;
-  text-align: center;
-  padding: 7px 0; }
-.tests-valo .v-calendar-header-week .v-calendar-back,
-.tests-valo .v-calendar-header-week .v-calendar-next {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  -ms-appearance: none;
-  -o-appearance: none;
-  appearance: none;
-  background: transparent;
-  border: none;
-  padding: 0;
-  margin: 0;
-  cursor: pointer;
-  outline: none;
-  color: inherit;
-  opacity: 0.5;
-  filter: alpha(opacity=50); }
-  .tests-valo .v-calendar-header-week .v-calendar-back:focus,
-  .tests-valo .v-calendar-header-week .v-calendar-next:focus {
-    outline: none; }
-  .tests-valo .v-calendar-header-week .v-calendar-back:hover,
-  .tests-valo .v-calendar-header-week .v-calendar-next:hover {
-    opacity: 1;
-    filter: none; }
-  .tests-valo .v-calendar-header-week .v-calendar-back:active,
-  .tests-valo .v-calendar-header-week .v-calendar-next:active {
-    opacity: 0.5;
-    filter: alpha(opacity=50); }
-.tests-valo .v-calendar-header-week .v-calendar-back:before {
-  font-family: FontAwesome;
-  content: "\f053"; }
-.tests-valo .v-calendar-header-week .v-calendar-next:before {
-  font-family: FontAwesome;
-  content: "\f054"; }
-.tests-valo .v-calendar-month {
-  outline: none;
-  overflow: hidden; }
-  .tests-valo .v-calendar-month td {
-    vertical-align: top; }
-.tests-valo .v-calendar-week-number {
-  cursor: pointer;
-  width: 20px;
-  text-align: center;
-  font-size: 0.8em;
-  opacity: 0.5;
-  filter: alpha(opacity=50); }
-  .tests-valo .v-calendar-week-number:hover {
-    opacity: 1;
-    filter: none; }
-.tests-valo .v-calendar-month-day {
-  outline: none;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  line-height: 1.2; }
-.tests-valo .v-calendar-bottom-spacer,
-.tests-valo .v-calendar-spacer,
-.tests-valo .v-calendar-bottom-spacer-empty {
-  height: 19px;
-  margin-bottom: 3px; }
-.tests-valo .v-calendar-bottom-spacer {
-  font-size: 0.8em;
-  padding: 0 5px;
-  cursor: pointer; }
-  .tests-valo .v-calendar-bottom-spacer:hover {
-    color: #197de1; }
-.tests-valo .v-calendar-day-number {
-  line-height: 25px;
-  font-size: 16px;
-  text-align: right;
-  margin: 0 5px;
-  white-space: nowrap;
-  border-top: 1px solid #f2f2f2;
-  cursor: pointer; }
-  .tests-valo .v-calendar-day-number:hover {
-    color: #197de1; }
-.tests-valo .v-calendar-month-day-today {
-  background: #eef3f8; }
-  .tests-valo .v-calendar-month-day-today .v-calendar-day-number {
-    font-weight: 400;
-    color: #197de1;
-    border-top: 2px solid #197de1;
-    line-height: 24px;
-    margin: 0;
-    padding: 0 5px; }
-.tests-valo .v-calendar-month-day-selected {
-  background-color: #e3edf7; }
-.tests-valo .v-calendar-month-day-dragemphasis {
-  background-color: #a8a8a8; }
-.tests-valo .v-calendar-month-day-scrollable {
-  overflow-y: scroll; }
-.tests-valo .v-calendar-weekly-longevents {
-  margin-left: 50px;
-  border-bottom: 3px solid #e0e0e0; }
-  .tests-valo .v-calendar-weekly-longevents .v-calendar-event-all-day {
-    height: 22px;
-    line-height: 1.6;
-    margin-bottom: 3px; }
-.tests-valo .v-calendar-header-week td {
-  vertical-align: middle !important; }
-.tests-valo .v-calendar-header-week .v-calendar-header-day {
-  cursor: pointer; }
-.tests-valo .v-calendar-times {
-  width: 50px;
-  font-size: 0.77em;
-  line-height: 1;
-  white-space: nowrap; }
-.tests-valo .v-calendar-time {
-  text-align: right;
-  padding-right: 9px;
-  margin-top: -6px;
-  padding-bottom: 6px; }
-.tests-valo .v-calendar-day-times,
-.tests-valo .v-calendar-day-times-today {
-  outline: none;
-  border-right: 1px solid transparent; }
-  .tests-valo .v-calendar-day-times:focus,
-  .tests-valo .v-calendar-day-times-today:focus {
-    outline: none; }
-.tests-valo .v-calendar .v-datecellslot,
-.tests-valo .v-calendar .v-datecellslot-even {
-  border-top: 1px solid #ededed; }
-  .tests-valo .v-calendar .v-datecellslot:first-child,
-  .tests-valo .v-calendar .v-datecellslot-even:first-child {
-    border-top-color: transparent; }
-.tests-valo .v-calendar .v-datecellslot {
-  border-top-style: dotted; }
-.tests-valo .v-calendar .v-datecellslot,
-.tests-valo .v-calendar .v-datecellslot-even {
-  margin-right: 5px; }
-.tests-valo .v-calendar-current-time {
-  background: #197de1;
-  line-height: 1px;
-  pointer-events: none;
-  opacity: 0.5;
-  filter: alpha(opacity=50); }
-  .tests-valo .v-calendar-current-time:before {
-    content: "\2022";
-    color: #197de1;
-    font-size: 22px;
-    margin-left: -0.07em; }
-.tests-valo .v-calendar .v-daterange {
-  position: relative; }
-  .tests-valo .v-calendar .v-daterange:before {
-    content: "";
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: -1px;
-    left: 0;
-    background: #197de1;
-    opacity: 0.5;
-    filter: alpha(opacity=50);
-    border-radius: 4px 4px 0 0; }
-  .tests-valo .v-calendar .v-daterange + .v-daterange {
-    border-color: transparent; }
-    .tests-valo .v-calendar .v-daterange + .v-daterange:before {
-      border-radius: 0; }
-.tests-valo .v-calendar-event {
-  font-size: 0.85em;
-  overflow: hidden;
-  cursor: pointer;
-  outline: none;
-  border-radius: 4px; }
-  .tests-valo .v-calendar-event:focus {
-    outline: none; }
-.tests-valo .v-calendar-event-month {
-  padding: 0 5px;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  margin-bottom: 3px;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  height: 19px;
-  line-height: 19px; }
-  .tests-valo .v-calendar-event-month .v-calendar-event-time {
-    float: right;
-    font-size: 0.9em;
-    line-height: 19px;
-    opacity: 0.5;
-    filter: alpha(opacity=50); }
-  .tests-valo .v-calendar-event-month:before {
-    content: "\25cf";
-    margin-right: .2em; }
-.tests-valo .v-calendar-event-all-day {
-  padding: 0 5px;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  height: 19px;
-  line-height: 19px;
-  border-radius: 0;
-  margin-left: -1px;
-  white-space: nowrap; }
-  .tests-valo .v-calendar-event-all-day:before {
-    content: ""; }
-.tests-valo .v-calendar-event-start {
-  overflow: visible;
-  margin-left: 0; }
-  .tests-valo .v-calendar-event-start.v-calendar-event-continued-to, .tests-valo .v-calendar-event-start.v-calendar-event-end {
-    overflow: hidden;
-    text-overflow: ellipsis; }
-.tests-valo .v-calendar-event-start {
-  border-top-left-radius: 4px;
-  border-bottom-left-radius: 4px;
-  margin-left: 5px; }
-.tests-valo .v-calendar-event-end {
-  border-top-right-radius: 4px;
-  border-bottom-right-radius: 4px;
-  margin-right: 5px; }
-.tests-valo .v-calendar-event-caption {
-  font-weight: 500;
-  line-height: 1.2;
-  padding: 5px 0;
-  position: absolute;
-  overflow: hidden;
-  right: 9px;
-  left: 5px;
-  bottom: 0;
-  top: 0; }
-  .tests-valo .v-calendar-event-caption span {
-    font-weight: 300;
-    white-space: nowrap; }
-.tests-valo .v-calendar-week-wrapper .v-calendar-event {
-  overflow: visible; }
-.tests-valo .v-calendar-week-wrapper .v-calendar-event-content {
-  margin-top: -1px;
-  border-radius: 5px;
-  border: 1px solid #fafafa;
-  padding-top: 3px;
-  margin-right: 5px; }
-.tests-valo .v-calendar-event-month:before {
-  color: dodgerblue; }
-.tests-valo .v-calendar-event-all-day {
-  background-color: #cee4fb;
-  background-color: rgba(206, 228, 251, 0.8);
-  color: dodgerblue; }
-.tests-valo .v-calendar-week-wrapper .v-calendar-event {
-  color: dodgerblue; }
-  .tests-valo .v-calendar-week-wrapper .v-calendar-event .v-calendar-event-content {
-    background-color: #cee4fb;
-    background-color: rgba(206, 228, 251, 0.8); }
-.tests-valo .v-calendar-event-month[class*="color2"]:before {
-  color: seagreen; }
-.tests-valo .v-calendar-event-all-day[class*="color2"] {
-  background-color: #d1e3d9;
-  background-color: rgba(209, 227, 217, 0.8);
-  color: seagreen; }
-.tests-valo .v-calendar-week-wrapper .v-calendar-event[class*="color2"] {
-  color: seagreen; }
-  .tests-valo .v-calendar-week-wrapper .v-calendar-event[class*="color2"] .v-calendar-event-content {
-    background-color: #d1e3d9;
-    background-color: rgba(209, 227, 217, 0.8); }
-.tests-valo .v-calendar-event-month[class*="color3"]:before {
-  color: darkgoldenrod; }
-.tests-valo .v-calendar-event-all-day[class*="color3"] {
-  background-color: #ece2ca;
-  background-color: rgba(236, 226, 202, 0.8);
-  color: darkgoldenrod; }
-.tests-valo .v-calendar-week-wrapper .v-calendar-event[class*="color3"] {
-  color: darkgoldenrod; }
-  .tests-valo .v-calendar-week-wrapper .v-calendar-event[class*="color3"] .v-calendar-event-content {
-    background-color: #ece2ca;
-    background-color: rgba(236, 226, 202, 0.8); }
-.tests-valo .v-calendar-event-month[class*="color4"]:before {
-  color: firebrick; }
-.tests-valo .v-calendar-event-all-day[class*="color4"] {
-  background-color: #ebcece;
-  background-color: rgba(235, 206, 206, 0.8);
-  color: firebrick; }
-.tests-valo .v-calendar-week-wrapper .v-calendar-event[class*="color4"] {
-  color: firebrick; }
-  .tests-valo .v-calendar-week-wrapper .v-calendar-event[class*="color4"] .v-calendar-event-content {
-    background-color: #ebcece;
-    background-color: rgba(235, 206, 206, 0.8); }
-.tests-valo .v-calendar-event-month[class*="color5"]:before {
-  color: slateblue; }
-.tests-valo .v-calendar-event-all-day[class*="color5"] {
-  background-color: #dddaf1;
-  background-color: rgba(221, 218, 241, 0.8);
-  color: slateblue; }
-.tests-valo .v-calendar-week-wrapper .v-calendar-event[class*="color5"] {
-  color: slateblue; }
-  .tests-valo .v-calendar-week-wrapper .v-calendar-event[class*="color5"] .v-calendar-event-content {
-    background-color: #dddaf1;
-    background-color: rgba(221, 218, 241, 0.8); }
-.tests-valo .v-calendar.v-disabled * {
-  cursor: default; }
-.tests-valo .v-label-undef-w {
-  white-space: nowrap; }
-.tests-valo h1, .tests-valo .h1,
-.tests-valo h2, .tests-valo .h2,
-.tests-valo h3, .tests-valo .h3 {
-  line-height: 1.1;
-  font-weight: 200;
-  color: #131313; }
-.tests-valo h1, .tests-valo .h1 {
-  font-size: 2.4em;
-  margin-top: 1.4em;
-  margin-bottom: 1em;
-  letter-spacing: -0.03em; }
-.tests-valo h2, .tests-valo .h2 {
-  font-size: 1.6em;
-  margin-top: 1.6em;
-  margin-bottom: 0.77em;
-  letter-spacing: -0.02em; }
-.tests-valo h3, .tests-valo .h3 {
-  font-size: 1.2em;
-  margin-top: 1.8em;
-  margin-bottom: 0.77em;
-  letter-spacing: 0; }
-.tests-valo h4, .tests-valo .h4 {
-  line-height: 1.1;
-  font-weight: 500;
-  font-size: 0.87em;
-  color: #404040;
-  text-transform: uppercase;
-  letter-spacing: 0;
-  margin-top: 2.4em;
-  margin-bottom: 0.8em; }
-.tests-valo .v-csslayout > h1:first-child,
-.tests-valo .v-csslayout > h2:first-child,
-.tests-valo .v-csslayout > h3:first-child,
-.tests-valo .v-csslayout > h4
-> .h1:first-child,
-.tests-valo .v-csslayout > .h2:first-child,
-.tests-valo .v-csslayout > .h3
-> .h4:first-child {
-  margin-top: 16px; }
-.tests-valo .v-verticallayout > .v-slot:first-child h1, .tests-valo .v-verticallayout > .v-slot:first-child .h1,
-.tests-valo .v-verticallayout > .v-slot:first-child h2, .tests-valo .v-verticallayout > .v-slot:first-child .h2,
-.tests-valo .v-verticallayout > .v-slot:first-child h3, .tests-valo .v-verticallayout > .v-slot:first-child .h3
-h4, .tests-valo .v-verticallayout > .v-slot:first-child .h4,
-.tests-valo .v-verticallayout > div > .v-slot:first-child h1,
-.tests-valo .v-verticallayout > div > .v-slot:first-child .h1,
-.tests-valo .v-verticallayout > div > .v-slot:first-child h2,
-.tests-valo .v-verticallayout > div > .v-slot:first-child .h2,
-.tests-valo .v-verticallayout > div > .v-slot:first-child h3,
-.tests-valo .v-verticallayout > div > .v-slot:first-child .h3
-h4,
-.tests-valo .v-verticallayout > div > .v-slot:first-child .h4 {
-  margin-top: 16px; }
-.tests-valo h1.no-margin, .tests-valo .h1.no-margin,
-.tests-valo h2.no-margin, .tests-valo .h2.no-margin,
-.tests-valo h3.no-margin, .tests-valo .h3.no-margin,
-.tests-valo h4.no-margin, .tests-valo .h4.no-margin {
-  margin: 0 !important; }
-.tests-valo .v-label-large {
-  font-size: 1.2em; }
-.tests-valo .v-label-small {
-  font-size: 0.87em; }
-.tests-valo .v-label-bold {
-  font-weight: 500; }
-.tests-valo .v-label-light {
-  font-weight: 200;
-  color: #898989; }
-.tests-valo [draggable=true] {
-  -khtml-user-drag: element;
-  -webkit-user-drag: element;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none; }
-.tests-valo .v-ddwrapper {
-  position: relative; }
-.tests-valo .v-ddwrapper-over:before,
-.tests-valo .v-ddwrapper-over:after {
-  content: "";
-  position: absolute;
-  z-index: 10;
-  top: -1px;
-  right: -1px;
-  bottom: -1px;
-  left: -1px; }
-.tests-valo .v-ddwrapper-over-top:before {
-  border-top-width: 2px; }
-.tests-valo .v-ddwrapper-over-right:before {
-  border-right-width: 2px; }
-.tests-valo .v-ddwrapper-over-bottom:before {
-  border-bottom-width: 2px; }
-.tests-valo .v-ddwrapper-over-left:before {
-  border-left-width: 2px; }
-.tests-valo .no-vertical-drag-hints .v-ddwrapper-over-top:before, .tests-valo .no-vertical-drag-hints.v-ddwrapper-over-top:before {
-  border-top-width: 0; }
-.tests-valo .no-vertical-drag-hints .v-ddwrapper-over-top:after, .tests-valo .no-vertical-drag-hints.v-ddwrapper-over-top:after {
-  border-width: 2px;
-  border-radius: 4px;
-  opacity: 0.3;
-  filter: alpha(opacity=30);
-  background: #8abef2; }
-.tests-valo .no-vertical-drag-hints .v-ddwrapper-over-bottom:before, .tests-valo .no-vertical-drag-hints.v-ddwrapper-over-bottom:before {
-  border-bottom-width: 0; }
-.tests-valo .no-vertical-drag-hints .v-ddwrapper-over-bottom:after, .tests-valo .no-vertical-drag-hints.v-ddwrapper-over-bottom:after {
-  border-width: 2px;
-  border-radius: 4px;
-  opacity: 0.3;
-  filter: alpha(opacity=30);
-  background: #8abef2; }
-.tests-valo .no-horizontal-drag-hints.v-ddwrapper-over-left:before,
-.tests-valo .no-horizontal-drag-hints .v-ddwrapper-over-left:before {
-  border-left-width: 0; }
-.tests-valo .no-horizontal-drag-hints.v-ddwrapper-over-left:after,
-.tests-valo .no-horizontal-drag-hints .v-ddwrapper-over-left:after {
-  border-width: 2px;
-  border-radius: 4px;
-  opacity: 0.3;
-  filter: alpha(opacity=30);
-  background: #8abef2; }
-.tests-valo .no-horizontal-drag-hints.v-ddwrapper-over-right:before,
-.tests-valo .no-horizontal-drag-hints .v-ddwrapper-over-right:before {
-  border-right-width: 0; }
-.tests-valo .no-horizontal-drag-hints.v-ddwrapper-over-right:after,
-.tests-valo .no-horizontal-drag-hints .v-ddwrapper-over-right:after {
-  border-width: 2px;
-  border-radius: 4px;
-  opacity: 0.3;
-  filter: alpha(opacity=30);
-  background: #8abef2; }
-.tests-valo .v-ddwrapper-over-middle:after,
-.tests-valo .v-ddwrapper-over-center:after {
-  border-width: 2px;
-  border-radius: 4px;
-  opacity: 0.3;
-  filter: alpha(opacity=30);
-  background: #8abef2; }
-.tests-valo .no-box-drag-hints.v-ddwrapper:after,
-.tests-valo .no-box-drag-hints .v-ddwrapper:after {
-  display: none !important;
-  content: none; }
-.tests-valo .v-nativebutton {
-  -webkit-touch-callout: none; }
-.tests-valo .v-select select {
-  border: 1px solid #cecece;
-  background-color: #fafafa;
-  background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
-  background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); }
-  .tests-valo .v-select select:focus {
-    outline: none;
-    box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-.tests-valo .v-select-select {
-  display: block; }
-  .tests-valo .v-select-select + .v-textfield {
-    width: auto !important;
-    margin-top: 9px; }
-    .tests-valo .v-select-select + .v-textfield + .v-nativebutton {
-      margin-top: 9px;
-      margin-left: 9px; }
-.tests-valo .v-popupview-popup {
-  padding: 4px 4px;
-  border-radius: 4px;
-  background-color: white;
-  color: #474747;
-  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.1);
-  -webkit-animation: valo-overlay-open 200ms;
-  -moz-animation: valo-overlay-open 200ms;
-  animation: valo-overlay-open 200ms;
-  -webkit-backface-visibility: hidden;
-  -moz-backface-visibility: hidden;
-  -ms-backface-visibility: hidden;
-  backface-visibility: hidden; }
-  .tests-valo .v-popupview-popup .popupContent > .v-margin-top {
-    padding-top: 12px; }
-  .tests-valo .v-popupview-popup .popupContent > .v-margin-right {
-    padding-right: 12px; }
-  .tests-valo .v-popupview-popup .popupContent > .v-margin-bottom {
-    padding-bottom: 12px; }
-  .tests-valo .v-popupview-popup .popupContent > .v-margin-left {
-    padding-left: 12px; }
-.tests-valo .v-richtextarea {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  -ms-appearance: none;
-  -o-appearance: none;
-  appearance: none;
-  margin: 0;
-  font: inherit;
-  font-weight: 400;
-  line-height: normal;
-  height: 37px;
-  border-radius: 4px;
-  padding: 0;
-  border: 1px solid #cecece;
-  background: white;
-  color: #474747;
-  box-shadow: inset 0 1px 0 #f9f9f9, 0 1px 0 rgba(255, 255, 255, 0.1);
-  -webkit-transition: box-shadow 180ms, border 180ms;
-  -moz-transition: box-shadow 180ms, border 180ms;
-  transition: box-shadow 180ms, border 180ms;
-  height: auto;
-  overflow: hidden; }
-  .tests-valo .v-richtextarea.v-textfield-prompt, .tests-valo .v-richtextarea.v-textarea-prompt {
-    color: #a3a3a3; }
-.tests-valo .v-richtextarea .gwt-RichTextToolbar {
-  background-color: #fafafa;
-  background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
-  background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
-  box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #eaeaea;
-  border-bottom: 1px solid #cecece;
-  color: #464646; }
-.tests-valo .v-richtextarea .gwt-ToggleButton,
-.tests-valo .v-richtextarea .gwt-PushButton {
-  display: inline-block;
-  line-height: 37px;
-  width: 37px;
-  text-align: center;
-  outline: none; }
-  .tests-valo .v-richtextarea .gwt-ToggleButton:hover,
-  .tests-valo .v-richtextarea .gwt-PushButton:hover {
-    color: #191919; }
-.tests-valo .v-richtextarea .gwt-ToggleButton-down,
-.tests-valo .v-richtextarea .gwt-ToggleButton-down-hovering {
-  background-color: #e0e0e0;
-  background-image: -webkit-linear-gradient(bottom, #e0e0e0 2%, gainsboro 98%);
-  background-image: linear-gradient(to top,#e0e0e0 2%, gainsboro 98%); }
-.tests-valo .v-richtextarea .gwt-RichTextToolbar-top img {
-  display: none; }
-.tests-valo .v-richtextarea .gwt-RichTextToolbar-top div:before {
-  font-family: FontAwesome; }
-.tests-valo .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Bold"]:before {
-  content: "\f032"; }
-.tests-valo .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Italic"]:before {
-  content: "\f033"; }
-.tests-valo .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Underline"]:before {
-  content: "\f0cd"; }
-.tests-valo .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Subscript"]:before {
-  content: "\f12c"; }
-.tests-valo .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Superscript"]:before {
-  content: "\f12b"; }
-.tests-valo .v-richtextarea .gwt-RichTextToolbar-top div[title="Left Justify"]:before {
-  content: "\f036"; }
-.tests-valo .v-richtextarea .gwt-RichTextToolbar-top div[title="Center"]:before {
-  content: "\f037"; }
-.tests-valo .v-richtextarea .gwt-RichTextToolbar-top div[title="Right Justify"]:before {
-  content: "\f038"; }
-.tests-valo .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Strikethrough"]:before {
-  content: "\f0cc"; }
-.tests-valo .v-richtextarea .gwt-RichTextToolbar-top div[title="Indent Right"]:before {
-  content: "\f03c"; }
-.tests-valo .v-richtextarea .gwt-RichTextToolbar-top div[title="Indent Left"]:before {
-  content: "\f03b"; }
-.tests-valo .v-richtextarea .gwt-RichTextToolbar-top div[title="Insert Horizontal Rule"]:before {
-  content: "—"; }
-.tests-valo .v-richtextarea .gwt-RichTextToolbar-top div[title="Insert Ordered List"]:before {
-  content: "\f0cb"; }
-.tests-valo .v-richtextarea .gwt-RichTextToolbar-top div[title="Insert Unordered List"]:before {
-  content: "\f0ca"; }
-.tests-valo .v-richtextarea .gwt-RichTextToolbar-top div[title="Insert Image"]:before {
-  content: "\f03e"; }
-.tests-valo .v-richtextarea .gwt-RichTextToolbar-top div[title="Create Link"]:before {
-  content: "\f0c1"; }
-.tests-valo .v-richtextarea .gwt-RichTextToolbar-top div[title="Remove Link"]:before {
-  content: "\f127"; }
-.tests-valo .v-richtextarea .gwt-RichTextToolbar-top div[title="Remove Formatting"]:before {
-  content: "\f12d"; }
-.tests-valo .v-richtextarea .gwt-RichTextToolbar-bottom {
-  font-size: 13px;
-  padding: 0 9px 9px 0; }
-  .tests-valo .v-richtextarea .gwt-RichTextToolbar-bottom select {
-    margin: 9px 0 0 9px; }
-.tests-valo .v-richtextarea .gwt-RichTextArea {
-  background: #fff;
-  border: none;
-  display: block; }
-.tests-valo .v-upload .v-button {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  display: inline-block;
-  text-align: left;
-  white-space: normal;
-  line-height: 1.55; }
-.tests-valo .v-Notification.v-position-top {
-  top: 12px; }
-.tests-valo .v-Notification.v-position-right {
-  right: 12px; }
-.tests-valo .v-Notification.v-position-bottom {
-  bottom: 12px; }
-.tests-valo .v-Notification.v-position-left {
-  left: 12px; }
-.tests-valo .v-Notification.v-position-assistive {
-  top: -9999px;
-  top: -9999px; }
-.tests-valo .v-Notification[style*=" top: 0"] {
-  -webkit-animation: valo-anim-slide-down 600ms;
-  -moz-animation: valo-anim-slide-down 600ms;
-  animation: valo-anim-slide-down 600ms; }
-.tests-valo .v-Notification[style*="bottom: 0"] {
-  -webkit-animation: valo-anim-slide-up 600ms;
-  -moz-animation: valo-anim-slide-up 600ms;
-  animation: valo-anim-slide-up 600ms; }
-.tests-valo .v-Notification[style*="right: 0"] {
-  -webkit-animation: valo-anim-slide-left 600ms;
-  -moz-animation: valo-anim-slide-left 600ms;
-  animation: valo-anim-slide-left 600ms; }
-.tests-valo .v-Notification[style*=" left: 0"]:not(.v-Notification-system):not(.bar) {
-  -webkit-animation: valo-anim-slide-right 600ms;
-  -moz-animation: valo-anim-slide-right 600ms;
-  animation: valo-anim-slide-right 600ms; }
-.tests-valo .v-Notification {
-  border-radius: 4px;
-  text-align: center;
-  position: fixed !important;
-  -webkit-backface-visibility: hidden;
-  -moz-backface-visibility: hidden;
-  -ms-backface-visibility: hidden;
-  backface-visibility: hidden;
-  background: white;
-  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
-  padding: 19px 22px;
-  -webkit-animation: valo-anim-fade-in 120ms;
-  -moz-animation: valo-anim-fade-in 120ms;
-  animation: valo-anim-fade-in 120ms; }
-  .tests-valo .v-Notification h1 {
-    margin: 0;
-    display: inline-block;
-    text-align: left;
-    font-weight: inherit;
-    line-height: inherit;
-    white-space: nowrap;
-    letter-spacing: 0; }
-  .tests-valo .v-Notification p {
-    margin: 0;
-    display: inline-block;
-    vertical-align: middle;
-    max-width: 30em;
-    text-align: left; }
-  .tests-valo .v-Notification h1 ~ p {
-    margin-left: 24px; }
-  .tests-valo .v-Notification .v-icon + h1 {
-    margin-left: 16px; }
-  .tests-valo .v-Notification[style*="opacity: 0.9;"] {
-    opacity: 1 !important;
-    filter: none !important; }
-  .tests-valo .v-Notification h1 {
-    color: #197de1;
-    font-size: 19px;
-    line-height: 1; }
-  .tests-valo .v-Notification p {
-    line-height: 1.4; }
-.tests-valo .v-Notification-system {
-  left: 0 !important;
-  right: 0;
-  max-width: 100%;
-  margin: 0 !important;
-  border-radius: 0;
-  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
-  padding: 12px 15px;
-  background-color: #444;
-  font-weight: 400;
-  line-height: 22px; }
-  .tests-valo .v-Notification-system p {
-    max-width: 50em; }
-  .tests-valo .v-Notification-system h1 {
-    color: #fff;
-    vertical-align: middle; }
-  .tests-valo .v-Notification-system p {
-    color: #e6e6e6; }
-  .tests-valo .v-Notification-system u {
-    text-decoration: none; }
-.tests-valo .v-Notification-system.v-Notification-system {
-  margin: 0 !important; }
-.tests-valo .v-Notification.tray {
-  text-align: left; }
-  .tests-valo .v-Notification.tray h1 + p {
-    display: block;
-    margin: .5em 0 0; }
-.tests-valo .v-Notification.warning {
-  background: #FFF3D2; }
-  .tests-valo .v-Notification.warning h1 {
-    color: #AC7C00; }
-  .tests-valo .v-Notification.warning p {
-    color: #9D874D; }
-.tests-valo .v-Notification.error {
-  background: #ed473b;
-  font-weight: 400;
-  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.25); }
-  .tests-valo .v-Notification.error h1 {
-    color: white; }
-  .tests-valo .v-Notification.error p {
-    color: #f4e0df; }
-.tests-valo .v-Notification.bar {
-  left: 0 !important;
-  right: 0;
-  max-width: 100%;
-  margin: 0 !important;
-  border-radius: 0;
-  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
-  padding: 12px 15px; }
-  .tests-valo .v-Notification.bar p {
-    max-width: 50em; }
-.tests-valo .v-Notification.closable {
-  padding-right: 59px;
-  overflow: hidden !important;
-  cursor: pointer; }
-  .tests-valo .v-Notification.closable:after {
-    content: "\00d7";
-    font-size: 1.5em;
-    position: absolute;
-    top: 50%;
-    margin-top: -12px;
-    right: 12px;
-    width: 25px;
-    height: 25px;
-    line-height: 24px;
-    cursor: pointer;
-    color: #000;
-    opacity: 0.5;
-    filter: alpha(opacity=50);
-    text-align: center;
-    border: 1px solid black;
-    border-color: rgba(0, 0, 0, 0.3);
-    border-radius: 50%;
-    -webkit-transition: opacity 200ms;
-    -moz-transition: opacity 200ms;
-    transition: opacity 200ms; }
-  .tests-valo .v-Notification.closable:hover:after {
-    opacity: 1;
-    filter: none; }
-  .tests-valo .v-Notification.closable:active:after {
-    background-color: #000;
-    color: #fff;
-    opacity: 0.3;
-    filter: alpha(opacity=30);
-    -webkit-transition: none 200ms;
-    -moz-transition: none 200ms;
-    transition: none 200ms; }
-  .tests-valo .v-Notification.closable.error:after, .tests-valo .v-Notification.closable.system:after {
-    color: #fff;
-    border-color: #fff;
-    border-color: rgba(255, 255, 255, 0.3); }
-  .tests-valo .v-Notification.closable.error:active:after, .tests-valo .v-Notification.closable.system:active:after {
-    background-color: #fff;
-    color: #000; }
-  .tests-valo .v-Notification.closable.tray:after {
-    top: 16px;
-    margin-top: 0; }
-.tests-valo .v-button-primary {
-  height: 37px;
-  padding: 0 16px;
-  color: #ecf2f8;
-  font-weight: 400;
-  border-radius: 4px;
-  border: 1px solid #1467b9;
-  border-top-color: #166fbb;
-  border-bottom-color: #125aaf;
-  background-color: #197de1;
-  background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
-  background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
-  box-shadow: inset 0 1px 0 #4595e5, inset 0 -1px 0 #166ccd, 0 2px 3px rgba(0, 0, 0, 0.05);
-  text-shadow: 0 -1px 0 #197de1;
-  padding: 0 19px;
-  font-weight: bold;
-  min-width: 81px; }
-  .tests-valo .v-button-primary:after {
-    border: inherit;
-    top: -1px;
-    right: -1px;
-    bottom: -1px;
-    left: -1px; }
-  .tests-valo .v-button-primary:hover:after {
-    background-color: rgba(90, 163, 237, 0.1); }
-  .tests-valo .v-button-primary:focus:after {
-    border: inherit;
-    box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-  .tests-valo .v-button-primary:active:after {
-    background-color: rgba(2, 62, 122, 0.2); }
-  .v-ie8 .tests-valo .v-button-primary {
-    min-width: 43px; }
-.tests-valo .v-button-friendly {
-  height: 37px;
-  padding: 0 16px;
-  color: #eaf4e9;
-  font-weight: 400;
-  border-radius: 4px;
-  border: 1px solid #247c1a;
-  border-top-color: #26831c;
-  border-bottom-color: #1f7016;
-  background-color: #2c9720;
-  background-image: -webkit-linear-gradient(top, #2f9f22 2%, #26881b 98%);
-  background-image: linear-gradient(to bottom,#2f9f22 2%, #26881b 98%);
-  box-shadow: inset 0 1px 0 #42af36, inset 0 -1px 0 #26831b, 0 2px 3px rgba(0, 0, 0, 0.05);
-  text-shadow: 0 -1px 0 #2c9720; }
-  .tests-valo .v-button-friendly:after {
-    border: inherit;
-    top: -1px;
-    right: -1px;
-    bottom: -1px;
-    left: -1px; }
-  .tests-valo .v-button-friendly:hover:after {
-    background-color: rgba(65, 211, 48, 0.1); }
-  .tests-valo .v-button-friendly:focus:after {
-    border: inherit;
-    box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-  .tests-valo .v-button-friendly:active:after {
-    background-color: rgba(14, 86, 6, 0.2); }
-.tests-valo .v-button-danger {
-  height: 37px;
-  padding: 0 16px;
-  color: #f9f0ef;
-  font-weight: 400;
-  border-radius: 4px;
-  border: 1px solid #c33a30;
-  border-top-color: #c43e33;
-  border-bottom-color: #b9332a;
-  background-color: #ed473b;
-  background-image: -webkit-linear-gradient(top, #ee4c3f 2%, #e13e33 98%);
-  background-image: linear-gradient(to bottom,#ee4c3f 2%, #e13e33 98%);
-  box-shadow: inset 0 1px 0 #ef7167, inset 0 -1px 0 #dd3c31, 0 2px 3px rgba(0, 0, 0, 0.05);
-  text-shadow: 0 -1px 0 #ed473b; }
-  .tests-valo .v-button-danger:after {
-    border: inherit;
-    top: -1px;
-    right: -1px;
-    bottom: -1px;
-    left: -1px; }
-  .tests-valo .v-button-danger:hover:after {
-    background-color: rgba(243, 137, 129, 0.1); }
-  .tests-valo .v-button-danger:focus:after {
-    border: inherit;
-    box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-  .tests-valo .v-button-danger:active:after {
-    background-color: rgba(146, 12, 2, 0.2); }
-.tests-valo .v-button-borderless {
-  border: none;
-  box-shadow: none;
-  background: transparent;
-  color: inherit; }
-.tests-valo .v-button-link {
-  border: none;
-  box-shadow: none;
-  background: transparent;
-  color: inherit;
-  cursor: pointer;
-  color: #197de1;
-  text-decoration: underline;
-  font-weight: inherit;
-  -webkit-transition: color 140ms;
-  -moz-transition: color 140ms;
-  transition: color 140ms; }
-  .tests-valo .v-button-link:hover {
-    color: #4396ea; }
-.tests-valo .v-button-small {
-  height: 30px;
-  padding: 0 14px;
-  font-size: 13px;
-  border-radius: 4px; }
-  .tests-valo .v-button-small:after {
-    border: inherit;
-    top: -1px;
-    right: -1px;
-    bottom: -1px;
-    left: -1px; }
-.tests-valo .v-button-large {
-  height: 45px;
-  padding: 0 20px;
-  font-size: 20px;
-  border-radius: 4px; }
-  .tests-valo .v-button-large:after {
-    border: inherit;
-    top: -1px;
-    right: -1px;
-    bottom: -1px;
-    left: -1px; }
-.tests-valo .v-button-icon-align-right .v-button-wrap {
-  display: inline-block; }
-.tests-valo .v-button-icon-align-right .v-icon {
-  float: right;
-  margin-left: 13px; }
-  .tests-valo .v-button-icon-align-right .v-icon + span:not(:empty) {
-    margin-left: 0; }
-.tests-valo .v-button-icon-only {
-  width: 37px;
-  padding: 0; }
-  .tests-valo .v-button-icon-only.v-button-small {
-    width: 30px; }
-.tests-valo .v-link-small {
-  font-size: 13px; }
-.tests-valo .v-link-large {
-  font-size: 20px; }
-.tests-valo .v-tabsheet-centered-tabs .v-tabsheet-tabcontainer {
-  text-align: center; }
-.tests-valo .v-tabsheet-equal-width-tabs .v-tabsheet-tabcontainer table,
-.tests-valo .v-tabsheet-equal-width-tabs .v-tabsheet-tabcontainer tbody,
-.tests-valo .v-tabsheet-equal-width-tabs .v-tabsheet-tabcontainer tr {
-  width: 100%; }
-.tests-valo .v-tabsheet-equal-width-tabs .v-tabsheet-tabcontainer tr {
-  display: table;
-  table-layout: fixed; }
-.tests-valo .v-tabsheet-equal-width-tabs .v-tabsheet-tabcontainer td {
-  display: table-cell; }
-.tests-valo .v-tabsheet-equal-width-tabs .v-tabsheet-tabcontainer .v-caption {
-  margin: 0;
-  display: block; }
-.tests-valo .v-tabsheet-padded-tabbar > .v-tabsheet-tabcontainer .v-tabsheet-tabs {
-  padding: 0 9px; }
-.tests-valo .v-tabsheet-icons-on-top .v-tabsheet-tabs {
-  height: 74px; }
-  .tests-valo .v-tabsheet-icons-on-top .v-tabsheet-tabs .v-caption {
-    height: 74px;
-    padding-top: 37px; }
-  .tests-valo .v-tabsheet-icons-on-top .v-tabsheet-tabs .v-icon {
-    display: block;
-    font-size: 32px;
-    margin: -28px auto -9px;
-    min-height: 37px; }
-    .tests-valo .v-tabsheet-icons-on-top .v-tabsheet-tabs .v-icon + .v-captiontext.v-captiontext {
-      margin-left: 0; }
-.tests-valo .v-tabsheet-icons-on-top .v-tabsheet-scroller {
-  line-height: 74px; }
-  .tests-valo .v-tabsheet-icons-on-top .v-tabsheet-scroller button[class] {
-    padding: 0 9px;
-    display: block; }
-.tests-valo .v-panel-borderless {
-  background: transparent;
-  color: inherit;
-  border: none;
-  box-shadow: none; }
-  .tests-valo .v-panel-borderless .v-panel-caption {
-    background: transparent;
-    box-shadow: none;
-    color: inherit;
-    padding: 0;
-    margin: 0 12px;
-    border-bottom: none; }
-.tests-valo .v-formlayout.light > table {
-  padding: 0; }
-.tests-valo .v-formlayout.light > table > tbody > .v-formlayout-row > .v-formlayout-captioncell,
-.tests-valo .v-formlayout.light > table > tbody > .v-formlayout-row > .v-formlayout-contentcell,
-.tests-valo .v-formlayout.light > table > tbody > .v-formlayout-row > .v-formlayout-errorcell {
-  padding-top: 0;
-  height: 37px; }
-.tests-valo .v-formlayout.light > table > tbody > .v-formlayout-row td {
-  border-bottom: 1px solid #ececec; }
-.tests-valo .v-formlayout.light > table > tbody > .v-formlayout-lastrow td {
-  border-bottom: none; }
-.tests-valo .v-formlayout.light > table > tbody > .v-formlayout-row > .v-formlayout-captioncell {
-  color: #898989;
-  text-align: right;
-  padding-left: 13px;
-  line-height: 37px; }
-.tests-valo .v-formlayout.light .v-formlayout-contentcell > .v-textfield,
-.tests-valo .v-formlayout.light .v-formlayout-contentcell > .v-textarea,
-.tests-valo .v-formlayout.light .v-formlayout-contentcell > .v-filterselect,
-.tests-valo .v-formlayout.light .v-formlayout-contentcell > .v-datefield,
-.tests-valo .v-formlayout.light .v-formlayout-contentcell > .v-filterselect-input,
-.tests-valo .v-formlayout.light .v-formlayout-contentcell > .v-datefield-textfield {
-  width: 100%; }
-.tests-valo .v-formlayout.light .v-formlayout-contentcell > .v-textfield,
-.tests-valo .v-formlayout.light .v-formlayout-contentcell > .v-textarea,
-.tests-valo .v-formlayout.light .v-formlayout-contentcell > .v-filterselect input,
-.tests-valo .v-formlayout.light .v-formlayout-contentcell > .v-datefield input {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  -ms-appearance: none;
-  -o-appearance: none;
-  appearance: none;
-  margin: 0;
-  font: inherit;
-  font-weight: 400;
-  line-height: normal;
-  height: 37px;
-  border-radius: 0;
-  padding: 4px 7px;
-  box-shadow: none;
-  -webkit-transition: box-shadow 180ms, border 180ms;
-  -moz-transition: box-shadow 180ms, border 180ms;
-  transition: box-shadow 180ms, border 180ms;
-  background: transparent;
-  border: none;
-  color: inherit; }
-  .tests-valo .v-formlayout.light .v-formlayout-contentcell > .v-textfield.v-disabled,
-  .tests-valo .v-formlayout.light .v-formlayout-contentcell > .v-textarea.v-disabled,
-  .tests-valo .v-formlayout.light .v-formlayout-contentcell > .v-filterselect input.v-disabled,
-  .tests-valo .v-formlayout.light .v-formlayout-contentcell > .v-datefield input.v-disabled {
-    opacity: 0.5;
-    filter: alpha(opacity=50); }
-  .tests-valo .v-formlayout.light .v-formlayout-contentcell > .v-textfield:focus,
-  .tests-valo .v-formlayout.light .v-formlayout-contentcell > .v-textarea:focus,
-  .tests-valo .v-formlayout.light .v-formlayout-contentcell > .v-filterselect input:focus,
-  .tests-valo .v-formlayout.light .v-formlayout-contentcell > .v-datefield input:focus {
-    outline: none;
-    -webkit-transition: none;
-    -moz-transition: none;
-    transition: none;
-    border-color: #197de1;
-    box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), none; }
-.tests-valo .v-formlayout.light .v-formlayout-contentcell > .v-textfield-prompt,
-.tests-valo .v-formlayout.light .v-formlayout-contentcell > .v-textarea-prompt,
-.tests-valo .v-formlayout.light .v-formlayout-contentcell > .v-filterselect-prompt input,
-.tests-valo .v-formlayout.light .v-formlayout-contentcell > .v-datefield-prompt input {
-  color: #a3a3a3; }
-.tests-valo .v-formlayout.light .v-formlayout-contentcell > .v-textarea {
-  height: auto; }
-.tests-valo .v-formlayout.light .v-richtextarea {
-  margin: 5px 0; }
-.tests-valo .v-formlayout.light .v-filterselect-button,
-.tests-valo .v-formlayout.light .v-datefield-button {
-  border: none; }
-  .tests-valo .v-formlayout.light .v-filterselect-button:active:after,
-  .tests-valo .v-formlayout.light .v-datefield-button:active:after {
-    display: none; }
-.tests-valo .v-formlayout.light .v-datefield-button {
-  right: 0;
-  left: auto; }
-.tests-valo .v-formlayout.light .v-checkbox {
-  margin-left: 7px; }
-.tests-valo .v-formlayout.light > table > tbody > .v-formlayout-row > .v-formlayout-contentcell > .h4 {
-  border-bottom: none;
-  color: #197de1;
-  margin-top: -0.2em; }
-.tests-valo .v-textfield-borderless,
-.tests-valo .v-textarea-borderless {
-  border: none;
-  border-radius: 0;
-  background: transparent;
-  box-shadow: none; }
-  .tests-valo .v-textfield-borderless:focus,
-  .tests-valo .v-textarea-borderless:focus {
-    box-shadow: none; }
-.tests-valo .v-textfield-small {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  -ms-appearance: none;
-  -o-appearance: none;
-  appearance: none;
-  margin: 0;
-  font: inherit;
-  font-weight: 400;
-  line-height: normal;
-  height: 30px;
-  border-radius: 4px;
-  padding: 3px 7px;
-  border: 1px solid #cecece;
-  background: white;
-  color: #474747;
-  box-shadow: inset 0 1px 0 #f9f9f9, 0 1px 0 rgba(255, 255, 255, 0.1);
-  -webkit-transition: box-shadow 180ms, border 180ms;
-  -moz-transition: box-shadow 180ms, border 180ms;
-  transition: box-shadow 180ms, border 180ms;
-  font-size: 13px; }
-  .tests-valo .v-textfield-small.v-disabled {
-    opacity: 0.5;
-    filter: alpha(opacity=50); }
-  .tests-valo .v-textfield-small:focus {
-    outline: none;
-    -webkit-transition: none;
-    -moz-transition: none;
-    transition: none;
-    border-color: #197de1;
-    box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #f9f9f9, 0 1px 0 rgba(255, 255, 255, 0.1); }
-  .tests-valo .v-textfield-small.v-textfield-prompt, .tests-valo .v-textfield-small.v-textarea-prompt {
-    color: #a3a3a3; }
-.tests-valo .v-textfield-large {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  -ms-appearance: none;
-  -o-appearance: none;
-  appearance: none;
-  margin: 0;
-  font: inherit;
-  font-weight: 400;
-  line-height: normal;
-  height: 45px;
-  border-radius: 4px;
-  padding: 5px 10px;
-  border: 1px solid #cecece;
-  background: white;
-  color: #474747;
-  box-shadow: inset 0 1px 0 #f9f9f9, 0 1px 0 rgba(255, 255, 255, 0.1);
-  -webkit-transition: box-shadow 180ms, border 180ms;
-  -moz-transition: box-shadow 180ms, border 180ms;
-  transition: box-shadow 180ms, border 180ms;
-  font-size: 20px; }
-  .tests-valo .v-textfield-large.v-disabled {
-    opacity: 0.5;
-    filter: alpha(opacity=50); }
-  .tests-valo .v-textfield-large:focus {
-    outline: none;
-    -webkit-transition: none;
-    -moz-transition: none;
-    transition: none;
-    border-color: #197de1;
-    box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #f9f9f9, 0 1px 0 rgba(255, 255, 255, 0.1); }
-  .tests-valo .v-textfield-large.v-textfield-prompt, .tests-valo .v-textfield-large.v-textarea-prompt {
-    color: #a3a3a3; }
-.tests-valo .v-slot-inline-icon {
-  position: relative; }
-.tests-valo .v-caption-inline-icon {
-  padding: 0; }
-  .tests-valo .v-caption-inline-icon .v-captiontext {
-    font-size: 14px;
-    font-weight: 400;
-    padding-bottom: .3em;
-    padding-left: 1px;
-    margin: 0; }
-  .tests-valo .v-caption-inline-icon .v-icon {
-    position: absolute;
-    z-index: 10; }
-  .tests-valo .v-caption-inline-icon span.v-icon {
-    left: 1px;
-    bottom: 1px;
-    width: 37px;
-    line-height: 35px;
-    text-align: center;
-    font-size: 16px; }
-  .tests-valo .v-caption-inline-icon img.v-icon {
-    left: 11px;
-    bottom: 11px; }
-.tests-valo .v-textfield-inline-icon,
-.tests-valo .v-textarea-inline-icon {
-  padding-left: 37px; }
-.tests-valo .v-textarea-small {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  -ms-appearance: none;
-  -o-appearance: none;
-  appearance: none;
-  margin: 0;
-  font: inherit;
-  font-weight: 400;
-  line-height: normal;
-  height: 30px;
-  border-radius: 4px;
-  padding: 6px;
-  border: 1px solid #cecece;
-  background: white;
-  color: #474747;
-  box-shadow: inset 0 1px 0 #f9f9f9, 0 1px 0 rgba(255, 255, 255, 0.1);
-  -webkit-transition: box-shadow 180ms, border 180ms;
-  -moz-transition: box-shadow 180ms, border 180ms;
-  transition: box-shadow 180ms, border 180ms;
-  height: auto;
-  resize: none;
-  font-size: 13px; }
-  .tests-valo .v-textarea-small.v-disabled {
-    opacity: 0.5;
-    filter: alpha(opacity=50); }
-  .tests-valo .v-textarea-small:focus {
-    outline: none;
-    -webkit-transition: none;
-    -moz-transition: none;
-    transition: none;
-    border-color: #197de1;
-    box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #f9f9f9, 0 1px 0 rgba(255, 255, 255, 0.1); }
-  .tests-valo .v-textarea-small.v-textfield-prompt, .tests-valo .v-textarea-small.v-textarea-prompt {
-    color: #a3a3a3; }
-.tests-valo .v-textarea-large {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  -ms-appearance: none;
-  -o-appearance: none;
-  appearance: none;
-  margin: 0;
-  font: inherit;
-  font-weight: 400;
-  line-height: normal;
-  height: 45px;
-  border-radius: 4px;
-  padding: 6px;
-  border: 1px solid #cecece;
-  background: white;
-  color: #474747;
-  box-shadow: inset 0 1px 0 #f9f9f9, 0 1px 0 rgba(255, 255, 255, 0.1);
-  -webkit-transition: box-shadow 180ms, border 180ms;
-  -moz-transition: box-shadow 180ms, border 180ms;
-  transition: box-shadow 180ms, border 180ms;
-  height: auto;
-  resize: none;
-  font-size: 20px; }
-  .tests-valo .v-textarea-large.v-disabled {
-    opacity: 0.5;
-    filter: alpha(opacity=50); }
-  .tests-valo .v-textarea-large:focus {
-    outline: none;
-    -webkit-transition: none;
-    -moz-transition: none;
-    transition: none;
-    border-color: #197de1;
-    box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #f9f9f9, 0 1px 0 rgba(255, 255, 255, 0.1); }
-  .tests-valo .v-textarea-large.v-textfield-prompt, .tests-valo .v-textarea-large.v-textarea-prompt {
-    color: #a3a3a3; }
-.tests-valo .v-textfield-align-right,
-.tests-valo .v-textarea-align-right {
-  text-align: right; }
-.tests-valo .v-textfield-align-center,
-.tests-valo .v-textarea-align-center {
-  text-align: center; }
-.tests-valo .v-filterselect-small {
-  height: 30px;
-  font-size: 13px; }
-  .tests-valo .v-filterselect-small .v-filterselect-input {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    -ms-appearance: none;
-    -o-appearance: none;
-    appearance: none;
-    margin: 0;
-    font: inherit;
-    font-weight: 400;
-    line-height: normal;
-    height: 30px;
-    padding: 3px 5px;
-    color: #474747;
-    -webkit-transition: box-shadow 180ms, border 180ms;
-    -moz-transition: box-shadow 180ms, border 180ms;
-    transition: box-shadow 180ms, border 180ms;
-    width: 100% !important;
-    height: 100%;
-    padding-right: 36px;
-    border-radius: inherit; }
-    .tests-valo .v-filterselect-small .v-filterselect-input.v-disabled {
-      opacity: 0.5;
-      filter: alpha(opacity=50); }
-    .tests-valo .v-filterselect-small .v-filterselect-input:focus {
-      outline: none;
-      -webkit-transition: none;
-      -moz-transition: none;
-      transition: none;
-      border-color: #197de1;
-      box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-    .tests-valo .v-filterselect-small .v-filterselect-input.v-textfield-prompt, .tests-valo .v-filterselect-small .v-filterselect-input.v-textarea-prompt {
-      color: #a3a3a3; }
-  .tests-valo .v-filterselect-small .v-icon + .v-filterselect-input {
-    padding-left: 30px; }
-  .tests-valo .v-filterselect-small img.v-icon {
-    max-height: 30px;
-    margin-left: 5px; }
-  .tests-valo .v-filterselect-small span.v-icon {
-    color: #474747;
-    width: 30px; }
-  .tests-valo .v-filterselect-small.v-filterselect-prompt > .v-filterselect-input {
-    color: #a3a3a3; }
-  .tests-valo .v-filterselect-small .v-filterselect-button {
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-    -webkit-touch-callout: none;
-    cursor: pointer;
-    position: absolute;
-    top: 1px;
-    right: 1px;
-    bottom: 1px;
-    width: 30px;
-    cursor: pointer;
-    border-left: 1px solid #e8e8e8;
-    border-radius: 0 3px 3px 0; }
-    .v-ie8 .tests-valo .v-filterselect-small .v-filterselect-button {
-      background-color: white; }
-    .tests-valo .v-filterselect-small .v-filterselect-button:before {
-      font-family: FontAwesome;
-      content: "\f078";
-      color: #474747;
-      color: #a3a3a3;
-      -webkit-transition: color 140ms;
-      -moz-transition: color 140ms;
-      transition: color 140ms;
-      position: absolute;
-      width: 30px;
-      text-align: center;
-      top: 50%;
-      line-height: 1;
-      margin-top: -.47em; }
-    .tests-valo .v-filterselect-small .v-filterselect-button:hover:before {
-      color: #474747; }
-    .tests-valo .v-filterselect-small .v-filterselect-button:active:after {
-      content: "";
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      border-radius: inherit;
-      background-color: rgba(128, 128, 128, 0.2); }
-  .tests-valo .v-filterselect-small.v-disabled {
-    opacity: 0.5;
-    filter: alpha(opacity=50); }
-    .tests-valo .v-filterselect-small.v-disabled .v-filterselect-button {
-      cursor: default;
-      pointer-events: none; }
-      .tests-valo .v-filterselect-small.v-disabled .v-filterselect-button:active:after {
-        display: none; }
-  .tests-valo .v-filterselect-small.v-readonly .v-filterselect-input {
-    background: transparent;
-    box-shadow: none; }
-    .tests-valo .v-filterselect-small.v-readonly .v-filterselect-input:focus {
-      box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-  .tests-valo .v-filterselect-small.v-readonly .v-filterselect-button {
-    cursor: default;
-    pointer-events: none; }
-    .tests-valo .v-filterselect-small.v-readonly .v-filterselect-button:active:after {
-      display: none; }
-.tests-valo .v-filterselect-large {
-  height: 45px;
-  font-size: 20px; }
-  .tests-valo .v-filterselect-large .v-filterselect-input {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    -ms-appearance: none;
-    -o-appearance: none;
-    appearance: none;
-    margin: 0;
-    font: inherit;
-    font-weight: 400;
-    line-height: normal;
-    height: 45px;
-    padding: 5px 8px;
-    color: #474747;
-    -webkit-transition: box-shadow 180ms, border 180ms;
-    -moz-transition: box-shadow 180ms, border 180ms;
-    transition: box-shadow 180ms, border 180ms;
-    width: 100% !important;
-    height: 100%;
-    padding-right: 54px;
-    border-radius: inherit; }
-    .tests-valo .v-filterselect-large .v-filterselect-input.v-disabled {
-      opacity: 0.5;
-      filter: alpha(opacity=50); }
-    .tests-valo .v-filterselect-large .v-filterselect-input:focus {
-      outline: none;
-      -webkit-transition: none;
-      -moz-transition: none;
-      transition: none;
-      border-color: #197de1;
-      box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-    .tests-valo .v-filterselect-large .v-filterselect-input.v-textfield-prompt, .tests-valo .v-filterselect-large .v-filterselect-input.v-textarea-prompt {
-      color: #a3a3a3; }
-  .tests-valo .v-filterselect-large .v-icon + .v-filterselect-input {
-    padding-left: 45px; }
-  .tests-valo .v-filterselect-large img.v-icon {
-    max-height: 45px;
-    margin-left: 8px; }
-  .tests-valo .v-filterselect-large span.v-icon {
-    color: #474747;
-    width: 45px; }
-  .tests-valo .v-filterselect-large.v-filterselect-prompt > .v-filterselect-input {
-    color: #a3a3a3; }
-  .tests-valo .v-filterselect-large .v-filterselect-button {
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-    -webkit-touch-callout: none;
-    cursor: pointer;
-    position: absolute;
-    top: 1px;
-    right: 1px;
-    bottom: 1px;
-    width: 45px;
-    cursor: pointer;
-    border-left: 1px solid #e8e8e8;
-    border-radius: 0 3px 3px 0; }
-    .v-ie8 .tests-valo .v-filterselect-large .v-filterselect-button {
-      background-color: white; }
-    .tests-valo .v-filterselect-large .v-filterselect-button:before {
-      font-family: FontAwesome;
-      content: "\f078";
-      color: #474747;
-      color: #a3a3a3;
-      -webkit-transition: color 140ms;
-      -moz-transition: color 140ms;
-      transition: color 140ms;
-      position: absolute;
-      width: 45px;
-      text-align: center;
-      top: 50%;
-      line-height: 1;
-      margin-top: -.47em; }
-    .tests-valo .v-filterselect-large .v-filterselect-button:hover:before {
-      color: #474747; }
-    .tests-valo .v-filterselect-large .v-filterselect-button:active:after {
-      content: "";
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      border-radius: inherit;
-      background-color: rgba(128, 128, 128, 0.2); }
-  .tests-valo .v-filterselect-large.v-disabled {
-    opacity: 0.5;
-    filter: alpha(opacity=50); }
-    .tests-valo .v-filterselect-large.v-disabled .v-filterselect-button {
-      cursor: default;
-      pointer-events: none; }
-      .tests-valo .v-filterselect-large.v-disabled .v-filterselect-button:active:after {
-        display: none; }
-  .tests-valo .v-filterselect-large.v-readonly .v-filterselect-input {
-    background: transparent;
-    box-shadow: none; }
-    .tests-valo .v-filterselect-large.v-readonly .v-filterselect-input:focus {
-      box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-  .tests-valo .v-filterselect-large.v-readonly .v-filterselect-button {
-    cursor: default;
-    pointer-events: none; }
-    .tests-valo .v-filterselect-large.v-readonly .v-filterselect-button:active:after {
-      display: none; }
-.tests-valo .v-datefield-small {
-  height: 30px;
-  border-radius: 4px;
-  font-size: 13px; }
-  .tests-valo .v-datefield-small .v-datefield-textfield {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    -ms-appearance: none;
-    -o-appearance: none;
-    appearance: none;
-    margin: 0;
-    font: inherit;
-    font-weight: 400;
-    line-height: normal;
-    height: 30px;
-    border-radius: 4px;
-    padding: 3px 7px;
-    border: 1px solid #cecece;
-    background: white;
-    color: #474747;
-    box-shadow: inset 0 1px 0 #f9f9f9, 0 1px 0 rgba(255, 255, 255, 0.1);
-    -webkit-transition: box-shadow 180ms, border 180ms;
-    -moz-transition: box-shadow 180ms, border 180ms;
-    transition: box-shadow 180ms, border 180ms;
-    padding-left: 36px;
-    width: 100%;
-    height: 100%;
-    border-radius: inherit; }
-    .tests-valo .v-datefield-small .v-datefield-textfield.v-disabled {
-      opacity: 0.5;
-      filter: alpha(opacity=50); }
-    .tests-valo .v-datefield-small .v-datefield-textfield:focus {
-      outline: none;
-      -webkit-transition: none;
-      -moz-transition: none;
-      transition: none;
-      border-color: #197de1;
-      box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #f9f9f9, 0 1px 0 rgba(255, 255, 255, 0.1); }
-    .tests-valo .v-datefield-small .v-datefield-textfield.v-textfield-prompt, .tests-valo .v-datefield-small .v-datefield-textfield.v-textarea-prompt {
-      color: #a3a3a3; }
-  .tests-valo .v-datefield-small.v-datefield-prompt > .v-datefield-textfield {
-    color: #a3a3a3; }
-  .tests-valo .v-datefield-small .v-datefield-button {
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-    -webkit-touch-callout: none;
-    cursor: pointer;
-    -webkit-appearance: none;
-    background: transparent;
-    border: none;
-    padding: 0;
-    position: absolute;
-    z-index: 10;
-    top: 1px;
-    bottom: 1px;
-    left: 1px;
-    width: 30px;
-    line-height: 28px;
-    text-align: center;
-    cursor: pointer;
-    font: inherit;
-    border-right: 1px solid #e8e8e8;
-    outline: none;
-    margin: 0;
-    border-radius: 3px 0 0 3px; }
-    .tests-valo .v-datefield-small .v-datefield-button:before {
-      font-family: FontAwesome;
-      content: "\f073";
-      color: #474747;
-      color: #a3a3a3;
-      -webkit-transition: color 140ms;
-      -moz-transition: color 140ms;
-      transition: color 140ms; }
-    .tests-valo .v-datefield-small .v-datefield-button:hover:before {
-      color: #474747; }
-    .tests-valo .v-datefield-small .v-datefield-button:active:after {
-      content: "";
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      background-color: rgba(128, 128, 128, 0.2);
-      border-radius: inherit; }
-  .tests-valo .v-datefield-small.v-disabled {
-    opacity: 0.5;
-    filter: alpha(opacity=50); }
-    .tests-valo .v-datefield-small.v-disabled .v-datefield-button {
-      cursor: default;
-      pointer-events: none; }
-      .tests-valo .v-datefield-small.v-disabled .v-datefield-button:active:after {
-        display: none; }
-  .tests-valo .v-datefield-small.v-readonly .v-datefield-textfield {
-    background: transparent;
-    box-shadow: none; }
-    .tests-valo .v-datefield-small.v-readonly .v-datefield-textfield:focus {
-      box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-  .tests-valo .v-datefield-small.v-readonly .v-datefield-button {
-    cursor: default;
-    pointer-events: none; }
-    .tests-valo .v-datefield-small.v-readonly .v-datefield-button:active:after {
-      display: none; }
-.tests-valo .v-datefield-large {
-  height: 45px;
-  border-radius: 4px;
-  font-size: 20px; }
-  .tests-valo .v-datefield-large .v-datefield-textfield {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    -ms-appearance: none;
-    -o-appearance: none;
-    appearance: none;
-    margin: 0;
-    font: inherit;
-    font-weight: 400;
-    line-height: normal;
-    height: 45px;
-    border-radius: 4px;
-    padding: 5px 10px;
-    border: 1px solid #cecece;
-    background: white;
-    color: #474747;
-    box-shadow: inset 0 1px 0 #f9f9f9, 0 1px 0 rgba(255, 255, 255, 0.1);
-    -webkit-transition: box-shadow 180ms, border 180ms;
-    -moz-transition: box-shadow 180ms, border 180ms;
-    transition: box-shadow 180ms, border 180ms;
-    padding-left: 54px;
-    width: 100%;
-    height: 100%;
-    border-radius: inherit; }
-    .tests-valo .v-datefield-large .v-datefield-textfield.v-disabled {
-      opacity: 0.5;
-      filter: alpha(opacity=50); }
-    .tests-valo .v-datefield-large .v-datefield-textfield:focus {
-      outline: none;
-      -webkit-transition: none;
-      -moz-transition: none;
-      transition: none;
-      border-color: #197de1;
-      box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #f9f9f9, 0 1px 0 rgba(255, 255, 255, 0.1); }
-    .tests-valo .v-datefield-large .v-datefield-textfield.v-textfield-prompt, .tests-valo .v-datefield-large .v-datefield-textfield.v-textarea-prompt {
-      color: #a3a3a3; }
-  .tests-valo .v-datefield-large.v-datefield-prompt > .v-datefield-textfield {
-    color: #a3a3a3; }
-  .tests-valo .v-datefield-large .v-datefield-button {
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-    -webkit-touch-callout: none;
-    cursor: pointer;
-    -webkit-appearance: none;
-    background: transparent;
-    border: none;
-    padding: 0;
-    position: absolute;
-    z-index: 10;
-    top: 1px;
-    bottom: 1px;
-    left: 1px;
-    width: 45px;
-    line-height: 43px;
-    text-align: center;
-    cursor: pointer;
-    font: inherit;
-    border-right: 1px solid #e8e8e8;
-    outline: none;
-    margin: 0;
-    border-radius: 3px 0 0 3px; }
-    .tests-valo .v-datefield-large .v-datefield-button:before {
-      font-family: FontAwesome;
-      content: "\f073";
-      color: #474747;
-      color: #a3a3a3;
-      -webkit-transition: color 140ms;
-      -moz-transition: color 140ms;
-      transition: color 140ms; }
-    .tests-valo .v-datefield-large .v-datefield-button:hover:before {
-      color: #474747; }
-    .tests-valo .v-datefield-large .v-datefield-button:active:after {
-      content: "";
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      background-color: rgba(128, 128, 128, 0.2);
-      border-radius: inherit; }
-  .tests-valo .v-datefield-large.v-disabled {
-    opacity: 0.5;
-    filter: alpha(opacity=50); }
-    .tests-valo .v-datefield-large.v-disabled .v-datefield-button {
-      cursor: default;
-      pointer-events: none; }
-      .tests-valo .v-datefield-large.v-disabled .v-datefield-button:active:after {
-        display: none; }
-  .tests-valo .v-datefield-large.v-readonly .v-datefield-textfield {
-    background: transparent;
-    box-shadow: none; }
-    .tests-valo .v-datefield-large.v-readonly .v-datefield-textfield:focus {
-      box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-  .tests-valo .v-datefield-large.v-readonly .v-datefield-button {
-    cursor: default;
-    pointer-events: none; }
-    .tests-valo .v-datefield-large.v-readonly .v-datefield-button:active:after {
-      display: none; }
-.tests-valo .v-checkbox-small {
-  position: relative;
-  line-height: 15px;
-  white-space: nowrap;
-  font-size: 13px; }
-  .tests-valo .v-checkbox-small.v-has-width label {
-    white-space: normal; }
-  :root .tests-valo .v-checkbox-small {
-    padding-left: 20px; }
-    :root .tests-valo .v-checkbox-small label {
-      -webkit-user-select: none;
-      -moz-user-select: none;
-      -ms-user-select: none;
-      user-select: none;
-      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-      -webkit-touch-callout: none;
-      cursor: pointer; }
-  :root .tests-valo .v-checkbox-small > input {
-    position: absolute;
-    clip: rect(0, 0, 0, 0);
-    left: .2em;
-    top: .2em;
-    z-index: 0;
-    margin: 0; }
-    :root .tests-valo .v-checkbox-small > input:focus ~ label:before {
-      border-color: #197de1;
-      box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #eaeaea, 0 2px 3px rgba(0, 0, 0, 0.05); }
-    :root .tests-valo .v-checkbox-small > input ~ label:before, :root .tests-valo .v-checkbox-small > input ~ label:after {
-      content: "";
-      display: inline-block;
-      -webkit-box-sizing: border-box;
-      -moz-box-sizing: border-box;
-      box-sizing: border-box;
-      width: 15px;
-      height: 15px;
-      position: absolute;
-      top: 0;
-      left: 0;
-      border-radius: 4px;
-      font-size: 10px;
-      text-align: center; }
-    :root .tests-valo .v-checkbox-small > input ~ label:before {
-      height: 15px;
-      padding: 0 7px;
-      color: #2f2f2f;
-      font-weight: 400;
-      border-radius: 4px;
-      border: 1px solid #cecece;
-      border-top-color: #cecece;
-      border-bottom-color: #c5c5c5;
-      background-color: #fafafa;
-      background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
-      background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
-      box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #eaeaea, 0 2px 3px rgba(0, 0, 0, 0.05);
-      text-shadow: 0 1px 0 #fafafa;
-      padding: 0;
-      height: 15px; }
-      :root .tests-valo .v-checkbox-small > input ~ label:before:after {
-        border: inherit;
-        top: -1px;
-        right: -1px;
-        bottom: -1px;
-        left: -1px; }
-      :root .tests-valo .v-checkbox-small > input ~ label:before:hover:after {
-        background-color: rgba(186, 186, 186, 0.1); }
-      :root .tests-valo .v-checkbox-small > input ~ label:before:focus:after {
-        border-color: #197de1;
-        box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-      :root .tests-valo .v-checkbox-small > input ~ label:before:active:after {
-        background-color: rgba(125, 125, 125, 0.2); }
-    :root .tests-valo .v-checkbox-small > input ~ label:after {
-      content: "\f00c";
-      font-family: FontAwesome;
-      color: transparent;
-      -webkit-transition: color 100ms;
-      -moz-transition: color 100ms;
-      transition: color 100ms; }
-    :root .tests-valo .v-checkbox-small > input:active ~ label:after {
-      background-color: rgba(125, 125, 125, 0.2); }
-    :root .tests-valo .v-checkbox-small > input:checked ~ label:after {
-      color: #197de1; }
-    :root .tests-valo .v-checkbox-small > input[disabled] ~ label,
-    :root .tests-valo .v-checkbox-small > input[disabled] ~ label .v-icon,
-    :root .tests-valo .v-checkbox-small > input[disabled] ~ .v-icon {
-      cursor: default; }
-    :root .tests-valo .v-checkbox-small > input[disabled] ~ label:before,
-    :root .tests-valo .v-checkbox-small > input[disabled] ~ label:after {
-      opacity: 0.5;
-      filter: alpha(opacity=50); }
-    :root .tests-valo .v-checkbox-small > input[disabled]:active ~ label:after {
-      background: transparent; }
-  .tests-valo .v-checkbox-small > .v-icon, .tests-valo .v-checkbox-small > label .v-icon {
-    margin: 0 5px 0 3px;
-    min-width: 1em;
-    cursor: pointer; }
-.tests-valo .v-checkbox-large {
-  position: relative;
-  line-height: 23px;
-  white-space: nowrap;
-  font-size: 20px; }
-  .tests-valo .v-checkbox-large.v-has-width label {
-    white-space: normal; }
-  :root .tests-valo .v-checkbox-large {
-    padding-left: 30px; }
-    :root .tests-valo .v-checkbox-large label {
-      -webkit-user-select: none;
-      -moz-user-select: none;
-      -ms-user-select: none;
-      user-select: none;
-      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-      -webkit-touch-callout: none;
-      cursor: pointer; }
-  :root .tests-valo .v-checkbox-large > input {
-    position: absolute;
-    clip: rect(0, 0, 0, 0);
-    left: .2em;
-    top: .2em;
-    z-index: 0;
-    margin: 0; }
-    :root .tests-valo .v-checkbox-large > input:focus ~ label:before {
-      border-color: #197de1;
-      box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #eaeaea, 0 2px 3px rgba(0, 0, 0, 0.05); }
-    :root .tests-valo .v-checkbox-large > input ~ label:before, :root .tests-valo .v-checkbox-large > input ~ label:after {
-      content: "";
-      display: inline-block;
-      -webkit-box-sizing: border-box;
-      -moz-box-sizing: border-box;
-      box-sizing: border-box;
-      width: 23px;
-      height: 23px;
-      position: absolute;
-      top: 0;
-      left: 0;
-      border-radius: 4px;
-      font-size: 16px;
-      text-align: center; }
-    :root .tests-valo .v-checkbox-large > input ~ label:before {
-      height: 22.5px;
-      padding: 0 10px;
-      color: #2f2f2f;
-      font-weight: 400;
-      border-radius: 4px;
-      border: 1px solid #cecece;
-      border-top-color: #cecece;
-      border-bottom-color: #c5c5c5;
-      background-color: #fafafa;
-      background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
-      background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
-      box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #eaeaea, 0 2px 3px rgba(0, 0, 0, 0.05);
-      text-shadow: 0 1px 0 #fafafa;
-      padding: 0;
-      height: 23px; }
-      :root .tests-valo .v-checkbox-large > input ~ label:before:after {
-        border: inherit;
-        top: -1px;
-        right: -1px;
-        bottom: -1px;
-        left: -1px; }
-      :root .tests-valo .v-checkbox-large > input ~ label:before:hover:after {
-        background-color: rgba(186, 186, 186, 0.1); }
-      :root .tests-valo .v-checkbox-large > input ~ label:before:focus:after {
-        border-color: #197de1;
-        box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-      :root .tests-valo .v-checkbox-large > input ~ label:before:active:after {
-        background-color: rgba(125, 125, 125, 0.2); }
-    :root .tests-valo .v-checkbox-large > input ~ label:after {
-      content: "\f00c";
-      font-family: FontAwesome;
-      color: transparent;
-      -webkit-transition: color 100ms;
-      -moz-transition: color 100ms;
-      transition: color 100ms; }
-    :root .tests-valo .v-checkbox-large > input:active ~ label:after {
-      background-color: rgba(125, 125, 125, 0.2); }
-    :root .tests-valo .v-checkbox-large > input:checked ~ label:after {
-      color: #197de1; }
-    :root .tests-valo .v-checkbox-large > input[disabled] ~ label,
-    :root .tests-valo .v-checkbox-large > input[disabled] ~ label .v-icon,
-    :root .tests-valo .v-checkbox-large > input[disabled] ~ .v-icon {
-      cursor: default; }
-    :root .tests-valo .v-checkbox-large > input[disabled] ~ label:before,
-    :root .tests-valo .v-checkbox-large > input[disabled] ~ label:after {
-      opacity: 0.5;
-      filter: alpha(opacity=50); }
-    :root .tests-valo .v-checkbox-large > input[disabled]:active ~ label:after {
-      background: transparent; }
-  .tests-valo .v-checkbox-large > .v-icon, .tests-valo .v-checkbox-large > label .v-icon {
-    margin: 0 8px 0 4px;
-    min-width: 1em;
-    cursor: pointer; }
-.tests-valo .v-label-spinner {
-  height: 24px !important;
-  width: 24px !important;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  border: 4px solid rgba(25, 125, 225, 0.2);
-  border-top-color: rgba(25, 125, 225, 0.85);
-  border-radius: 100%;
-  -webkit-animation: v-rotate-360 500ms infinite linear;
-  -moz-animation: v-rotate-360 500ms infinite linear;
-  animation: v-rotate-360 500ms infinite linear;
-  pointer-events: none;
-  -webkit-transition: all ease-in-out 300ms;
-  -moz-transition: all ease-in-out 300ms;
-  transition: all ease-in-out 300ms; }
-.tests-valo .v-panel-well {
-  background: whitesmoke;
-  color: #454545;
-  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 2px 3px rgba(0, 0, 0, 0.05);
-  border-radius: 4px;
-  border: 1px solid #cecece; }
-  .tests-valo .v-panel-well .v-panel-caption {
-    background: transparent;
-    box-shadow: none; }
-.tests-valo .v-panel-borderless {
-  background: transparent;
-  color: inherit;
-  border: none;
-  box-shadow: none; }
-  .tests-valo .v-panel-borderless .v-panel-caption {
-    background: transparent;
-    box-shadow: none;
-    color: inherit;
-    padding: 0;
-    margin: 0 12px;
-    border-bottom: none; }
-.tests-valo .v-panel-scroll-divider > .v-panel-captionwrap {
-  position: relative;
-  z-index: 2; }
-  .tests-valo .v-panel-scroll-divider > .v-panel-captionwrap:after {
-    content: "";
-    position: absolute;
-    bottom: -1px;
-    right: 0;
-    left: 0;
-    height: 1px;
-    background: #e4e4e4; }
-.tests-valo .v-panel-scroll-divider > .v-panel-content:before {
-  content: "";
-  position: absolute;
-  z-index: 2;
-  top: 0;
-  height: 1px;
-  background: #fafafa;
-  left: 0;
-  right: 0; }
-.tests-valo .v-csslayout-well {
-  background: whitesmoke;
-  color: #454545;
-  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 2px 3px rgba(0, 0, 0, 0.05);
-  border-radius: 4px;
-  border: 1px solid #cecece; }
-  .tests-valo .v-csslayout-well .v-panel-caption {
-    background: transparent;
-    box-shadow: none; }
-  .tests-valo .v-csslayout-well > .v-margin-top {
-    padding-top: 12px; }
-  .tests-valo .v-csslayout-well > .v-margin-right {
-    padding-right: 12px; }
-  .tests-valo .v-csslayout-well > .v-margin-bottom {
-    padding-bottom: 12px; }
-  .tests-valo .v-csslayout-well > .v-margin-left {
-    padding-left: 12px; }
-.tests-valo .v-csslayout-card {
-  background: white;
-  color: #474747;
-  border-radius: 4px;
-  border: 1px solid #dbdbdb;
-  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); }
-  .tests-valo .v-csslayout-card > .v-margin-top {
-    padding-top: 12px; }
-  .tests-valo .v-csslayout-card > .v-margin-right {
-    padding-right: 12px; }
-  .tests-valo .v-csslayout-card > .v-margin-bottom {
-    padding-bottom: 12px; }
-  .tests-valo .v-csslayout-card > .v-margin-left {
-    padding-left: 12px; }
-.tests-valo .v-splitpanel-horizontal.large .v-splitpanel-hsplitter,
-.tests-valo .v-splitpanel-vertical.large .v-splitpanel-hsplitter {
-  width: 12px; }
-.tests-valo .v-splitpanel-horizontal.large .v-splitpanel-vsplitter,
-.tests-valo .v-splitpanel-vertical.large .v-splitpanel-vsplitter {
-  height: 12px; }
-.tests-valo .v-splitpanel-horizontal.large .v-splitpanel-hsplitter:after,
-.tests-valo .v-splitpanel-vertical.large .v-splitpanel-hsplitter:after {
-  left: 0px;
-  right: 0px; }
-.tests-valo .v-splitpanel-horizontal.large .v-splitpanel-vsplitter:after,
-.tests-valo .v-splitpanel-vertical.large .v-splitpanel-vsplitter:after {
-  top: 0px;
-  bottom: 0px; }
-.tests-valo .v-splitpanel-horizontal.large .v-splitpanel-hsplitter div:before,
-.tests-valo .v-splitpanel-horizontal.large .v-splitpanel-vsplitter div:before,
-.tests-valo .v-splitpanel-vertical.large .v-splitpanel-hsplitter div:before,
-.tests-valo .v-splitpanel-vertical.large .v-splitpanel-vsplitter div:before {
-  height: 37px;
-  padding: 0 16px;
-  color: #2f2f2f;
-  font-weight: 400;
-  border-radius: 4px;
-  border: 1px solid #cecece;
-  border-top-color: #cecece;
-  border-bottom-color: #c5c5c5;
-  background-color: #fafafa;
-  background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
-  background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
-  box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #eaeaea, none;
-  text-shadow: 0 1px 0 #fafafa;
-  height: auto;
-  padding: 0;
-  border-radius: 0; }
-  .tests-valo .v-splitpanel-horizontal.large .v-splitpanel-hsplitter div:before:after,
-  .tests-valo .v-splitpanel-horizontal.large .v-splitpanel-vsplitter div:before:after,
-  .tests-valo .v-splitpanel-vertical.large .v-splitpanel-hsplitter div:before:after,
-  .tests-valo .v-splitpanel-vertical.large .v-splitpanel-vsplitter div:before:after {
-    border: inherit;
-    top: -1px;
-    right: -1px;
-    bottom: -1px;
-    left: -1px; }
-  .tests-valo .v-splitpanel-horizontal.large .v-splitpanel-hsplitter div:before:hover:after,
-  .tests-valo .v-splitpanel-horizontal.large .v-splitpanel-vsplitter div:before:hover:after,
-  .tests-valo .v-splitpanel-vertical.large .v-splitpanel-hsplitter div:before:hover:after,
-  .tests-valo .v-splitpanel-vertical.large .v-splitpanel-vsplitter div:before:hover:after {
-    background-color: rgba(186, 186, 186, 0.1); }
-  .tests-valo .v-splitpanel-horizontal.large .v-splitpanel-hsplitter div:before:focus:after,
-  .tests-valo .v-splitpanel-horizontal.large .v-splitpanel-vsplitter div:before:focus:after,
-  .tests-valo .v-splitpanel-vertical.large .v-splitpanel-hsplitter div:before:focus:after,
-  .tests-valo .v-splitpanel-vertical.large .v-splitpanel-vsplitter div:before:focus:after {
-    border-color: #197de1;
-    box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-  .tests-valo .v-splitpanel-horizontal.large .v-splitpanel-hsplitter div:before:active:after,
-  .tests-valo .v-splitpanel-horizontal.large .v-splitpanel-vsplitter div:before:active:after,
-  .tests-valo .v-splitpanel-vertical.large .v-splitpanel-hsplitter div:before:active:after,
-  .tests-valo .v-splitpanel-vertical.large .v-splitpanel-vsplitter div:before:active:after {
-    background-color: rgba(125, 125, 125, 0.2); }
-.tests-valo .v-splitpanel-horizontal.large .v-splitpanel-hsplitter div:before,
-.tests-valo .v-splitpanel-vertical.large .v-splitpanel-hsplitter div:before {
-  background-color: #fafafa;
-  background-image: -webkit-linear-gradient(left, #fafafa 2%, #efefef 98%);
-  background-image: linear-gradient(to right,#fafafa 2%, #efefef 98%); }
-.tests-valo .v-splitpanel-horizontal.large .v-splitpanel-vsplitter div:after,
-.tests-valo .v-splitpanel-horizontal.large .v-splitpanel-hsplitter div:after,
-.tests-valo .v-splitpanel-vertical.large .v-splitpanel-vsplitter div:after,
-.tests-valo .v-splitpanel-vertical.large .v-splitpanel-hsplitter div:after {
-  content: "";
-  border: 1px solid #dfdfdf;
-  border-top-color: #c5c5c5;
-  border-left-color: #c5c5c5;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 37px;
-  height: 0;
-  margin-left: -19px;
-  margin-top: -1px; }
-.tests-valo .v-splitpanel-horizontal.large .v-splitpanel-hsplitter div:after,
-.tests-valo .v-splitpanel-vertical.large .v-splitpanel-hsplitter div:after {
-  width: 0;
-  height: 37px;
-  margin-left: -1px;
-  margin-top: -19px; }
-.tests-valo .v-splitpanel-horizontal.large.v-splitpanel-horizontal .v-splitpanel-second-container,
-.tests-valo .v-splitpanel-vertical.large.v-splitpanel-horizontal .v-splitpanel-second-container {
-  margin-left: 12px; }
-.tests-valo .v-menubar-small {
-  height: 30px;
-  font-size: 13px; }
-  .tests-valo .v-menubar-small .v-menubar-menuitem {
-    line-height: 28px; }
-    .tests-valo .v-menubar-small .v-menubar-menuitem[class*="-icon-only"] {
-      width: 30px; }
-.tests-valo .v-menubar-borderless {
-  border: none;
-  padding: 1px;
-  box-shadow: none;
-  background: transparent;
-  color: inherit; }
-  .tests-valo .v-menubar-borderless:focus:not(.v-disabled) {
-    border: none;
-    box-shadow: none; }
-  .tests-valo .v-menubar-borderless .v-menubar-menuitem {
-    box-shadow: none;
-    border: none;
-    margin-right: 1px;
-    border-radius: 4px;
-    text-shadow: 0 -1px 0 #fafafa;
-    -webkit-transition: color 140ms;
-    -moz-transition: color 140ms;
-    transition: color 140ms; }
-    .tests-valo .v-menubar-borderless .v-menubar-menuitem:first-child, .tests-valo .v-menubar-borderless .v-menubar-menuitem:last-child {
-      border-radius: inherit; }
-    .tests-valo .v-menubar-borderless .v-menubar-menuitem:hover:before {
-      display: none; }
-    .tests-valo .v-menubar-borderless .v-menubar-menuitem:active:not(.v-menubar-menuitem-disabled):before {
-      display: block; }
-    .tests-valo .v-menubar-borderless .v-menubar-menuitem:hover {
-      color: #197de1; }
-  .tests-valo .v-menubar-borderless .v-menubar-menuitem-checked {
-    border: 1px solid #cecece;
-    line-height: 32px;
-    color: #197de1; }
-  .tests-valo .v-menubar-borderless .v-menubar-menuitem-selected {
-    text-shadow: 0 -1px 0 #197de1; }
-    .tests-valo .v-menubar-borderless .v-menubar-menuitem-selected:hover {
-      color: #ecf2f8; }
-  .tests-valo .v-menubar-borderless .v-menubar-menuitem-disabled:hover {
-    color: inherit; }
-.tests-valo .v-csslayout-v-component-group {
-  white-space: nowrap;
-  position: relative; }
-  .tests-valo .v-csslayout-v-component-group .v-widget ~ .v-widget:not(:last-child) {
-    border-radius: 0; }
-  .tests-valo .v-csslayout-v-component-group .v-widget:last-child {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0; }
-  .tests-valo .v-csslayout-v-component-group .v-widget:first-child,
-  .tests-valo .v-csslayout-v-component-group .v-caption:first-child + .v-widget {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0; }
-  .tests-valo .v-csslayout-v-component-group .v-widget ~ .v-widget.first.first {
-    border-radius: 4px 0 0 4px; }
-  .tests-valo .v-csslayout-v-component-group .v-widget ~ .v-widget.last.last {
-    border-radius: 0 4px 4px 0; }
-  .tests-valo .v-csslayout-v-component-group .v-widget {
-    vertical-align: middle;
-    margin-left: -1px; }
-    .tests-valo .v-csslayout-v-component-group .v-widget:first-child {
-      margin-left: 0; }
-    .tests-valo .v-csslayout-v-component-group .v-widget:focus, .tests-valo .v-csslayout-v-component-group .v-widget[class*="focus"],
-    .tests-valo .v-csslayout-v-component-group .v-widget [class*="focus"] {
-      position: relative;
-      z-index: 5; }
-.tests-valo .wrapping {
-  white-space: normal !important; }
-  .tests-valo .wrapping > .v-spacing + .v-slot, .tests-valo .wrapping > .v-slot:first-child {
-    margin-bottom: 12px; }
-  .tests-valo .wrapping > .v-slot:first-child:last-child {
-    margin-bottom: 0; }
-.tests-valo .v-Notification.success,
-.tests-valo .v-Notification.failure {
-  background: #fff;
-  color: #555;
-  border: 2px solid #2c9720; }
-  .tests-valo .v-Notification.success h1,
-  .tests-valo .v-Notification.failure h1 {
-    color: #2c9720;
-    font-weight: 400; }
-    .tests-valo .v-Notification.success h1:before,
-    .tests-valo .v-Notification.failure h1:before {
-      font-family: FontAwesome;
-      content: "\f00c";
-      margin-right: .5em; }
-  .tests-valo .v-Notification.success.bar,
-  .tests-valo .v-Notification.failure.bar {
-    margin: -2px !important; }
-.tests-valo .v-Notification.failure {
-  border-color: #ed473b; }
-  .tests-valo .v-Notification.failure h1 {
-    color: #ed473b; }
-    .tests-valo .v-Notification.failure h1:before {
-      content: "\f05e"; }
-.tests-valo .v-label-success,
-.tests-valo .v-label-failure {
-  background: #fff;
-  color: #555;
-  border: 2px solid #2c9720;
-  border-radius: 4px;
-  padding: 7px 19px 7px 37px;
-  font-weight: 400;
-  font-size: 15px; }
-  .tests-valo .v-label-success:before,
-  .tests-valo .v-label-failure:before {
-    font-family: FontAwesome;
-    content: "\f00c";
-    margin-right: .5em;
-    margin-left: -19px;
-    color: #2c9720; }
-.tests-valo .v-label-failure {
-  border-color: #ed473b; }
-  .tests-valo .v-label-failure:before {
-    content: "\f05e";
-    color: #ed473b; }
-.tests-valo .v-panel-caption.v-horizontallayout {
-  height: auto !important;
-  line-height: 0; }
-  .tests-valo .v-panel-caption.v-horizontallayout .v-slot {
-    vertical-align: middle; }
-  .tests-valo .v-panel-caption.v-horizontallayout .v-label {
-    line-height: 37px; }
-.tests-valo .v-select-optiongroup-horizontal {
-  white-space: nowrap; }
-  .tests-valo .v-select-optiongroup-horizontal .v-radiobutton,
-  .tests-valo .v-select-optiongroup-horizontal .v-checkbox {
-    display: inline-block; }
-  .tests-valo .v-select-optiongroup-horizontal.v-has-width {
-    white-space: normal; }
-    .tests-valo .v-select-optiongroup-horizontal.v-has-width label {
-      white-space: nowrap; }
-.tests-valo .v-table-no-stripes .v-table-row,
-.tests-valo .v-table-no-stripes .v-table-row-odd {
-  background: transparent; }
-.tests-valo .v-table-no-vertical-lines .v-table-cell-content,
-.tests-valo .v-table-no-vertical-lines [class*="row"].v-selected .v-table-cell-content {
-  border-left: none;
-  border-right: none;
-  padding-left: 13px;
-  padding-right: 13px; }
-.tests-valo .v-table-no-horizontal-lines .v-table-cell-content,
-.tests-valo .v-table-no-horizontal-lines [class*="row"].v-selected .v-table-cell-content {
-  border-top: none;
-  border-bottom: none; }
-.tests-valo .v-table-no-header .v-table-header-wrap {
-  display: none; }
-.tests-valo .v-table-borderless .v-table-header-wrap,
-.tests-valo .v-table-borderless .v-table-footer-wrap,
-.tests-valo .v-table-borderless .v-table-header-drag,
-.tests-valo .v-table-borderless .v-table-body {
-  border: none; }
-.tests-valo .v-table-borderless .v-table-header-wrap {
-  border-bottom: 1px solid #dfdfdf; }
-.tests-valo .v-table-borderless .v-table-footer-wrap {
-  border-top: 1px solid #dfdfdf; }
-.tests-valo .v-table-compact .v-table-header-wrap,
-.tests-valo .v-table-compact .v-table-footer-wrap,
-.tests-valo .v-table-compact .v-table-header-drag,
-.tests-valo .v-table-small .v-table-header-wrap,
-.tests-valo .v-table-small .v-table-footer-wrap,
-.tests-valo .v-table-small .v-table-header-drag {
-  font-size: 14px; }
-.tests-valo .v-table-compact .v-table-footer-container,
-.tests-valo .v-table-small .v-table-footer-container {
-  padding-top: 7px;
-  padding-bottom: 8px;
-  padding-right: 7px; }
-.tests-valo .v-table-compact .v-table-caption-container,
-.tests-valo .v-table-compact .v-table-header-drag,
-.tests-valo .v-table-small .v-table-caption-container,
-.tests-valo .v-table-small .v-table-header-drag {
-  padding-top: 8px;
-  padding-bottom: 7px;
-  padding-left: 6px;
-  padding-right: 6px; }
-.tests-valo .v-table-compact .v-table-resizer,
-.tests-valo .v-table-small .v-table-resizer {
-  height: 30px; }
-.tests-valo .v-table-compact .v-table-cell-wrapper,
-.tests-valo .v-table-small .v-table-cell-wrapper {
-  padding: 7px 0; }
-.tests-valo .v-table-compact .v-table-cell-content,
-.tests-valo .v-table-small .v-table-cell-content {
-  padding: 0 6px; }
-  .tests-valo .v-table-compact .v-table-cell-content:first-child,
-  .tests-valo .v-table-small .v-table-cell-content:first-child {
-    padding-left: 7px; }
-.tests-valo .v-table-compact .v-table-header-cell-asc .v-table-sort-indicator,
-.tests-valo .v-table-compact .v-table-header-cell-desc .v-table-sort-indicator,
-.tests-valo .v-table-small .v-table-header-cell-asc .v-table-sort-indicator,
-.tests-valo .v-table-small .v-table-header-cell-desc .v-table-sort-indicator {
-  height: 30px;
-  line-height: 30px; }
-.tests-valo .v-table-compact .v-table-header-drag,
-.tests-valo .v-table-small .v-table-header-drag {
-  margin-top: -15px; }
-.tests-valo .v-table-compact .v-table-row-drag-middle td:first-child:before,
-.tests-valo .v-table-small .v-table-row-drag-middle td:first-child:before {
-  height: 31px; }
-.tests-valo .v-table-small {
-  font-size: 13px; }
-.tests-valo .v-accordion-borderless {
-  border: none;
-  border-radius: 0;
-  box-shadow: none; }
-  .tests-valo .v-accordion-borderless > .v-accordion-item {
-    border-radius: 0; }
-.tests-valo .v-slot-valo-menu {
-  position: fixed; }
-.tests-valo .valo-menu {
-  position: fixed;
-  height: 100%;
-  overflow: auto;
-  padding-bottom: 37px;
-  background-color: #646464;
-  background-image: -webkit-linear-gradient(right, #5c5c5c 0%, #646464 9px);
-  background-image: linear-gradient(to left,#5c5c5c 0%, #646464 9px);
-  color: #e0e0e0;
-  font-size: 14px;
-  line-height: 30px;
-  border-right: 1px solid #525252; }
-  .tests-valo .valo-menu .valo-menu-title,
-  .tests-valo .valo-menu .valo-menu-subtitle,
-  .tests-valo .valo-menu .valo-menu-item {
-    display: block;
-    line-height: inherit; }
-  .tests-valo .valo-menu .valo-menu-title {
-    line-height: 1.2;
-    background-color: #197de1;
-    background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
-    background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
-    color: white;
-    text-shadow: 0 -1px 0 #197de1;
-    padding: 12px 19px;
-    font-size: 0.9em;
-    border-bottom: 1px solid #1467b9;
-    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); }
-    .tests-valo .valo-menu .valo-menu-title .v-menubar {
-      background: transparent;
-      border-color: #1467b9;
-      color: inherit;
-      box-shadow: none;
-      text-shadow: inherit; }
-    .tests-valo .valo-menu .valo-menu-title .v-menubar-menuitem {
-      background: transparent;
-      box-shadow: inset 0 1px 0 #4595e5, inset 0 -1px 0 #166ccd;
-      text-shadow: inherit;
-      font-size: 16px;
-      border-color: inherit; }
-  .tests-valo .valo-menu .valo-menu-subtitle {
-    color: #b1b1b1;
-    margin: 7px 0 7px 19px;
-    border-bottom: 1px solid #5b5b5b;
-    position: relative; }
-    .tests-valo .valo-menu .valo-menu-subtitle .badge {
-      position: absolute;
-      right: 19px;
-      color: #7caee0; }
-  .tests-valo .valo-menu .valo-menu-item {
-    outline: none;
-    font-weight: 400;
-    padding: 0 37px 0 19px;
-    cursor: pointer;
-    position: relative; }
-    .tests-valo .valo-menu .valo-menu-item:before {
-      content: "";
-      background: #4396ea;
-      position: absolute;
-      left: 0;
-      height: 100%;
-      width: 0;
-      border-radius: 0 4px 4px 0;
-      -webkit-transition: width 300ms;
-      -moz-transition: width 300ms;
-      transition: width 300ms; }
-    .tests-valo .valo-menu .valo-menu-item:hover, .tests-valo .valo-menu .valo-menu-item.selected {
-      color: white; }
-    .tests-valo .valo-menu .valo-menu-item.selected:before {
-      width: 5px; }
-.tests-valo .valo-menu .v-checkbox {
-  margin: 19px;
-  font-weight: 400; }
-.tests-valo .view {
-  min-height: 600px; }
-.tests-valo .v-textfield-color1 {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  -ms-appearance: none;
-  -o-appearance: none;
-  appearance: none;
-  margin: 0;
-  font: inherit;
-  font-weight: 400;
-  line-height: normal;
-  height: 37px;
-  border-radius: 4px;
-  padding: 4px 9px;
-  border: 1px solid #4b4e54;
-  background: #5c5f66;
-  color: #dedfe0;
-  box-shadow: inset 0 1px 0 #5a5d63, 0 1px 0 rgba(255, 255, 255, 0.1);
-  -webkit-transition: box-shadow 180ms, border 180ms;
-  -moz-transition: box-shadow 180ms, border 180ms;
-  transition: box-shadow 180ms, border 180ms; }
-  .tests-valo .v-textfield-color1.v-disabled {
-    opacity: 0.5;
-    filter: alpha(opacity=50); }
-  .tests-valo .v-textfield-color1:focus {
-    outline: none;
-    -webkit-transition: none;
-    -moz-transition: none;
-    transition: none;
-    border-color: #197de1;
-    box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #5a5d63, 0 1px 0 rgba(255, 255, 255, 0.1); }
-  .tests-valo .v-textfield-color1.v-textfield-prompt, .tests-valo .v-textfield-color1.v-textarea-prompt {
-    color: #9a9ea6; }
-.tests-valo .v-textfield-color2 {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  -ms-appearance: none;
-  -o-appearance: none;
-  appearance: none;
-  margin: 0;
-  font: inherit;
-  font-weight: 400;
-  line-height: normal;
-  height: 37px;
-  border-radius: 4px;
-  padding: 4px 9px;
-  border: 1px solid #329b15;
-  background: #3dbc1a;
-  color: #daefd4;
-  box-shadow: inset 0 1px 0 #3db51a, 0 1px 0 rgba(255, 255, 255, 0.1);
-  -webkit-transition: box-shadow 180ms, border 180ms;
-  -moz-transition: box-shadow 180ms, border 180ms;
-  transition: box-shadow 180ms, border 180ms; }
-  .tests-valo .v-textfield-color2.v-disabled {
-    opacity: 0.5;
-    filter: alpha(opacity=50); }
-  .tests-valo .v-textfield-color2:focus {
-    outline: none;
-    -webkit-transition: none;
-    -moz-transition: none;
-    transition: none;
-    border-color: #197de1;
-    box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #3db51a, 0 1px 0 rgba(255, 255, 255, 0.1); }
-  .tests-valo .v-textfield-color2.v-textfield-prompt, .tests-valo .v-textfield-color2.v-textarea-prompt {
-    color: #98ef80; }
-.tests-valo .v-textfield-color3 {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  -ms-appearance: none;
-  -o-appearance: none;
-  appearance: none;
-  margin: 0;
-  font: inherit;
-  font-weight: 400;
-  line-height: normal;
-  height: 37px;
-  border-radius: 4px;
-  padding: 4px 9px;
-  border: 1px solid #adc9c8;
-  background: #d2f4f3;
-  color: #285755;
-  box-shadow: inset 0 1px 0 #cbf1f0, 0 1px 0 rgba(255, 255, 255, 0.1);
-  -webkit-transition: box-shadow 180ms, border 180ms;
-  -moz-transition: box-shadow 180ms, border 180ms;
-  transition: box-shadow 180ms, border 180ms; }
-  .tests-valo .v-textfield-color3.v-disabled {
-    opacity: 0.5;
-    filter: alpha(opacity=50); }
-  .tests-valo .v-textfield-color3:focus {
-    outline: none;
-    -webkit-transition: none;
-    -moz-transition: none;
-    transition: none;
-    border-color: #197de1;
-    box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #cbf1f0, 0 1px 0 rgba(255, 255, 255, 0.1); }
-  .tests-valo .v-textfield-color3.v-textfield-prompt, .tests-valo .v-textfield-color3.v-textarea-prompt {
-    color: #6db5b4; }
-.tests-valo .v-textarea-color1 {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  -ms-appearance: none;
-  -o-appearance: none;
-  appearance: none;
-  margin: 0;
-  font: inherit;
-  font-weight: 400;
-  line-height: normal;
-  height: 37px;
-  border-radius: 4px;
-  padding: 6px;
-  border: 1px solid #4b4e54;
-  background: #5c5f66;
-  color: #dedfe0;
-  box-shadow: inset 0 1px 0 #5a5d63, 0 1px 0 rgba(255, 255, 255, 0.1);
-  -webkit-transition: box-shadow 180ms, border 180ms;
-  -moz-transition: box-shadow 180ms, border 180ms;
-  transition: box-shadow 180ms, border 180ms;
-  height: auto;
-  resize: none; }
-  .tests-valo .v-textarea-color1.v-disabled {
-    opacity: 0.5;
-    filter: alpha(opacity=50); }
-  .tests-valo .v-textarea-color1:focus {
-    outline: none;
-    -webkit-transition: none;
-    -moz-transition: none;
-    transition: none;
-    border-color: #197de1;
-    box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #5a5d63, 0 1px 0 rgba(255, 255, 255, 0.1); }
-  .tests-valo .v-textarea-color1.v-textfield-prompt, .tests-valo .v-textarea-color1.v-textarea-prompt {
-    color: #9a9ea6; }
-.tests-valo .v-textarea-color2 {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  -ms-appearance: none;
-  -o-appearance: none;
-  appearance: none;
-  margin: 0;
-  font: inherit;
-  font-weight: 400;
-  line-height: normal;
-  height: 37px;
-  border-radius: 4px;
-  padding: 6px;
-  border: 1px solid #329b15;
-  background: #3dbc1a;
-  color: #daefd4;
-  box-shadow: inset 0 1px 0 #3db51a, 0 1px 0 rgba(255, 255, 255, 0.1);
-  -webkit-transition: box-shadow 180ms, border 180ms;
-  -moz-transition: box-shadow 180ms, border 180ms;
-  transition: box-shadow 180ms, border 180ms;
-  height: auto;
-  resize: none; }
-  .tests-valo .v-textarea-color2.v-disabled {
-    opacity: 0.5;
-    filter: alpha(opacity=50); }
-  .tests-valo .v-textarea-color2:focus {
-    outline: none;
-    -webkit-transition: none;
-    -moz-transition: none;
-    transition: none;
-    border-color: #197de1;
-    box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #3db51a, 0 1px 0 rgba(255, 255, 255, 0.1); }
-  .tests-valo .v-textarea-color2.v-textfield-prompt, .tests-valo .v-textarea-color2.v-textarea-prompt {
-    color: #98ef80; }
-.tests-valo .v-textarea-color3 {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  -ms-appearance: none;
-  -o-appearance: none;
-  appearance: none;
-  margin: 0;
-  font: inherit;
-  font-weight: 400;
-  line-height: normal;
-  height: 37px;
-  border-radius: 4px;
-  padding: 6px;
-  border: 1px solid #adc9c8;
-  background: #d2f4f3;
-  color: #285755;
-  box-shadow: inset 0 1px 0 #cbf1f0, 0 1px 0 rgba(255, 255, 255, 0.1);
-  -webkit-transition: box-shadow 180ms, border 180ms;
-  -moz-transition: box-shadow 180ms, border 180ms;
-  transition: box-shadow 180ms, border 180ms;
-  height: auto;
-  resize: none; }
-  .tests-valo .v-textarea-color3.v-disabled {
-    opacity: 0.5;
-    filter: alpha(opacity=50); }
-  .tests-valo .v-textarea-color3:focus {
-    outline: none;
-    -webkit-transition: none;
-    -moz-transition: none;
-    transition: none;
-    border-color: #197de1;
-    box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #cbf1f0, 0 1px 0 rgba(255, 255, 255, 0.1); }
-  .tests-valo .v-textarea-color3.v-textfield-prompt, .tests-valo .v-textarea-color3.v-textarea-prompt {
-    color: #6db5b4; }
-.tests-valo .v-datefield-color1 {
-  height: 37px;
-  border-radius: 4px; }
-  .tests-valo .v-datefield-color1 .v-datefield-textfield {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    -ms-appearance: none;
-    -o-appearance: none;
-    appearance: none;
-    margin: 0;
-    font: inherit;
-    font-weight: 400;
-    line-height: normal;
-    height: 37px;
-    border-radius: 4px;
-    padding: 4px 9px;
-    border: 1px solid #4b4e54;
-    background: #5c5f66;
-    color: #dedfe0;
-    box-shadow: inset 0 1px 0 #5a5d63, 0 1px 0 rgba(255, 255, 255, 0.1);
-    -webkit-transition: box-shadow 180ms, border 180ms;
-    -moz-transition: box-shadow 180ms, border 180ms;
-    transition: box-shadow 180ms, border 180ms;
-    padding-left: 44.4px;
-    width: 100%;
-    height: 100%;
-    border-radius: inherit; }
-    .tests-valo .v-datefield-color1 .v-datefield-textfield.v-disabled {
-      opacity: 0.5;
-      filter: alpha(opacity=50); }
-    .tests-valo .v-datefield-color1 .v-datefield-textfield:focus {
-      outline: none;
-      -webkit-transition: none;
-      -moz-transition: none;
-      transition: none;
-      border-color: #197de1;
-      box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #5a5d63, 0 1px 0 rgba(255, 255, 255, 0.1); }
-    .tests-valo .v-datefield-color1 .v-datefield-textfield.v-textfield-prompt, .tests-valo .v-datefield-color1 .v-datefield-textfield.v-textarea-prompt {
-      color: #9a9ea6; }
-  .tests-valo .v-datefield-color1.v-datefield-prompt > .v-datefield-textfield {
-    color: #9a9ea6; }
-  .tests-valo .v-datefield-color1 .v-datefield-button {
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-    -webkit-touch-callout: none;
-    cursor: pointer;
-    -webkit-appearance: none;
-    background: transparent;
-    border: none;
-    padding: 0;
-    position: absolute;
-    z-index: 10;
-    top: 1px;
-    bottom: 1px;
-    left: 1px;
-    width: 37px;
-    line-height: 35px;
-    text-align: center;
-    cursor: pointer;
-    font: inherit;
-    border-right: 1px solid #53565d;
-    outline: none;
-    margin: 0;
-    border-radius: 3px 0 0 3px; }
-    .tests-valo .v-datefield-color1 .v-datefield-button:before {
-      font-family: FontAwesome;
-      content: "\f073";
-      color: #dedfe0;
-      color: #9d9fa3;
-      -webkit-transition: color 140ms;
-      -moz-transition: color 140ms;
-      transition: color 140ms; }
-    .tests-valo .v-datefield-color1 .v-datefield-button:hover:before {
-      color: #dedfe0; }
-    .tests-valo .v-datefield-color1 .v-datefield-button:active:after {
-      content: "";
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      background-color: rgba(44, 47, 53, 0.2);
-      border-radius: inherit; }
-  .tests-valo .v-datefield-color1.v-disabled {
-    opacity: 0.5;
-    filter: alpha(opacity=50); }
-    .tests-valo .v-datefield-color1.v-disabled .v-datefield-button {
-      cursor: default;
-      pointer-events: none; }
-      .tests-valo .v-datefield-color1.v-disabled .v-datefield-button:active:after {
-        display: none; }
-  .tests-valo .v-datefield-color1.v-readonly .v-datefield-textfield {
-    background: transparent;
-    box-shadow: none; }
-    .tests-valo .v-datefield-color1.v-readonly .v-datefield-textfield:focus {
-      box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-  .tests-valo .v-datefield-color1.v-readonly .v-datefield-button {
-    cursor: default;
-    pointer-events: none; }
-    .tests-valo .v-datefield-color1.v-readonly .v-datefield-button:active:after {
-      display: none; }
-.tests-valo .v-datefield-color2 {
-  height: 37px;
-  border-radius: 4px; }
-  .tests-valo .v-datefield-color2 .v-datefield-textfield {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    -ms-appearance: none;
-    -o-appearance: none;
-    appearance: none;
-    margin: 0;
-    font: inherit;
-    font-weight: 400;
-    line-height: normal;
-    height: 37px;
-    border-radius: 4px;
-    padding: 4px 9px;
-    border: 1px solid #329b15;
-    background: #3dbc1a;
-    color: #daefd4;
-    box-shadow: inset 0 1px 0 #3db51a, 0 1px 0 rgba(255, 255, 255, 0.1);
-    -webkit-transition: box-shadow 180ms, border 180ms;
-    -moz-transition: box-shadow 180ms, border 180ms;
-    transition: box-shadow 180ms, border 180ms;
-    padding-left: 44.4px;
-    width: 100%;
-    height: 100%;
-    border-radius: inherit; }
-    .tests-valo .v-datefield-color2 .v-datefield-textfield.v-disabled {
-      opacity: 0.5;
-      filter: alpha(opacity=50); }
-    .tests-valo .v-datefield-color2 .v-datefield-textfield:focus {
-      outline: none;
-      -webkit-transition: none;
-      -moz-transition: none;
-      transition: none;
-      border-color: #197de1;
-      box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #3db51a, 0 1px 0 rgba(255, 255, 255, 0.1); }
-    .tests-valo .v-datefield-color2 .v-datefield-textfield.v-textfield-prompt, .tests-valo .v-datefield-color2 .v-datefield-textfield.v-textarea-prompt {
-      color: #98ef80; }
-  .tests-valo .v-datefield-color2.v-datefield-prompt > .v-datefield-textfield {
-    color: #98ef80; }
-  .tests-valo .v-datefield-color2 .v-datefield-button {
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-    -webkit-touch-callout: none;
-    cursor: pointer;
-    -webkit-appearance: none;
-    background: transparent;
-    border: none;
-    padding: 0;
-    position: absolute;
-    z-index: 10;
-    top: 1px;
-    bottom: 1px;
-    left: 1px;
-    width: 37px;
-    line-height: 35px;
-    text-align: center;
-    cursor: pointer;
-    font: inherit;
-    border-right: 1px solid #37ab17;
-    outline: none;
-    margin: 0;
-    border-radius: 3px 0 0 3px; }
-    .tests-valo .v-datefield-color2 .v-datefield-button:before {
-      font-family: FontAwesome;
-      content: "\f073";
-      color: #daefd4;
-      color: #8bd577;
-      -webkit-transition: color 140ms;
-      -moz-transition: color 140ms;
-      transition: color 140ms; }
-    .tests-valo .v-datefield-color2 .v-datefield-button:hover:before {
-      color: #daefd4; }
-    .tests-valo .v-datefield-color2 .v-datefield-button:active:after {
-      content: "";
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      background-color: rgba(25, 104, 3, 0.2);
-      border-radius: inherit; }
-  .tests-valo .v-datefield-color2.v-disabled {
-    opacity: 0.5;
-    filter: alpha(opacity=50); }
-    .tests-valo .v-datefield-color2.v-disabled .v-datefield-button {
-      cursor: default;
-      pointer-events: none; }
-      .tests-valo .v-datefield-color2.v-disabled .v-datefield-button:active:after {
-        display: none; }
-  .tests-valo .v-datefield-color2.v-readonly .v-datefield-textfield {
-    background: transparent;
-    box-shadow: none; }
-    .tests-valo .v-datefield-color2.v-readonly .v-datefield-textfield:focus {
-      box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-  .tests-valo .v-datefield-color2.v-readonly .v-datefield-button {
-    cursor: default;
-    pointer-events: none; }
-    .tests-valo .v-datefield-color2.v-readonly .v-datefield-button:active:after {
-      display: none; }
-.tests-valo .v-datefield-color3 {
-  height: 37px;
-  border-radius: 4px; }
-  .tests-valo .v-datefield-color3 .v-datefield-textfield {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    -ms-appearance: none;
-    -o-appearance: none;
-    appearance: none;
-    margin: 0;
-    font: inherit;
-    font-weight: 400;
-    line-height: normal;
-    height: 37px;
-    border-radius: 4px;
-    padding: 4px 9px;
-    border: 1px solid #adc9c8;
-    background: #d2f4f3;
-    color: #285755;
-    box-shadow: inset 0 1px 0 #cbf1f0, 0 1px 0 rgba(255, 255, 255, 0.1);
-    -webkit-transition: box-shadow 180ms, border 180ms;
-    -moz-transition: box-shadow 180ms, border 180ms;
-    transition: box-shadow 180ms, border 180ms;
-    padding-left: 44.4px;
-    width: 100%;
-    height: 100%;
-    border-radius: inherit; }
-    .tests-valo .v-datefield-color3 .v-datefield-textfield.v-disabled {
-      opacity: 0.5;
-      filter: alpha(opacity=50); }
-    .tests-valo .v-datefield-color3 .v-datefield-textfield:focus {
-      outline: none;
-      -webkit-transition: none;
-      -moz-transition: none;
-      transition: none;
-      border-color: #197de1;
-      box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #cbf1f0, 0 1px 0 rgba(255, 255, 255, 0.1); }
-    .tests-valo .v-datefield-color3 .v-datefield-textfield.v-textfield-prompt, .tests-valo .v-datefield-color3 .v-datefield-textfield.v-textarea-prompt {
-      color: #6db5b4; }
-  .tests-valo .v-datefield-color3.v-datefield-prompt > .v-datefield-textfield {
-    color: #6db5b4; }
-  .tests-valo .v-datefield-color3 .v-datefield-button {
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-    -webkit-touch-callout: none;
-    cursor: pointer;
-    -webkit-appearance: none;
-    background: transparent;
-    border: none;
-    padding: 0;
-    position: absolute;
-    z-index: 10;
-    top: 1px;
-    bottom: 1px;
-    left: 1px;
-    width: 37px;
-    line-height: 35px;
-    text-align: center;
-    cursor: pointer;
-    font: inherit;
-    border-right: 1px solid #bfdedd;
-    outline: none;
-    margin: 0;
-    border-radius: 3px 0 0 3px; }
-    .tests-valo .v-datefield-color3 .v-datefield-button:before {
-      font-family: FontAwesome;
-      content: "\f073";
-      color: #285755;
-      color: #7da5a4;
-      -webkit-transition: color 140ms;
-      -moz-transition: color 140ms;
-      transition: color 140ms; }
-    .tests-valo .v-datefield-color3 .v-datefield-button:hover:before {
-      color: #285755; }
-    .tests-valo .v-datefield-color3 .v-datefield-button:active:after {
-      content: "";
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      background-color: rgba(18, 209, 204, 0.2);
-      border-radius: inherit; }
-  .tests-valo .v-datefield-color3.v-disabled {
-    opacity: 0.5;
-    filter: alpha(opacity=50); }
-    .tests-valo .v-datefield-color3.v-disabled .v-datefield-button {
-      cursor: default;
-      pointer-events: none; }
-      .tests-valo .v-datefield-color3.v-disabled .v-datefield-button:active:after {
-        display: none; }
-  .tests-valo .v-datefield-color3.v-readonly .v-datefield-textfield {
-    background: transparent;
-    box-shadow: none; }
-    .tests-valo .v-datefield-color3.v-readonly .v-datefield-textfield:focus {
-      box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-  .tests-valo .v-datefield-color3.v-readonly .v-datefield-button {
-    cursor: default;
-    pointer-events: none; }
-    .tests-valo .v-datefield-color3.v-readonly .v-datefield-button:active:after {
-      display: none; }
-.tests-valo .v-filterselect-color1 {
-  height: 37px;
-  border-radius: 4px; }
-  .tests-valo .v-filterselect-color1 .v-filterselect-input {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    -ms-appearance: none;
-    -o-appearance: none;
-    appearance: none;
-    margin: 0;
-    font: inherit;
-    font-weight: 400;
-    line-height: normal;
-    height: 37px;
-    border-radius: 4px;
-    padding: 4px 9px;
-    border: 1px solid #4b4e54;
-    background: #5c5f66;
-    color: #dedfe0;
-    box-shadow: inset 0 1px 0 #5a5d63, 0 1px 0 rgba(255, 255, 255, 0.1);
-    -webkit-transition: box-shadow 180ms, border 180ms;
-    -moz-transition: box-shadow 180ms, border 180ms;
-    transition: box-shadow 180ms, border 180ms;
-    width: 100% !important;
-    height: 100%;
-    padding-right: 44px;
-    border-radius: inherit; }
-    .tests-valo .v-filterselect-color1 .v-filterselect-input.v-disabled {
-      opacity: 0.5;
-      filter: alpha(opacity=50); }
-    .tests-valo .v-filterselect-color1 .v-filterselect-input:focus {
-      outline: none;
-      -webkit-transition: none;
-      -moz-transition: none;
-      transition: none;
-      border-color: #197de1;
-      box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #5a5d63, 0 1px 0 rgba(255, 255, 255, 0.1); }
-    .tests-valo .v-filterselect-color1 .v-filterselect-input.v-textfield-prompt, .tests-valo .v-filterselect-color1 .v-filterselect-input.v-textarea-prompt {
-      color: #9a9ea6; }
-  .tests-valo .v-filterselect-color1 .v-icon + .v-filterselect-input {
-    padding-left: 37px; }
-  .tests-valo .v-filterselect-color1 img.v-icon {
-    max-height: 37px;
-    margin-left: 9px; }
-  .tests-valo .v-filterselect-color1 span.v-icon {
-    color: #dedfe0;
-    width: 37px; }
-  .tests-valo .v-filterselect-color1.v-filterselect-prompt > .v-filterselect-input {
-    color: #9a9ea6; }
-  .tests-valo .v-filterselect-color1 .v-filterselect-button {
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-    -webkit-touch-callout: none;
-    cursor: pointer;
-    position: absolute;
-    top: 1px;
-    right: 1px;
-    bottom: 1px;
-    width: 37px;
-    cursor: pointer;
-    border-left: 1px solid #53565d;
-    border-radius: 0 3px 3px 0; }
-    .v-ie8 .tests-valo .v-filterselect-color1 .v-filterselect-button {
-      background-color: #5c5f66; }
-    .tests-valo .v-filterselect-color1 .v-filterselect-button:before {
-      font-family: FontAwesome;
-      content: "\f078";
-      color: #dedfe0;
-      color: #9d9fa3;
-      -webkit-transition: color 140ms;
-      -moz-transition: color 140ms;
-      transition: color 140ms;
-      position: absolute;
-      width: 37px;
-      text-align: center;
-      top: 50%;
-      line-height: 1;
-      margin-top: -.47em; }
-    .tests-valo .v-filterselect-color1 .v-filterselect-button:hover:before {
-      color: #dedfe0; }
-    .tests-valo .v-filterselect-color1 .v-filterselect-button:active:after {
-      content: "";
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      border-radius: inherit;
-      background-color: rgba(44, 47, 53, 0.2); }
-  .tests-valo .v-filterselect-color1.v-disabled {
-    opacity: 0.5;
-    filter: alpha(opacity=50); }
-    .tests-valo .v-filterselect-color1.v-disabled .v-filterselect-button {
-      cursor: default;
-      pointer-events: none; }
-      .tests-valo .v-filterselect-color1.v-disabled .v-filterselect-button:active:after {
-        display: none; }
-  .tests-valo .v-filterselect-color1.v-readonly .v-filterselect-input {
-    background: transparent;
-    box-shadow: none; }
-    .tests-valo .v-filterselect-color1.v-readonly .v-filterselect-input:focus {
-      box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-  .tests-valo .v-filterselect-color1.v-readonly .v-filterselect-button {
-    cursor: default;
-    pointer-events: none; }
-    .tests-valo .v-filterselect-color1.v-readonly .v-filterselect-button:active:after {
-      display: none; }
-.tests-valo .v-filterselect-color2 {
-  height: 37px;
-  border-radius: 4px; }
-  .tests-valo .v-filterselect-color2 .v-filterselect-input {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    -ms-appearance: none;
-    -o-appearance: none;
-    appearance: none;
-    margin: 0;
-    font: inherit;
-    font-weight: 400;
-    line-height: normal;
-    height: 37px;
-    border-radius: 4px;
-    padding: 4px 9px;
-    border: 1px solid #329b15;
-    background: #3dbc1a;
-    color: #daefd4;
-    box-shadow: inset 0 1px 0 #3db51a, 0 1px 0 rgba(255, 255, 255, 0.1);
-    -webkit-transition: box-shadow 180ms, border 180ms;
-    -moz-transition: box-shadow 180ms, border 180ms;
-    transition: box-shadow 180ms, border 180ms;
-    width: 100% !important;
-    height: 100%;
-    padding-right: 44px;
-    border-radius: inherit; }
-    .tests-valo .v-filterselect-color2 .v-filterselect-input.v-disabled {
-      opacity: 0.5;
-      filter: alpha(opacity=50); }
-    .tests-valo .v-filterselect-color2 .v-filterselect-input:focus {
-      outline: none;
-      -webkit-transition: none;
-      -moz-transition: none;
-      transition: none;
-      border-color: #197de1;
-      box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #3db51a, 0 1px 0 rgba(255, 255, 255, 0.1); }
-    .tests-valo .v-filterselect-color2 .v-filterselect-input.v-textfield-prompt, .tests-valo .v-filterselect-color2 .v-filterselect-input.v-textarea-prompt {
-      color: #98ef80; }
-  .tests-valo .v-filterselect-color2 .v-icon + .v-filterselect-input {
-    padding-left: 37px; }
-  .tests-valo .v-filterselect-color2 img.v-icon {
-    max-height: 37px;
-    margin-left: 9px; }
-  .tests-valo .v-filterselect-color2 span.v-icon {
-    color: #daefd4;
-    width: 37px; }
-  .tests-valo .v-filterselect-color2.v-filterselect-prompt > .v-filterselect-input {
-    color: #98ef80; }
-  .tests-valo .v-filterselect-color2 .v-filterselect-button {
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-    -webkit-touch-callout: none;
-    cursor: pointer;
-    position: absolute;
-    top: 1px;
-    right: 1px;
-    bottom: 1px;
-    width: 37px;
-    cursor: pointer;
-    border-left: 1px solid #37ab17;
-    border-radius: 0 3px 3px 0; }
-    .v-ie8 .tests-valo .v-filterselect-color2 .v-filterselect-button {
-      background-color: #3dbc1a; }
-    .tests-valo .v-filterselect-color2 .v-filterselect-button:before {
-      font-family: FontAwesome;
-      content: "\f078";
-      color: #daefd4;
-      color: #8bd577;
-      -webkit-transition: color 140ms;
-      -moz-transition: color 140ms;
-      transition: color 140ms;
-      position: absolute;
-      width: 37px;
-      text-align: center;
-      top: 50%;
-      line-height: 1;
-      margin-top: -.47em; }
-    .tests-valo .v-filterselect-color2 .v-filterselect-button:hover:before {
-      color: #daefd4; }
-    .tests-valo .v-filterselect-color2 .v-filterselect-button:active:after {
-      content: "";
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      border-radius: inherit;
-      background-color: rgba(25, 104, 3, 0.2); }
-  .tests-valo .v-filterselect-color2.v-disabled {
-    opacity: 0.5;
-    filter: alpha(opacity=50); }
-    .tests-valo .v-filterselect-color2.v-disabled .v-filterselect-button {
-      cursor: default;
-      pointer-events: none; }
-      .tests-valo .v-filterselect-color2.v-disabled .v-filterselect-button:active:after {
-        display: none; }
-  .tests-valo .v-filterselect-color2.v-readonly .v-filterselect-input {
-    background: transparent;
-    box-shadow: none; }
-    .tests-valo .v-filterselect-color2.v-readonly .v-filterselect-input:focus {
-      box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-  .tests-valo .v-filterselect-color2.v-readonly .v-filterselect-button {
-    cursor: default;
-    pointer-events: none; }
-    .tests-valo .v-filterselect-color2.v-readonly .v-filterselect-button:active:after {
-      display: none; }
-.tests-valo .v-filterselect-color3 {
-  height: 37px;
-  border-radius: 4px; }
-  .tests-valo .v-filterselect-color3 .v-filterselect-input {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    -ms-appearance: none;
-    -o-appearance: none;
-    appearance: none;
-    margin: 0;
-    font: inherit;
-    font-weight: 400;
-    line-height: normal;
-    height: 37px;
-    border-radius: 4px;
-    padding: 4px 9px;
-    border: 1px solid #adc9c8;
-    background: #d2f4f3;
-    color: #285755;
-    box-shadow: inset 0 1px 0 #cbf1f0, 0 1px 0 rgba(255, 255, 255, 0.1);
-    -webkit-transition: box-shadow 180ms, border 180ms;
-    -moz-transition: box-shadow 180ms, border 180ms;
-    transition: box-shadow 180ms, border 180ms;
-    width: 100% !important;
-    height: 100%;
-    padding-right: 44px;
-    border-radius: inherit; }
-    .tests-valo .v-filterselect-color3 .v-filterselect-input.v-disabled {
-      opacity: 0.5;
-      filter: alpha(opacity=50); }
-    .tests-valo .v-filterselect-color3 .v-filterselect-input:focus {
-      outline: none;
-      -webkit-transition: none;
-      -moz-transition: none;
-      transition: none;
-      border-color: #197de1;
-      box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #cbf1f0, 0 1px 0 rgba(255, 255, 255, 0.1); }
-    .tests-valo .v-filterselect-color3 .v-filterselect-input.v-textfield-prompt, .tests-valo .v-filterselect-color3 .v-filterselect-input.v-textarea-prompt {
-      color: #6db5b4; }
-  .tests-valo .v-filterselect-color3 .v-icon + .v-filterselect-input {
-    padding-left: 37px; }
-  .tests-valo .v-filterselect-color3 img.v-icon {
-    max-height: 37px;
-    margin-left: 9px; }
-  .tests-valo .v-filterselect-color3 span.v-icon {
-    color: #285755;
-    width: 37px; }
-  .tests-valo .v-filterselect-color3.v-filterselect-prompt > .v-filterselect-input {
-    color: #6db5b4; }
-  .tests-valo .v-filterselect-color3 .v-filterselect-button {
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-    -webkit-touch-callout: none;
-    cursor: pointer;
-    position: absolute;
-    top: 1px;
-    right: 1px;
-    bottom: 1px;
-    width: 37px;
-    cursor: pointer;
-    border-left: 1px solid #bfdedd;
-    border-radius: 0 3px 3px 0; }
-    .v-ie8 .tests-valo .v-filterselect-color3 .v-filterselect-button {
-      background-color: #d2f4f3; }
-    .tests-valo .v-filterselect-color3 .v-filterselect-button:before {
-      font-family: FontAwesome;
-      content: "\f078";
-      color: #285755;
-      color: #7da5a4;
-      -webkit-transition: color 140ms;
-      -moz-transition: color 140ms;
-      transition: color 140ms;
-      position: absolute;
-      width: 37px;
-      text-align: center;
-      top: 50%;
-      line-height: 1;
-      margin-top: -.47em; }
-    .tests-valo .v-filterselect-color3 .v-filterselect-button:hover:before {
-      color: #285755; }
-    .tests-valo .v-filterselect-color3 .v-filterselect-button:active:after {
-      content: "";
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      border-radius: inherit;
-      background-color: rgba(18, 209, 204, 0.2); }
-  .tests-valo .v-filterselect-color3.v-disabled {
-    opacity: 0.5;
-    filter: alpha(opacity=50); }
-    .tests-valo .v-filterselect-color3.v-disabled .v-filterselect-button {
-      cursor: default;
-      pointer-events: none; }
-      .tests-valo .v-filterselect-color3.v-disabled .v-filterselect-button:active:after {
-        display: none; }
-  .tests-valo .v-filterselect-color3.v-readonly .v-filterselect-input {
-    background: transparent;
-    box-shadow: none; }
-    .tests-valo .v-filterselect-color3.v-readonly .v-filterselect-input:focus {
-      box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-  .tests-valo .v-filterselect-color3.v-readonly .v-filterselect-button {
-    cursor: default;
-    pointer-events: none; }
-    .tests-valo .v-filterselect-color3.v-readonly .v-filterselect-button:active:after {
-      display: none; }
-.tests-valo .v-checkbox-color1 {
-  position: relative;
-  line-height: 19px;
-  white-space: nowrap; }
-  .tests-valo .v-checkbox-color1.v-has-width label {
-    white-space: normal; }
-  :root .tests-valo .v-checkbox-color1 {
-    padding-left: 25px; }
-    :root .tests-valo .v-checkbox-color1 label {
-      -webkit-user-select: none;
-      -moz-user-select: none;
-      -ms-user-select: none;
-      user-select: none;
-      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-      -webkit-touch-callout: none;
-      cursor: pointer; }
-  :root .tests-valo .v-checkbox-color1 > input {
-    position: absolute;
-    clip: rect(0, 0, 0, 0);
-    left: .2em;
-    top: .2em;
-    z-index: 0;
-    margin: 0; }
-    :root .tests-valo .v-checkbox-color1 > input:focus ~ label:before {
-      border: 1px solid #4b4e54;
-      box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #787878, inset 0 -1px 0 #4e5157, 0 2px 3px rgba(0, 0, 0, 0.05); }
-    :root .tests-valo .v-checkbox-color1 > input ~ label:before, :root .tests-valo .v-checkbox-color1 > input ~ label:after {
-      content: "";
-      display: inline-block;
-      -webkit-box-sizing: border-box;
-      -moz-box-sizing: border-box;
-      box-sizing: border-box;
-      width: 19px;
-      height: 19px;
-      position: absolute;
-      top: 0;
-      left: 0;
-      border-radius: 4px;
-      font-size: 13px;
-      text-align: center; }
-    :root .tests-valo .v-checkbox-color1 > input ~ label:before {
-      height: 18.5px;
-      padding: 0 9px;
-      color: #efeff0;
-      font-weight: 400;
-      border-radius: 4px;
-      border: 1px solid #4b4e54;
-      border-top-color: #51545a;
-      border-bottom-color: #424449;
-      background-color: #5c5f66;
-      background-image: -webkit-linear-gradient(top, #63666e 2%, #505359 98%);
-      background-image: linear-gradient(to bottom,#63666e 2%, #505359 98%);
-      box-shadow: inset 0 1px 0 #787878, inset 0 -1px 0 #4e5157, 0 2px 3px rgba(0, 0, 0, 0.05);
-      text-shadow: 0 -1px 0 #5c5f66;
-      padding: 0;
-      height: 19px; }
-      :root .tests-valo .v-checkbox-color1 > input ~ label:before:after {
-        border: inherit;
-        top: -1px;
-        right: -1px;
-        bottom: -1px;
-        left: -1px; }
-      :root .tests-valo .v-checkbox-color1 > input ~ label:before:hover:after {
-        background-color: rgba(129, 133, 141, 0.1); }
-      :root .tests-valo .v-checkbox-color1 > input ~ label:before:focus:after {
-        border: inherit;
-        box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-      :root .tests-valo .v-checkbox-color1 > input ~ label:before:active:after {
-        background-color: rgba(44, 47, 53, 0.2); }
-    :root .tests-valo .v-checkbox-color1 > input ~ label:after {
-      content: "\f00c";
-      font-family: FontAwesome;
-      color: transparent;
-      -webkit-transition: color 100ms;
-      -moz-transition: color 100ms;
-      transition: color 100ms; }
-    :root .tests-valo .v-checkbox-color1 > input:active ~ label:after {
-      background-color: rgba(44, 47, 53, 0.2); }
-    :root .tests-valo .v-checkbox-color1 > input:checked ~ label:after {
-      color: white; }
-    :root .tests-valo .v-checkbox-color1 > input[disabled] ~ label,
-    :root .tests-valo .v-checkbox-color1 > input[disabled] ~ label .v-icon,
-    :root .tests-valo .v-checkbox-color1 > input[disabled] ~ .v-icon {
-      cursor: default; }
-    :root .tests-valo .v-checkbox-color1 > input[disabled] ~ label:before,
-    :root .tests-valo .v-checkbox-color1 > input[disabled] ~ label:after {
-      opacity: 0.5;
-      filter: alpha(opacity=50); }
-    :root .tests-valo .v-checkbox-color1 > input[disabled]:active ~ label:after {
-      background: transparent; }
-  .tests-valo .v-checkbox-color1 > .v-icon, .tests-valo .v-checkbox-color1 > label .v-icon {
-    margin: 0 6px 0 3px;
-    min-width: 1em;
-    cursor: pointer; }
-.tests-valo .v-checkbox-color2 {
-  position: relative;
-  line-height: 19px;
-  white-space: nowrap; }
-  .tests-valo .v-checkbox-color2.v-has-width label {
-    white-space: normal; }
-  :root .tests-valo .v-checkbox-color2 {
-    padding-left: 25px; }
-    :root .tests-valo .v-checkbox-color2 label {
-      -webkit-user-select: none;
-      -moz-user-select: none;
-      -ms-user-select: none;
-      user-select: none;
-      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-      -webkit-touch-callout: none;
-      cursor: pointer; }
-  :root .tests-valo .v-checkbox-color2 > input {
-    position: absolute;
-    clip: rect(0, 0, 0, 0);
-    left: .2em;
-    top: .2em;
-    z-index: 0;
-    margin: 0; }
-    :root .tests-valo .v-checkbox-color2 > input:focus ~ label:before {
-      border: 1px solid #4c5e9e;
-      box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #8795c9, inset 0 -1px 0 #5062ad, 0 2px 3px rgba(0, 0, 0, 0.05); }
-    :root .tests-valo .v-checkbox-color2 > input ~ label:before, :root .tests-valo .v-checkbox-color2 > input ~ label:after {
-      content: "";
-      display: inline-block;
-      -webkit-box-sizing: border-box;
-      -moz-box-sizing: border-box;
-      box-sizing: border-box;
-      width: 19px;
-      height: 19px;
-      position: absolute;
-      top: 0;
-      left: 0;
-      border-radius: 4px;
-      font-size: 13px;
-      text-align: center; }
-    :root .tests-valo .v-checkbox-color2 > input ~ label:before {
-      height: 18.5px;
-      padding: 0 9px;
-      color: #f1f2f6;
-      font-weight: 400;
-      border-radius: 4px;
-      border: 1px solid #4c5e9e;
-      border-top-color: #5266a2;
-      border-bottom-color: #425292;
-      background-color: #5d73c0;
-      background-image: -webkit-linear-gradient(top, #647cc5 2%, #5164b2 98%);
-      background-image: linear-gradient(to bottom,#647cc5 2%, #5164b2 98%);
-      box-shadow: inset 0 1px 0 #8795c9, inset 0 -1px 0 #5062ad, 0 2px 3px rgba(0, 0, 0, 0.05);
-      text-shadow: 0 -1px 0 #5d73c0;
-      padding: 0;
-      height: 19px; }
-      :root .tests-valo .v-checkbox-color2 > input ~ label:before:after {
-        border: inherit;
-        top: -1px;
-        right: -1px;
-        bottom: -1px;
-        left: -1px; }
-      :root .tests-valo .v-checkbox-color2 > input ~ label:before:hover:after {
-        background-color: rgba(148, 163, 213, 0.1); }
-      :root .tests-valo .v-checkbox-color2 > input ~ label:before:focus:after {
-        border: inherit;
-        box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-      :root .tests-valo .v-checkbox-color2 > input ~ label:before:active:after {
-        background-color: rgba(22, 44, 120, 0.2); }
-    :root .tests-valo .v-checkbox-color2 > input ~ label:after {
-      content: "\f00c";
-      font-family: FontAwesome;
-      color: transparent;
-      -webkit-transition: color 100ms;
-      -moz-transition: color 100ms;
-      transition: color 100ms; }
-    :root .tests-valo .v-checkbox-color2 > input:active ~ label:after {
-      background-color: rgba(22, 44, 120, 0.2); }
-    :root .tests-valo .v-checkbox-color2 > input:checked ~ label:after {
-      color: white; }
-    :root .tests-valo .v-checkbox-color2 > input[disabled] ~ label,
-    :root .tests-valo .v-checkbox-color2 > input[disabled] ~ label .v-icon,
-    :root .tests-valo .v-checkbox-color2 > input[disabled] ~ .v-icon {
-      cursor: default; }
-    :root .tests-valo .v-checkbox-color2 > input[disabled] ~ label:before,
-    :root .tests-valo .v-checkbox-color2 > input[disabled] ~ label:after {
-      opacity: 0.5;
-      filter: alpha(opacity=50); }
-    :root .tests-valo .v-checkbox-color2 > input[disabled]:active ~ label:after {
-      background: transparent; }
-  .tests-valo .v-checkbox-color2 > .v-icon, .tests-valo .v-checkbox-color2 > label .v-icon {
-    margin: 0 6px 0 3px;
-    min-width: 1em;
-    cursor: pointer; }
-.tests-valo .v-slider-color1 .v-slider-handle:before {
-  color: #efeff0;
-  font-weight: 400;
-  border: 1px solid #4b4e54;
-  border-top-color: #51545a;
-  border-bottom-color: #424449;
-  background-color: #5c5f66;
-  background-image: -webkit-linear-gradient(top, #63666e 2%, #505359 98%);
-  background-image: linear-gradient(to bottom,#63666e 2%, #505359 98%);
-  box-shadow: inset 0 1px 0 #787878, inset 0 -1px 0 #4e5157, 0 2px 3px rgba(0, 0, 0, 0.05);
-  text-shadow: 0 -1px 0 #5c5f66; }
-  .tests-valo .v-slider-color1 .v-slider-handle:before:after {
-    border: inherit;
-    top: -1px;
-    right: -1px;
-    bottom: -1px;
-    left: -1px; }
-  .tests-valo .v-slider-color1 .v-slider-handle:before:hover:after {
-    background-color: rgba(129, 133, 141, 0.1); }
-  .tests-valo .v-slider-color1 .v-slider-handle:before:focus:after {
-    border: inherit;
-    box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-  .tests-valo .v-slider-color1 .v-slider-handle:before:active:after {
-    background-color: rgba(44, 47, 53, 0.2); }
-.tests-valo .v-slider-color1 .v-slider-handle:after {
-  border: 1px solid #4b4e54;
-  border: inherit;
-  box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5); }
-.tests-valo .v-slider-color2 .v-slider-base {
-  border-radius: 4px;
-  height: 9px;
-  background-color: #3a9c20;
-  background-image: -webkit-linear-gradient(bottom, #3ea322 2%, #328e1b 98%);
-  background-image: linear-gradient(to top,#3ea322 2%, #328e1b 98%);
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  height: 6px; }
-.tests-valo .v-slider-color2.v-slider-vertical .v-slider-base {
-  background-color: #3a9c20;
-  background-image: -webkit-linear-gradient(right, #3ea322 2%, #328e1b 98%);
-  background-image: linear-gradient(to left,#3ea322 2%, #328e1b 98%); }
-.tests-valo .v-slider-color3 .v-slider-base:before {
-  border-color: #b5b518; }
-.tests-valo .v-slider-color3 .v-slider-base:after {
-  border-radius: 4px;
-  height: inherit;
-  background-color: #dcdc1e;
-  background-image: -webkit-linear-gradient(top, #dede20 2%, #d0d019 98%);
-  background-image: linear-gradient(to bottom,#dede20 2%, #d0d019 98%);
-  border: 1px solid #b5b518;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  max-width: 100%; }
-.tests-valo .v-slider-color3.v-slider-vertical .v-slider-base:after {
-  background-color: #dcdc1e;
-  background-image: -webkit-linear-gradient(left, #dede20 2%, #d0d019 98%);
-  background-image: linear-gradient(to right,#dede20 2%, #d0d019 98%); }
-.tests-valo .v-slider-no-indicator .v-slider-base:before,
-.tests-valo .v-slider-no-indicator .v-slider-base:after {
-  display: none; }
-.tests-valo .v-panel-caption-color1 {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  padding: 0 12px;
-  line-height: 36px;
-  border-bottom: 1px solid #53565d;
-  border-radius: 3px 3px 0 0;
-  background-color: #5c5f66;
-  background-image: -webkit-linear-gradient(top, #5d6068 2%, #595c62 98%);
-  background-image: linear-gradient(to bottom,#5d6068 2%, #595c62 98%);
-  color: #dedfe0;
-  font-weight: 400;
-  font-size: 14px;
-  box-shadow: inset 0 1px 0 #727272;
-  text-shadow: 0 -1px 0 #5c5f66; }
-.tests-valo .v-panel-caption-color2 {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  padding: 0 12px;
-  line-height: 36px;
-  border-bottom: 1px solid #37ab17;
-  border-radius: 3px 3px 0 0;
-  background-color: #3dbc1a;
-  background-image: -webkit-linear-gradient(top, #3ebd1a 2%, #3ab818 98%);
-  background-image: linear-gradient(to bottom,#3ebd1a 2%, #3ab818 98%);
-  color: #daefd4;
-  font-weight: 400;
-  font-size: 14px;
-  box-shadow: inset 0 1px 0 #50cd2d;
-  text-shadow: 0 -1px 0 #3dbc1a; }
-.tests-valo .v-panel-caption-color3 {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  padding: 0 12px;
-  line-height: 36px;
-  border-bottom: 1px solid #e78326;
-  border-radius: 3px 3px 0 0;
-  background-color: #fe902a;
-  background-image: -webkit-linear-gradient(top, #fe922a 2%, #fa8b28 98%);
-  background-image: linear-gradient(to bottom,#fe922a 2%, #fa8b28 98%);
-  color: #f6e9dd;
-  font-weight: 400;
-  font-size: 14px;
-  box-shadow: inset 0 1px 0 #fea255;
-  text-shadow: 0 -1px 0 #fe902a; }
-.tests-valo .v-splitpanel-vertical,
-.tests-valo .v-splitpanel-horizontal {
-  outline: 1px dotted rgba(128, 128, 128, 0.2); }
-.tests-valo .v-slider-ticks:before {
-  content: "";
-  height: 15%;
-  position: absolute;
-  background-color: transparent;
-  background-image: -webkit-linear-gradient(left, #dbdbdb 1px, transparent 1px);
-  background-image: linear-gradient(to right,#dbdbdb 1px, transparent 1px);
-  background-repeat: repeat-x;
-  background-size: 24.9% 100%;
-  left: 11px;
-  right: 11px; }
-.tests-valo .v-slider-ticks.v-slider-vertical:before {
-  height: auto;
-  width: 15%;
-  background-color: transparent;
-  background-image: -webkit-linear-gradient(top, #dbdbdb 1px, transparent 1px);
-  background-image: linear-gradient(to bottom,#dbdbdb 1px, transparent 1px);
-  background-repeat: repeat-y;
-  background-size: 100% 24.99%;
-  right: auto;
-  left: 0;
-  top: 11px;
-  bottom: 11px; }

diff --git a/WebContent/VAADIN/themes/tests-valo/styles.scss b/WebContent/VAADIN/themes/tests-valo/styles.scss
index 2c825cc245372e34d7a6cada72ce95c25f9a5241..a151fbf318f2be0052d539c851f5f3c1287555b1 100644 (file)
--- a/WebContent/VAADIN/themes/tests-valo/styles.scss
+++ b/WebContent/VAADIN/themes/tests-valo/styles.scss
@@ -130,4 +130,8 @@
   .v-slider-ticks {
     @include valo-slider-ticks($tick-count: 5);
   }
+
+  .v-accordion-item-color1 .v-accordion-item-caption {
+    @include valo-accordion-item-caption-style($background-color: $color2);
+  }
 }

diff --git a/WebContent/VAADIN/themes/valo/components/_accordion.scss b/WebContent/VAADIN/themes/valo/components/_accordion.scss
index dbddbc329573ac14423ad8ac0de69cd5aae98a2b..93f5e08ef14718aa72ab99eb00981f9f26e56fc6 100644 (file)
--- a/WebContent/VAADIN/themes/valo/components/_accordion.scss
+++ b/WebContent/VAADIN/themes/valo/components/_accordion.scss
@@ -1,40 +1,74 @@
-$v-accordion-content-shadow: join(inset, $v-shadow) !default;
-$v-accordion-content-shadow-opacity: $v-shadow-opacity/2 !default;
-
-
 @mixin valo-accordion ($primary-stylename: v-accordion) {
   .#{$primary-stylename} {
-    @include valo-panel-style;
-    $grad-style: valo-gradient-style($v-gradient);
-    $grad-opacity: valo-gradient-opacity($v-gradient);
-    @include valo-gradient($color: $v-background-color, $gradient: ($grad-style $grad-opacity/2));
-    overflow: hidden;
+    @include valo-accordion-style;
   }
 
   .#{$primary-stylename}-item {
-    position: relative;
-    overflow: hidden;
+    @include valo-accordion-item-style;
+  }
+
+  .#{$primary-stylename}-item-caption {
+    @include valo-accordion-item-caption-style;
+  }
+
+  .#{$primary-stylename}-item-content {
+    @include valo-accordion-item-content-style;
+  }
+}
+
 
-    @if $v-border-radius > 0 {
-      $_br: $v-border-radius - first-number($v-border);
-      &:first-child {
-        border-radius: $_br $_br 0 0;
 
-        .#{$primary-stylename}-item-caption {
-          border-radius: inherit;
-        }
+@mixin valo-accordion-style {
+  @include valo-panel-style;
+  $grad-style: valo-gradient-style($v-gradient);
+  $grad-opacity: valo-gradient-opacity($v-gradient);
+  @include valo-gradient($color: $v-background-color, $gradient: ($grad-style $grad-opacity/2));
+  overflow: hidden;
+}
+
+
+@mixin valo-accordion-item-style {
+  position: relative;
+  overflow: hidden;
+
+  @if $v-border-radius > 0 {
+    $_br: $v-border-radius - first-number($v-border);
+
+    &:first-child {
+      border-radius: $_br $_br 0 0;
+
+      .v-caption {
+        border-radius: inherit;
       }
-      &:last-child {
-        border-radius: 0 0 $_br $_br;
+    }
+
+    &:last-child {
+      border-radius: 0 0 $_br $_br;
+
+      .v-caption {
+        border-radius: 0;
       }
     }
   }
 
-  .#{$primary-stylename}-item-caption .v-caption {
-    @include valo-panel-caption-style;
-    border-radius: inherit;
+  &:last-child:not([class*="item-open"]) .v-caption {
+    border-bottom: none;
+  }
+
+  &[class*="item-open"] + [class*="item"] {
+    border-top: valo-border($color: $v-panel-background-color, $strength: 0.7);
+  }
+}
+
+
+
+@mixin valo-accordion-item-caption-style ($background-color: null) {
+  .v-caption {
+    @include valo-panel-caption-style($background-color: $background-color or $v-background-color);
     display: block;
-    background: transparent;
+    @if $background-color == null {
+      background: transparent;
+    }
     border-bottom-color: first-color(valo-border($color: $v-panel-background-color));
     cursor: pointer;
     @include user-select(none);;
@@ -60,23 +94,16 @@ $v-accordion-content-shadow-opacity: $v-shadow-opacity/2 !default;
       @include valo-button-active-style;
     }
   }
+}
 
-  .#{$primary-stylename}-item:last-child:not(.#{$primary-stylename}-item-open) .v-caption {
-    border-bottom: none;
-  }
 
-  .#{$primary-stylename}-item-content {
-    position: absolute;
-    width: 100%;
-    bottom: 0;
-    right: 0;
-    box-shadow: valo-bevel-and-shadow($shadow: $v-accordion-content-shadow, $shadow-opacity: $v-accordion-content-shadow-opacity);
-    background-color: $v-panel-background-color;
-    @include box-sizing(border-box);
-    @include valo-panel-adjust-content-margins;
-  }
-
-  .#{$primary-stylename}-item-open + .#{$primary-stylename}-item {
-    border-top: valo-border($color: $v-panel-background-color, $strength: 0.7);
-  }
+@mixin valo-accordion-item-content-style {
+  position: absolute;
+  width: 100%;
+  bottom: 0;
+  right: 0;
+  box-shadow: valo-bevel-and-shadow($shadow: join(inset, $v-shadow), $shadow-opacity: $v-shadow-opacity/2);
+  background-color: $v-panel-background-color;
+  @include box-sizing(border-box);
+  @include valo-panel-adjust-content-margins;
 }

diff --git a/WebContent/VAADIN/themes/valo/components/_all.scss b/WebContent/VAADIN/themes/valo/components/_all.scss
index 1509724f040be8d4153e7fc9e80cb25d8e402204..f20e8326bf4627a70cd2c4e16851720e74807e22 100644 (file)
--- a/WebContent/VAADIN/themes/valo/components/_all.scss
+++ b/WebContent/VAADIN/themes/valo/components/_all.scss
@@ -38,7 +38,6 @@
 @import "upload";
 @import "widget";
 @import "window";
-@import "dragwrapper";
 
 
 @mixin valo-components {
@@ -100,10 +99,6 @@
     @include valo-inline-datefield;
   }
 
-  @if v-is-included(orderedlayout) {
-    @include valo-orderedlayout;
-  }
-
   @if v-is-included(gridlayout) {
     @include valo-gridlayout;
   }

diff --git a/WebContent/VAADIN/themes/valo/components/_button.scss b/WebContent/VAADIN/themes/valo/components/_button.scss
index 5d61d37bd05ce7de3c7bea006ffb627fef660c54..cf65bac2ecc2d753d78574bb285d656fee0f2ac6 100644 (file)
--- a/WebContent/VAADIN/themes/valo/components/_button.scss
+++ b/WebContent/VAADIN/themes/valo/components/_button.scss
@@ -106,7 +106,7 @@
     border-radius: $border-radius;
 
     @if type-of($background-color) == color {
-      @include valo-border-with-gradient($border: $border, $color: darker-of($background-color, $v-background-color), $gradient: $gradient);
+      @include valo-border-with-gradient($border: $border, $color: darkest-color($background-color, $v-background-color), $gradient: $gradient);
       @include valo-gradient($background-color, $gradient);
       box-shadow: valo-bevel-and-shadow($bevel: $bevel, $shadow: $shadow, $background-color: $background-color, $gradient: $gradient);
     }

diff --git a/WebContent/VAADIN/themes/valo/components/_combobox.scss b/WebContent/VAADIN/themes/valo/components/_combobox.scss
index 976dd7e1d482028fc4c6bb95fb6b4b17151926a8..a8756a50e4de05a37312e81be790de14a8bfb112 100644 (file)
--- a/WebContent/VAADIN/themes/valo/components/_combobox.scss
+++ b/WebContent/VAADIN/themes/valo/components/_combobox.scss
@@ -13,7 +13,7 @@
   }
 
   .#{$primary-stylename}-suggestpopup {
-    @include valo-combobox-popup-style;
+    @include valo-combobox-popup-style($primary-stylename: $primary-stylename);
   }
 
   .#{$primary-stylename}-no-input {
@@ -143,17 +143,6 @@
 
 
 
-
-@include keyframes(valo-combobox-show-status) {
-  0% {
-    opacity: 0;
-    @include transform( translatey(-100%) );
-  }
-}
-
-
-
-
 @mixin valo-combobox-input-style (
     $unit-size: $v-unit-size,
     $padding: null, // Computed by default
@@ -257,9 +246,22 @@
 
 
 
-@mixin valo-combobox-popup-style {
+@mixin valo-combobox-popup-style ($primary-stylename: v-filterselect) {
+
+  @if $v-animations-enabled {
+    @if $v-overlay-animate-in {
+      &[class*="animate-in"] {
+        @include animation($v-overlay-animate-in);
+      }
+    }
+    @if $v-overlay-animate-out {
+      &[class*="animate-out"] {
+        @include animation($v-overlay-animate-out);
+      }
+    }
+  }
 
-  .v-filterselect-suggestmenu {
+  .#{$primary-stylename}-suggestmenu {
     @include valo-selection-overlay-style;
     box-sizing: border-box;
     position: relative;
@@ -283,7 +285,7 @@
     @include valo-selection-item-selected-style;
   }
 
-  .v-filterselect-status {
+  .#{$primary-stylename}-status {
     position: absolute;
     right: $v-border-radius;
     $bg: scale-color($v-background-color, $lightness: -15%);
@@ -299,7 +301,7 @@
     pointer-events: none;
 
     @if $v-animations-enabled {
-       @include animation(valo-combobox-show-status 200ms 80ms backwards);
+       @include animation(valo-anim-slide-in-down 200ms 80ms backwards);
     }
 
     > * {

diff --git a/WebContent/VAADIN/themes/valo/components/_datefield.scss b/WebContent/VAADIN/themes/valo/components/_datefield.scss
index eafd1c0428fbfdb6960e897d8986d289fe3266e8..58c0f94345b67afdce4d455fa3b4dd42edd429dc 100644 (file)
--- a/WebContent/VAADIN/themes/valo/components/_datefield.scss
+++ b/WebContent/VAADIN/themes/valo/components/_datefield.scss
@@ -274,7 +274,7 @@
       &:hover {
         @include opacity(1);
         &:before {
-          color: valo-link-font-color();
+          color: $v-focus-color;
         }
       }
     }

diff --git a/WebContent/VAADIN/themes/valo/components/_dragwrapper.scss b/WebContent/VAADIN/themes/valo/components/_dragwrapper.scss
index 3bc5e21f8d539b0fc3902478352e8a1c5df4ae2b..549c06358c601a28d90156b84630377519217a63 100644 (file)
--- a/WebContent/VAADIN/themes/valo/components/_dragwrapper.scss
+++ b/WebContent/VAADIN/themes/valo/components/_dragwrapper.scss
@@ -6,9 +6,8 @@
     @include user-select(none);
   }
 
-  .v-active-drag-source {
-    // Can't hide since it will hide Tables and Trees as well
-    //@include opacity(0);
+  .#{$primary-stylename}.v-active-drag-source {
+    visibility: hidden;
   }
 
   .#{$primary-stylename} {
@@ -24,6 +23,7 @@
     right: -1px;
     bottom: -1px;
     left: -1px;
+    border: 0 solid $v-focus-color;
   }
 
   .#{$primary-stylename}-over-top:before {

diff --git a/WebContent/VAADIN/themes/valo/components/_gridlayout.scss b/WebContent/VAADIN/themes/valo/components/_gridlayout.scss
index c8c67b363c147be1b2231af207f40c1f837aa285..738b86c9e242583ad1c3cd2910d27fa33f19a550 100644 (file)
--- a/WebContent/VAADIN/themes/valo/components/_gridlayout.scss
+++ b/WebContent/VAADIN/themes/valo/components/_gridlayout.scss
@@ -1,7 +1,6 @@
 @mixin valo-gridlayout-global ($primary-stylename: v-gridlayout) {
   .#{$primary-stylename} {
     position: relative;
-    line-height: 0;
   }
   .#{$primary-stylename}-slot {
     position: absolute;

diff --git a/WebContent/VAADIN/themes/valo/components/_link.scss b/WebContent/VAADIN/themes/valo/components/_link.scss
index 73e2cb114ac0228f11b1d5c0169c1007ad2ae519..129ffcca2f0f8cc0f1796927708536154f46eff6 100644 (file)
--- a/WebContent/VAADIN/themes/valo/components/_link.scss
+++ b/WebContent/VAADIN/themes/valo/components/_link.scss
@@ -1,4 +1,4 @@
-$v-link-font-color: null !default;
+$v-link-font-color: $v-focus-color !default;
 $v-link-text-decoration: underline !default;
 $v-link-cursor: pointer !default;
 
@@ -25,7 +25,7 @@ $v-link-cursor: pointer !default;
 
 @mixin valo-link-style {
   cursor: $v-link-cursor;
-  color: valo-link-font-color();
+  color: $v-link-font-color;
   text-decoration: $v-link-text-decoration;
   font-weight: inherit;
 
@@ -34,13 +34,6 @@ $v-link-cursor: pointer !default;
   }
 
   &:hover {
-    color: lighten(valo-link-font-color(), 10%);
+    color: lighten($v-link-font-color, 10%);
   }
 }
-
-
-
-@function valo-link-font-color ($color: null, $context: null) {
-  $link-color: $color or $v-link-font-color or valo-focus-color($color: $color, $context: $context);
-  @return $link-color;
-}
\ No newline at end of file

diff --git a/WebContent/VAADIN/themes/valo/components/_menubar.scss b/WebContent/VAADIN/themes/valo/components/_menubar.scss
index d8d48d7f8cdce1087c599336fdfe1a5abba6baed..473617e98160dc16a47a415069269b6c069ba258 100644 (file)
--- a/WebContent/VAADIN/themes/valo/components/_menubar.scss
+++ b/WebContent/VAADIN/themes/valo/components/_menubar.scss
@@ -64,6 +64,10 @@
 
   .#{$primary-stylename}-popup {
     @include valo-menubar-popup-style($primary-stylename);
+
+    &.#{$primary-stylename}-popup-animate-out {
+      @include animation(none);
+    }
   }
 
 }
@@ -77,13 +81,14 @@
   z-index: 1;
   display: inline-block;
   @include box-sizing(border-box);
-  @include valo-button-style($border-radius: 0, $shadow: null, $font-color: inherit, $cursor: pointer);
+  @include valo-button-style($states: normal, $border-radius: 0, $shadow: null, $font-color: inherit, $cursor: pointer);
   background: transparent;
   border-width: 0 $border-width 0 0;
   height: 100%;
   vertical-align: top;
   line-height: $v-unit-size - $border-width*2 - 1px;
   text-align: center;
+
   @if $border-width == 0 {
     margin-right: 1px;
   }
@@ -115,9 +120,16 @@
     border-radius: inherit;
   }
 
-  &:hover:before {
-    @include valo-button-hover-style;
-    border: none;
+  @if $v-hover-styles-enabled {
+    &:hover {
+      // IE needs some nudging to show the :before element
+      zoom: 1;
+
+      &:before {
+        @include valo-button-hover-style;
+        border: none;
+      }
+    }
   }
 
   &:active:before {
@@ -144,11 +156,7 @@
 
 
 
-@mixin valo-menubar-popup-style ($primary-stylename: v-menubar, $context: $v-background-color) {
-
-  $copy: $v-background-color;
-  $v-background-color: $context;
-
+@mixin valo-menubar-popup-style ($primary-stylename: v-menubar) {
   @include valo-selection-overlay-style;
 
   margin: ceil($v-unit-size/8) 0 0 1px !important;
@@ -203,8 +211,6 @@
   [class*="disabled"] {
     cursor: default;
   }
-
-  $v-background-color: $copy;
 }
 
 
@@ -241,6 +247,7 @@
 
   .#{$primary-stylename}-menuitem {
     line-height: $unit-size - first-number($v-border)*2;
+    padding: 0 round($unit-size/2.5);
 
     &[class*="-icon-only"] {
       width: $unit-size;
@@ -250,12 +257,13 @@
 
 @mixin valo-menubar-borderless-style ($primary-stylename: v-menubar) {
   border: none;
+  border-radius: 0;
   padding: first-number($v-border);
   box-shadow: none;
   background: transparent;
   color: inherit;
 
-  &:focus:not(.v-disabled) {
+  &:not(.v-disabled):focus {
     border: none;
     box-shadow: none;
   }
@@ -265,7 +273,9 @@
     border: none;
     margin-right: max(1px, first-number($v-border));
     border-radius: $v-border-radius;
-    text-shadow: valo-text-shadow($offset: -1px);
+    color: $v-selection-color;
+    text-shadow: valo-text-shadow($font-color: $v-selection-color, $offset: -1px);
+    padding: 0 round($v-unit-size/3);
 
     @if $v-animations-enabled {
       @include transition(color 140ms);
@@ -273,30 +283,36 @@
 
     &:first-child,
     &:last-child {
-      border-radius: inherit;
+      border-radius: $v-border-radius;
     }
 
-    &:hover:before {
-      display: none;
+    &:before {
+      content: none;
     }
 
-    &:active:not(.#{$primary-stylename}-menuitem-disabled):before {
-      display: block;
+    &:hover {
+      color: lighten($v-selection-color, 10%);
     }
 
-    &:hover {
-      color: $v-focus-color;
+    &:active {
+      color: inherit;
     }
   }
 
-  .#{$primary-stylename}-menuitem-checked {
+  .#{$primary-stylename}-menuitem-checked,
+  .#{$primary-stylename}-menuitem-checked:first-child {
     border: valo-border();
-    line-height: $v-unit-size - first-number($v-border)*4 - 1px;
     color: $v-selection-color;
+
+    .#{$primary-stylename}-menuitem-caption {
+      position: relative;
+      top: first-number($v-border)*-1;
+    }
   }
 
   .#{$primary-stylename}-menuitem-selected {
     $font-color: valo-font-color($v-selection-color, 0.9);
+    color: $font-color;
     text-shadow: valo-text-shadow($background-color: $v-selection-color, $font-color: $font-color);
 
     &:hover {
@@ -304,6 +320,7 @@
     }
   }
 
+  .#{$primary-stylename}-menuitem-disabled,
   .#{$primary-stylename}-menuitem-disabled:hover {
     color: inherit;
   }

diff --git a/WebContent/VAADIN/themes/valo/components/_orderedlayout.scss b/WebContent/VAADIN/themes/valo/components/_orderedlayout.scss
index ddaa5c363e9c8d0768143c3578981b51341c1093..1173ca3dbeaabe20c12ae9b2dffd1e0dc6413fb2 100644 (file)
--- a/WebContent/VAADIN/themes/valo/components/_orderedlayout.scss
+++ b/WebContent/VAADIN/themes/valo/components/_orderedlayout.scss
@@ -9,17 +9,13 @@
     @include box-sizing(border-box);
     width: 100%;
     height: 100%;
-
-    // TODO fixes extra white space issues in some cases (can't remember what anymore), but causes some styles to clip
-    //overflow: hidden;
   }
 
   .v-slot,
   .v-spacing {
     display: inline-block;
-    white-space: normal;
+    white-space: nowrap;
     vertical-align: top;
-    line-height: 0;
   }
 
   // Clear any floats inside the slot, to prevent unwanted collapsing
@@ -44,14 +40,14 @@
 
   .v-vertical > .v-spacing,
   .v-vertical > .v-expand > .v-spacing {
-    width: 0;
+    width: 0 !important;
     display: block;
     clear: both;
   }
 
   .v-horizontal > .v-spacing,
   .v-horizontal > .v-expand > .v-spacing {
-    height: 0;
+    height: 0 !important;
   }
 
   .v-align-middle:before,
@@ -63,7 +59,6 @@
     height: 100%;
     vertical-align: middle;
     width: 0;
-    overflow: hidden;
   }
 
   .v-align-middle,
@@ -76,12 +71,12 @@
     display: inline-block;
   }
 
-  //.v-align-middle,
+  .v-align-middle,
   .v-align-middle > .v-widget {
     vertical-align: middle;
   }
 
-  //.v-align-bottom,
+  .v-align-bottom,
   .v-align-bottom > .v-widget {
     vertical-align: bottom;
   }

diff --git a/WebContent/VAADIN/themes/valo/components/_panel.scss b/WebContent/VAADIN/themes/valo/components/_panel.scss
index b18e4f86d1933713d6d1ad7244eabf1afddc7c2f..437706ee86920d8c9029662979f4458e00c1d848 100644 (file)
--- a/WebContent/VAADIN/themes/valo/components/_panel.scss
+++ b/WebContent/VAADIN/themes/valo/components/_panel.scss
@@ -9,6 +9,7 @@ $v-panel-border: $v-border !default;
 
   .#{$primary-stylename}-caption {
     @include valo-panel-caption-style;
+    border-radius: $v-border-radius - first-number($v-border) $v-border-radius - first-number($v-border) 0 0;
   }
 
   .#{$primary-stylename}-content {
@@ -23,14 +24,16 @@ $v-panel-border: $v-border !default;
 
 
 @mixin valo-panel-style (
+    $primary-stylename: v-panel,
     $background-color : $v-panel-background-color,
     $shadow           : $v-shadow,
-    $border           : $v-panel-border
+    $border           : $v-panel-border,
+    $border-radius    : $v-border-radius
   ) {
   background: $background-color;
   color: valo-font-color($background-color);
-  border-radius: $v-border-radius;
-  border: valo-border($border: $border, $color: darker-of($background-color, $v-app-background-color), $strength: 0.7);
+  border-radius: $border-radius;
+  border: valo-border($border: $border, $color: darkest-color($background-color, $v-app-background-color), $strength: 0.7);
   box-shadow: valo-bevel-and-shadow($shadow: $shadow);
 }
 
@@ -40,15 +43,13 @@ $v-panel-border: $v-border !default;
     $background-color : $v-background-color,
     $bevel            : first($v-bevel),
     $gradient         : valo-gradient-style($v-gradient) valo-gradient-opacity($v-gradient)/4,
-    $border           : $v-panel-border,
-    $border-radius    : $v-border-radius - first-number($v-border) $v-border-radius - first-number($v-border) 0 0
+    $border           : $v-panel-border
   ) {
   @include box-sizing(border-box);
   padding: 0 round($v-unit-size/3);
   line-height: $v-unit-size - first-number($v-border);
   $bg: $background-color;
   border-bottom: valo-border($border: $border, $color: $bg, $strength: 0.5);
-  border-radius: $border-radius;
   @include valo-gradient($color: $bg, $gradient: $gradient);
   color: valo-font-color($bg);
   font-weight: $v-caption-font-weight;
@@ -67,7 +68,7 @@ $v-panel-border: $v-border !default;
   border-radius: $v-border-radius;
   border: valo-border();
 
-  .v-panel-caption {
+  > div > .v-panel-caption {
     background: transparent;
     box-shadow: none;
   }
@@ -79,9 +80,10 @@ $v-panel-border: $v-border !default;
   background: transparent;
   color: inherit;
   border: none;
+  border-radius: 0;
   box-shadow: none;
 
-  .v-panel-caption {
+  > div > .v-panel-caption {
     background: transparent;
     box-shadow: none;
     color: inherit;

diff --git a/WebContent/VAADIN/themes/valo/components/_splitpanel.scss b/WebContent/VAADIN/themes/valo/components/_splitpanel.scss
index 0b097f71fd1caa5222868dd002c7a27a0e0bf254..e05eb08d16a9159c26c596b2237d3b4c0863c2d9 100644 (file)
--- a/WebContent/VAADIN/themes/valo/components/_splitpanel.scss
+++ b/WebContent/VAADIN/themes/valo/components/_splitpanel.scss
@@ -171,26 +171,6 @@
 
 
 
-/*
-@mixin valo-splitpanel-style ($splitter-size: ) {
-  > div > .v-splitpanel-hsplitter {
-    width: ;
-
-    div:after {
-      @include valo-splitpanel-splitter-handle-style($horizontal: true);
-    }
-
-    &:after {
-      left: 0;
-      right: 0;
-    }
-  }
-  .v-splitpanel-horizontal .v-splitpanel-second-container
-}
-*/
-
-
-
 @mixin valo-splitpanel-splitter-handle-style ($horizontal: false, $include-common: true) {
   @if $include-common {
     content: "";

diff --git a/WebContent/VAADIN/themes/valo/components/_table.scss b/WebContent/VAADIN/themes/valo/components/_table.scss
index 8b155fe5257dc2e5a13501a74235130d1168a40c..7aa2d127daafb69503c652cd52b741e97f3a760a 100644 (file)
--- a/WebContent/VAADIN/themes/valo/components/_table.scss
+++ b/WebContent/VAADIN/themes/valo/components/_table.scss
@@ -75,7 +75,11 @@ $v-table-background-color: null !default;
   .v-table-header table,
   .v-table-footer table,
   .v-table-table {
-    outline: $v-table-border-width solid $border-color;
+    box-shadow: 0 0 0 $v-table-border-width $border-color;
+
+    .v-ie8 & {
+      outline: $v-table-border-width solid $border-color;
+    }
   }
 
   .#{$primary-stylename}-header-wrap,
@@ -319,6 +323,19 @@ $v-table-background-color: null !default;
     }
   }
 
+  .v-scrollable > .#{$primary-stylename} .#{$primary-stylename}-column-selector {
+    right: 0;
+    top: 0;
+    border-top: none;
+    border-right: none;
+    border-radius: 0 0 0 50%;
+
+    &:after {
+      top: 0;
+      right: 0;
+    }
+  }
+
   .#{$primary-stylename}-header-wrap:hover .#{$primary-stylename}-column-selector {
     @include opacity(1);
     @include transition-delay(100ms);

diff --git a/WebContent/VAADIN/themes/valo/components/_tabsheet.scss b/WebContent/VAADIN/themes/valo/components/_tabsheet.scss
index 185c6fbdc0791c906b3abc3dbb266af44ad6194a..20669af43dcf7fa6da427cef4ac0e8fa24e3ee55 100644 (file)
--- a/WebContent/VAADIN/themes/valo/components/_tabsheet.scss
+++ b/WebContent/VAADIN/themes/valo/components/_tabsheet.scss
@@ -12,8 +12,33 @@ $v-tabsheet-content-animation-enabled: $v-animations-enabled !default;
     display: none;
   }
 
+  .#{$primary-stylename}-tabcontainer {
+    table,
+    tbody,
+    tr {
+      display: inline-block;
+      border-spacing: 0;
+      border-collapse: collapse;
+      vertical-align: top;
+    }
+
+    td {
+      display: inline-block;
+      padding: 0;
+    }
+  }
+
+  .#{$primary-stylename}-tabs {
+    white-space: nowrap;
+    @include box-sizing(border-box);
+  }
+
   .#{$primary-stylename}-content {
     position: relative;
+
+    > div > .v-scrollable {
+      @include valo-panel-adjust-content-margins;
+    }
   }
 
 }
@@ -23,10 +48,6 @@ $v-tabsheet-content-animation-enabled: $v-animations-enabled !default;
 
 
 @mixin valo-tabsheet ($primary-stylename: v-tabsheet) {
-
-  $_scale: if( is-dark-color($v-background-color) , max(5%, $v-bevel-depth/2), min(-5%, -$v-bevel-depth/2) );
-  $border-color: scale-color($v-background-color, $lightness: $_scale);
-
   .#{$primary-stylename} {
     &:not(.v-has-width) {
       width: auto !important;
@@ -38,84 +59,86 @@ $v-tabsheet-content-animation-enabled: $v-animations-enabled !default;
   }
 
   .#{$primary-stylename}-tabcontainer {
-    position: relative;
-    line-height: $v-unit-size;
-    @include user-select(none);
+    @include valo-tabsheet-tabcontainer($primary-stylename);
+  }
 
-    table,
-    tbody,
-    tr {
-      display: inline-block;
-      border-spacing: 0;
-      border-collapse: collapse;
-      vertical-align: top;
-    }
+  .#{$primary-stylename}-scroller {
+    @include valo-tabsheet-scroller($primary-stylename);
+  }
 
-    td {
-      display: inline-block;
-      padding: 0;
-    }
 
-    &:before {
-      content: "";
-      position: absolute;
-      height: max(1px, first-number($v-border));
-      background: $border-color;
-      bottom: 0;
-      left: 0;
-      right: 0;
+  @if $v-tabsheet-content-animation-enabled {
+    .#{$primary-stylename}-tabsheetpanel > .v-scrollable > .v-widget {
+      @include valo-anim-fade-in(300ms);
     }
   }
 
+}
+
+
+@mixin valo-tabsheet-tabcontainer ($primary-stylename: v-tabsheet) {
+  position: relative;
+  line-height: $v-unit-size;
+  @include user-select(none);
+
+  &:before {
+    content: "";
+    position: absolute;
+    height: max(1px, first-number($v-border));
+    background: first-color(valo-border($strength: 0.5));
+    bottom: 0;
+    left: 0;
+    right: 0;
+  }
+
   .#{$primary-stylename}-tabs {
     height: $v-unit-size;
     position: relative;
-    white-space: nowrap;
-    @include box-sizing(border-box);
+  }
 
-    .v-caption {
-      height: $v-unit-size;
-      margin-left: round($v-unit-size/2);
-      padding: 0 round($v-unit-size/10);
-      @include box-sizing(border-box);
-      cursor: pointer;
-      text-align: center;
-      line-height: $v-unit-size;
-      font-size: $v-font-size;
-      font-weight: $v-font-weight;
-      color: valo-font-color($v-app-background-color, 0.6);
-      width: auto !important;
+  @include valo-tabsheet-tabitem($primary-stylename);
+}
 
-      @if $v-animations-enabled {
-        @include transition(border-bottom 200ms, color 200ms);
-      }
 
-      .v-icon {
-        cursor: inherit;
-      }
+@mixin valo-tabsheet-tabitem ($primary-stylename: v-tabsheet) {
+  .v-caption {
+    height: $v-unit-size;
+    margin-left: round($v-unit-size/2);
+    padding: 0 round($v-unit-size/10);
+    @include box-sizing(border-box);
+    cursor: pointer;
+    text-align: center;
+    line-height: $v-unit-size;
+    font-size: round($v-font-size * 0.95);
+    font-weight: $v-font-weight;
+    color: valo-font-color($v-app-background-color, 0.6);
+    width: auto !important;
 
-      .v-icon + .v-captiontext {
-        margin-left: round($v-unit-size/4);
-      }
+    @if $v-animations-enabled {
+      @include transition(border-bottom 200ms, color 200ms);
+    }
 
-      &:hover {
-        color: $v-selection-color;
-      }
+    .v-icon + .v-captiontext {
+      margin-left: round($v-unit-size/4);
+    }
 
-      &.v-disabled {
-        @include opacity($v-disabled-opacity);
-        cursor: default;
-        color: inherit !important;
-        border-bottom: none;
-      }
+    &:hover {
+      color: $v-selection-color;
     }
 
-    td:first-child .v-caption,
-    [aria-hidden="true"] + td .v-caption {
-      margin-left: 0;
+    &.v-disabled {
+      @include opacity($v-disabled-opacity);
+      cursor: default;
+      color: inherit !important;
+      border-bottom: none;
     }
   }
 
+  td:first-child .v-caption,
+  [aria-hidden="true"] + td .v-caption {
+    margin-left: 0;
+  }
+
   .#{$primary-stylename}-tabitemcell:focus {
     outline: none;
 
@@ -149,101 +172,113 @@ $v-tabsheet-content-animation-enabled: $v-animations-enabled !default;
       color: valo-font-color($v-selection-color);
     }
   }
+}
 
-  .#{$primary-stylename}-scroller {
+
+@mixin valo-tabsheet-scroller ($primary-stylename: v-tabsheet) {
+  $border-color: first-color(valo-border($strength: 0.5));
+
+  position: absolute;
+  right: 0;
+  top: 0;
+  padding-left: round($v-unit-size/2);
+  @include linear-gradient(to left, $v-background-color 70%, rgba($v-background-color, 0) 100%, $fallback: transparent);
+  pointer-events: none;
+  line-height: $v-unit-size;
+
+  &:after {
+    content: "";
+    height: first-number($v-border);
     position: absolute;
+    bottom: 0;
+    left: 0;
     right: 0;
-    top: 0;
-    padding-left: round($v-unit-size/2);
-    @include linear-gradient(to left, $v-background-color 70%, rgba($v-background-color, 0) 100%, $fallback: transparent);
-    pointer-events: none;
-    line-height: $v-unit-size;
+    display: block;
+    @include linear-gradient(to left, $border-color 70%, rgba($border-color, 0) 100%, $fallback: transparent);
+  }
+
+  .v-ie8 &,
+  .v-ie9 & {
+    background-color: $v-background-color;
 
     &:after {
-      content: "";
-      height: first-number($v-border);
-      position: absolute;
-      bottom: 0;
-      left: 0;
-      right: 0;
-      display: block;
-      @include linear-gradient(to left, $border-color 70%, rgba($border-color, 0) 100%, $fallback: transparent);
+      background-color: $border-color;
     }
+  }
 
-    .v-ie8 &,
-    .v-ie9 & {
-      background-color: $v-background-color;
+  button {
+    @include appearance(none);
+    border: none;
+    background: transparent;
+    font: inherit;
+    color: inherit;
+    height: $v-unit-size;
+    line-height: $v-unit-size;
+    margin: 0;
+    padding: 0 round($v-unit-size/4);
+    outline: none;
+    cursor: pointer;
+    pointer-events: auto;
+    @include opacity(.5);
 
-      &:after {
-        background-color: $border-color;
-      }
+    &:hover {
+      @include opacity(1);
+      color: $v-selection-color;
     }
 
-    button {
-      @include appearance(none);
-      border: none;
-      background: transparent;
-      font: inherit;
-      color: inherit;
-      height: $v-unit-size;
-      line-height: $v-unit-size;
-      margin: 0;
-      padding: 0 round($v-unit-size/4);
-      outline: none;
-      cursor: pointer;
-      pointer-events: auto;
-      @include opacity(.5);
-
-      &:hover {
-        @include opacity(1);
-        color: $v-selection-color;
-      }
-
-      &:active {
-        @include opacity(.7);
-        color: $v-selection-color;
-      }
-
-      &::-moz-focus-inner {
-        padding: 0;
-        border: 0
-      }
+    &:active {
+      @include opacity(.7);
+      color: $v-selection-color;
     }
 
-    [class*="Next"] {
-      padding-left: round($v-unit-size/8);
-      &:before {
-        @include valo-tabsheet-scroller-next-icon-style;
-      }
+    &::-moz-focus-inner {
+      padding: 0;
+      border: 0
     }
+  }
 
-    [class*="Prev"] {
-      padding-right: round($v-unit-size/8);
-      &:before {
-        @include valo-tabsheet-scroller-prev-icon-style;
-      }
+  [class*="Next"] {
+    padding-left: round($v-unit-size/8);
+    &:before {
+      @include valo-tabsheet-scroller-next-icon-style;
     }
+  }
 
-    [class*="disabled"] {
-      cursor: default;
-      color: inherit !important;
-      @include opacity(.1 !important);
+  [class*="Prev"] {
+    padding-right: round($v-unit-size/8);
+    &:before {
+      @include valo-tabsheet-scroller-prev-icon-style;
     }
   }
 
-
-  @if $v-tabsheet-content-animation-enabled {
-    .#{$primary-stylename}-tabsheetpanel > .v-scrollable > .v-widget {
-      @include valo-anim-fade-in(300ms);
-    }
+  [class*="disabled"] {
+    cursor: default;
+    color: inherit !important;
+    @include opacity(.1 !important);
   }
+}
 
+
+@mixin valo-tabsheet-scroller-prev-icon-style {
+  font-family: FontAwesome;
+  content: "\f053";
+}
+
+
+@mixin valo-tabsheet-scroller-next-icon-style {
+  font-family: FontAwesome;
+  content: "\f054";
 }
 
 
 
 
 
+
+
+
+
+
 @mixin valo-tabsheet-centered-tabs ($primary-stylename: v-tabsheet) {
   .#{$primary-stylename}-tabcontainer {
     text-align: center;
@@ -267,7 +302,6 @@ $v-tabsheet-content-animation-enabled: $v-animations-enabled !default;
 
     td {
       display: table-cell;
-      //width: 100% !important;
     }
 
     .v-caption {
@@ -309,6 +343,7 @@ $v-tabsheet-content-animation-enabled: $v-animations-enabled !default;
   }
 }
 
+
 @mixin valo-tabsheet-only-selected-closable ($primary-stylename: v-tabsheet) {
   > .#{$primary-stylename}-tabcontainer .#{$primary-stylename}-caption-close {
     visibility: hidden;
@@ -319,18 +354,9 @@ $v-tabsheet-content-animation-enabled: $v-animations-enabled !default;
   }
 }
 
+
 @mixin valo-tabsheet-padded-tabbar ($primary-stylename: v-tabsheet) {
   > .#{$primary-stylename}-tabcontainer .#{$primary-stylename}-tabs {
     padding: 0 round($v-unit-size/4);
   }
 }
-
-@mixin valo-tabsheet-scroller-prev-icon-style {
-  font-family: FontAwesome;
-  content: "\f053";
-}
-
-@mixin valo-tabsheet-scroller-next-icon-style {
-  font-family: FontAwesome;
-  content: "\f054";
-}

diff --git a/WebContent/VAADIN/themes/valo/components/_textfield.scss b/WebContent/VAADIN/themes/valo/components/_textfield.scss
index f28fee0d1c768a4dbd4719058cc1234bd2e11e97..4a63004b3c1d093fa6327a166e9bd03934c9d3bb 100644 (file)
--- a/WebContent/VAADIN/themes/valo/components/_textfield.scss
+++ b/WebContent/VAADIN/themes/valo/components/_textfield.scss
@@ -49,20 +49,12 @@ $v-textfield-disabled-opacity: $v-disabled-opacity !default;
       @if $border-radius {
         $padding-width: $padding-width + ceil($border-radius/3);
       }
-
       $padding-height: round($unit-size/9);
-
       padding: $padding-height $padding-width;
-
-      // Go ask Mozilla why text alignment in text inputs is so wonky
-      .v-ff & {
-        // padding-top: $padding-height - 2px;
-        // padding-bottom: 0;
-      }
     }
 
     @if $background-color and $border {
-      border: valo-border($border, darker-of($background-color, $v-app-background-color));
+      border: valo-border($border, darkest-color($background-color, $v-app-background-color));
     }
 
     @if $gradient == none {

diff --git a/WebContent/VAADIN/themes/valo/components/_widget.scss b/WebContent/VAADIN/themes/valo/components/_widget.scss
index 20e3b2b3c910a42f4b0576ad2904d667eaed51e6..f6c0b6462a7b7b837157d30cf965cdd688f9259e 100644 (file)
--- a/WebContent/VAADIN/themes/valo/components/_widget.scss
+++ b/WebContent/VAADIN/themes/valo/components/_widget.scss
@@ -1,21 +1,15 @@
-// 
+//
 // @mixin valo-widget-style
 @mixin valo-widget-style {
   // Baseline expectations for all Vaadin widgets
   @include box-sizing(border-box);
   display: inline-block;
+  vertical-align: top;
 
-  // Reset, since ordered layout uses text-align for horizotal alignment inside slots and 
+  // Reset, since ordered layout uses text-align for horizotal alignment inside slots and
   // white-space: nowrap; for horizontal layout orientation
   text-align: left;
   white-space: normal;
-  
-  // This is needed to overcome issues with line-boxes (i.e. block elements 
-  // with inline elements as children, whose height is less than the parent's line-height)
-  // See: http://stackoverflow.com/questions/3003051/why-does-the-html5-doctype-mess-with-my-padding
-  // In order to avoid specifying font-size: 0; for all component containers, we need to avoid adding 
-  // vertical-align: top/middle/bottom to any component by default, which will mess up the spacing.
-  line-height: $v-line-height;
 }
 
 

diff --git a/WebContent/VAADIN/themes/valo/components/_window.scss b/WebContent/VAADIN/themes/valo/components/_window.scss
index 050a8156d31886224e8d5d048b6d08503b7f9baf..d8c10b73473182456abba44f83516d49bfd7cc4d 100644 (file)
--- a/WebContent/VAADIN/themes/valo/components/_window.scss
+++ b/WebContent/VAADIN/themes/valo/components/_window.scss
@@ -1,26 +1,29 @@
 $v-window-background-color: $v-panel-background-color !default;
-$v-window-border-radius: null !default;
-$v-window-shadow: 0 4px 12px 6px rgba(0,0,0, $v-shadow-opacity/100%), $v-overlay-shadow !default;
-$v-window-open-animation: null !default;
-$v-window-animations-enabled: $v-animations-enabled !default;
+$v-window-border-radius: $v-border-radius !default;
+$v-window-shadow: 0 4px 20px 6px (v-shade 2), $v-overlay-shadow !default;
+$v-window-animate-in: valo-placeholder-animate-in 140ms, valo-anim-fade-in 140ms !default;
+$v-window-animate-out: valo-placeholder-animate-out 80ms, valo-anim-scale-down-fade-out 80ms !default;
 
 
-@if $v-window-animations-enabled {
+@if $v-animations-enabled {
   @include keyframes(valo-modal-window-indication) {
     0% { opacity: 0; }
     100% { opacity: 1; }
   }
+
+  @include keyframes(valo-anim-scale-down-fade-out) {
+    100% {
+      @include transform(scale(0.8));
+      opacity: 0;
+    }
+  }
 }
 
 
 @mixin valo-window ($primary-stylename: v-window) {
 
   .#{$primary-stylename} {
-    @include valo-overlay-style($background-color: $v-window-background-color);
-
-    @if $v-window-animations-enabled and $v-window-open-animation {
-      @include animation($v-window-open-animation);
-    }
+    @include valo-overlay-style($background-color: $v-window-background-color, $animate-in: $v-window-animate-in, $animate-out: $v-window-animate-out);
 
     @if $v-window-shadow {
       @if $v-window-shadow == none {
@@ -29,16 +32,21 @@ $v-window-animations-enabled: $v-animations-enabled !default;
         box-shadow: valo-bevel-and-shadow($shadow: $v-window-shadow);
       }
     }
-    border-radius: $v-window-border-radius;
-    //border: first-number($v-border) solid valo-panel-border-color();
+    @if $v-window-border-radius != $v-border-radius {
+      border-radius: $v-window-border-radius;
+    }
     padding: 0;
     min-width: 4*$v-unit-size !important;
     min-height: $v-unit-size !important;
-    overflow: hidden !important;
     white-space: nowrap;
+    overflow: hidden !important;
 
-    @if $v-window-animations-enabled {
+    @if $v-animations-enabled {
       @include transition(width 200ms, height 200ms, top 200ms, left 200ms);
+
+      &.#{$primary-stylename}-animate-in {
+        @include transition(none);
+      }
     }
   }
 
@@ -100,19 +108,26 @@ $v-window-animations-enabled: $v-animations-enabled !default;
   .#{$primary-stylename}-maximizebox,
   .#{$primary-stylename}-restorebox {
     position: absolute;
-    z-index: 2;
+    z-index: 3;
     top: 0;
     right: 0;
-    width: $v-unit-size;
+    @include box-sizing(border-box);
+    width: $v-unit-size - round($v-unit-size/9);
     height: $v-unit-size - 1px;
+    background-color: $v-window-background-color;
     line-height: $v-unit-size - 3px;
     text-align: center;
     cursor: pointer;
     font-family: FontAwesome;
     font-size: round($v-font-size * 1.3);
-    @include opacity(.4);
+    color: valo-font-color($v-window-background-color, .4);
+
     @if $v-animations-enabled {
-      @include transition(all 140ms);
+      @include transition(color 140ms);
+    }
+
+    @if $v-window-border-radius > 0 {
+      border-radius: 0 0 0 $v-window-border-radius;
     }
 
     &:focus {
@@ -130,17 +145,29 @@ $v-window-animations-enabled: $v-animations-enabled !default;
   }
 
   .#{$primary-stylename}-closebox {
+    padding-right: round($v-unit-size/9);
     @include valo-window-close-icon-style;
   }
 
   .#{$primary-stylename}-maximizebox,
   .#{$primary-stylename}-restorebox {
-    right: $v-unit-size;
+    right: $v-unit-size - round($v-unit-size/9);
+    padding-left: round($v-unit-size/9);
+
+    + .#{$primary-stylename}-closebox {
+      border-bottom-left-radius: 0;
+    }
   }
 
   .#{$primary-stylename}-restorebox-disabled,
   .#{$primary-stylename}-maximizebox-disabled {
     display: none;
+
+    + .#{$primary-stylename}-closebox {
+      width: $v-unit-size;
+      padding-right: 0;
+      border-bottom-left-radius: $v-window-border-radius;
+    }
   }
 
   .#{$primary-stylename}-maximizebox {
@@ -234,15 +261,10 @@ $v-window-animations-enabled: $v-animations-enabled !default;
   }
 
 
-
-
+  .#{$primary-stylename}-top-toolbar,
   .#{$primary-stylename}-bottom-toolbar {
-    padding: round($v-unit-size/5) round($v-unit-size/3);
-    @include linear-gradient(to bottom, darken($v-background-color, valo-gradient-opacity($v-gradient)/2) 0, $v-background-color round($v-unit-size/10), $fallback: $v-background-color);
-    border-top: valo-border($strength: 0.5);
-
-    .v-expand {
-      overflow: visible;
+    > .v-widget {
+      vertical-align: top;
     }
 
     .v-label {
@@ -254,10 +276,58 @@ $v-window-animations-enabled: $v-animations-enabled !default;
     }
   }
 
+  .#{$primary-stylename}-top-toolbar {
+    &.v-layout {
+      padding: round($v-unit-size/5) round($v-unit-size/3);
+      position: relative;
+      z-index: 2;
+      border-top: valo-border($strength: 0.5);
+      border-bottom: valo-border($strength: 0.5);
+      background-color: $v-background-color;
+    }
+
+    &.v-menubar {
+      margin: round($v-unit-size/3) round($v-unit-size/3) round($v-unit-size/6);
+    }
+
+    &.v-menubar-borderless {
+      padding-left: round($v-unit-size/6);
+      padding-right: round($v-unit-size/6);
+      margin: round($v-unit-size/6) - first-number($v-border) 0;
+    }
+  }
+
+  .#{$primary-stylename}-bottom-toolbar.v-layout {
+    padding: round($v-unit-size/5) round($v-unit-size/3);
+    @include linear-gradient(to bottom, darken($v-background-color, valo-gradient-opacity($v-gradient)/2) 0, $v-background-color round($v-unit-size/10), $fallback: $v-background-color);
+    border-top: valo-border($strength: 0.5);
+    border-radius: 0 0 $v-border-radius $v-border-radius;
+  }
+
+  .v-margin-left.v-margin-right.v-margin-top {
+    .#{$primary-stylename}-top-toolbar {
+      &.v-layout {
+        @include box-sizing(content-box);
+        margin: round($v-unit-size/-3) round($v-unit-size/-3) 0;
+      }
+
+      &.v-menubar {
+        margin: 0;
+      }
+
+      &.v-menubar-borderless {
+        margin: round($v-unit-size/6) - round($v-unit-size/3) round($v-unit-size/6) - round($v-unit-size/3) 0;
+        padding: 0;
+      }
+    }
+  }
+
   .v-margin-left.v-margin-right.v-margin-bottom {
     .#{$primary-stylename}-bottom-toolbar {
-      margin: 0 round($v-unit-size/-3) round($v-unit-size/-3);
-      @include box-sizing(content-box);
+      &.v-layout {
+        @include box-sizing(content-box);
+        margin: 0 round($v-unit-size/-3) round($v-unit-size/-3);
+      }
     }
   }
 

diff --git a/WebContent/VAADIN/themes/valo/optional/_common-stylenames.scss b/WebContent/VAADIN/themes/valo/optional/_common-stylenames.scss
index 5ae20bac0dcce117dfcd29dcf12aff1122a0853f..6e05cf33f51f4205fcfeb8ff4f54bf62afc4620c 100644 (file)
--- a/WebContent/VAADIN/themes/valo/optional/_common-stylenames.scss
+++ b/WebContent/VAADIN/themes/valo/optional/_common-stylenames.scss
@@ -93,6 +93,10 @@
     @include valo-tabsheet-icons-on-top;
   }
 
+  .v-tabsheet-only-selected-closable {
+    @include valo-tabsheet-only-selected-closable;
+  }
+
   .v-panel-borderless {
     @include valo-panel-borderless-style;
   }
@@ -214,6 +218,36 @@
     @include valo-horizontallayout--wrapping;
   }
 
+  .v-Notification.bar {
+    @include valo-notification-bar-style;
+  }
+
+  .v-Notification.small {
+    @include valo-notification-small-style;
+  }
+
+  .v-Notification.closable {
+    @include valo-notification-closable-style;
+
+    &.error,
+    &.system {
+      &:after {
+        color: #fff;
+        border-color: #fff;
+        border-color: rgba(255,255,255,.3);
+      }
+      &:active:after {
+        background-color: #fff;
+        color: #000;
+      }
+    }
+
+    &.tray:after {
+      top: round($v-unit-size/2.3);
+      margin-top: 0;
+    }
+  }
+
   .v-Notification.success,
   .v-Notification.failure {
                background: #fff;

diff --git a/WebContent/VAADIN/themes/valo/optional/_valo-menu.scss b/WebContent/VAADIN/themes/valo/optional/_valo-menu.scss
index fd230e93c80cd2b4dfabd50c50bcf467cd26465a..d4aa8aa1864d42e7b44f5dfff384a4638b69d30b 100644 (file)
--- a/WebContent/VAADIN/themes/valo/optional/_valo-menu.scss
+++ b/WebContent/VAADIN/themes/valo/optional/_valo-menu.scss
@@ -2,7 +2,7 @@ $valo-menu-background-color: null !default;
 
 @mixin valo-menu {
 
-  $bg-lightness: if(color-luminance($v-app-background-color) < 10, 10%, -60%);
+  $bg-lightness: if(color-luminance($v-app-background-color) < 10, 15%, -65%);
   $bg: $valo-menu-background-color or scale-color($v-app-background-color, $lightness: $bg-lightness);
 
   .v-slot-valo-menu {
@@ -15,7 +15,7 @@ $valo-menu-background-color: null !default;
     overflow: auto;
     padding-bottom: $v-unit-size;
     @include linear-gradient(to left, (scale-color($bg, $lightness: valo-gradient-opacity()*-1) 0%, $bg round($v-unit-size/4)), $fallback: $bg);
-    color: valo-font-color($bg);
+    color: valo-font-color($bg, 0.65);
     font-size: round($v-font-size * 0.9);
     line-height: round($v-unit-size * 0.8);
     border-right: valo-border($color: $bg);
@@ -56,9 +56,9 @@ $valo-menu-background-color: null !default;
     }
 
     .valo-menu-subtitle {
-      color: valo-font-color($bg, 0.5);
+      color: valo-font-color($bg, 0.35);
       margin: round($v-unit-size/5) 0 round($v-unit-size/5) round($v-unit-size/2);
-      border-bottom: valo-border($color: $bg, $strength: 0.5);
+      border-bottom: valo-border($color: $bg, $strength: 0.5, $border: first-number($v-border) solid v-tone);
       position: relative;
 
       .badge {

diff --git a/WebContent/VAADIN/themes/valo/shared/_global.scss b/WebContent/VAADIN/themes/valo/shared/_global.scss
index 2c71f076e280fa739fb140c4e0b67bb97e644bf1..1aca0dd117c0f400f3049afed69a34ac4ec6f63c 100644 (file)
--- a/WebContent/VAADIN/themes/valo/shared/_global.scss
+++ b/WebContent/VAADIN/themes/valo/shared/_global.scss
@@ -67,8 +67,16 @@ $valo-global-included: false !default;
 
     .v-scrollable {
       overflow: auto;
-      // Fix extra whitespace in IE
-      line-height: 0;
+
+      // "Unnecessary scrollbar" related fixes
+      > .v-widget {
+        // This is needed for IE
+        vertical-align: middle;
+
+        // Needed for all browsers. Can't really show anything outside the
+        // scrolling area anyway, so we can safely hide any overflow
+        overflow: hidden;
+      }
     }
 
     .v-ios.v-webkit .v-scrollable {

diff --git a/WebContent/VAADIN/themes/valo/shared/_loading-indicator.scss b/WebContent/VAADIN/themes/valo/shared/_loading-indicator.scss
index 9ad3d27e0e8f8a7d497254c2116069efe851c461..88963d5950240cea1ddce2eb73bf100377fcf398 100644 (file)
--- a/WebContent/VAADIN/themes/valo/shared/_loading-indicator.scss
+++ b/WebContent/VAADIN/themes/valo/shared/_loading-indicator.scss
@@ -14,7 +14,7 @@
 }
 
 
-@mixin valo-spinner ($size: 24px, $thickness: 4px, $color: null, $speed: 500ms) {
+@mixin valo-spinner ($size: 24px, $thickness: 2px, $color: null, $speed: 500ms) {
   $color: $color or valo-focus-color();
   // Make size divisible by 2, so that the rotation won't jiggle
   $size: $size + $size%2;
@@ -22,11 +22,11 @@
   width: $size !important;
   @include box-sizing(border-box);
   border: $thickness solid transparentize($color, .8);
-  border-top-color: transparentize($color, .15);
+  border-top-color: $color;
+  border-right-color: $color;
   border-radius: 100%;
   @include animation(v-rotate-360 $speed infinite linear);
   pointer-events: none;
-  @include transition(all ease-in-out 300ms);
 }
 
 

diff --git a/WebContent/VAADIN/themes/valo/shared/_notification.scss b/WebContent/VAADIN/themes/valo/shared/_notification.scss
index e4e863d1c88cb797cd3723f273f034936113cde4..6174e9495d7ab51d008b12285e15351f11e6ea4f 100644 (file)
--- a/WebContent/VAADIN/themes/valo/shared/_notification.scss
+++ b/WebContent/VAADIN/themes/valo/shared/_notification.scss
@@ -1,10 +1,7 @@
 $v-notification-title-color: $v-focus-color !default;
 
 
-@mixin valo-notification {
-
-
-
+@mixin valo-notification ($primary-stylename: v-Notification) {
 
   // Positional offsets
 
@@ -31,39 +28,35 @@ $v-notification-title-color: $v-focus-color !default;
     }
   }
 
-
-
-
   // Custom animations for positions
-  // Left/right positions override top & bottom
 
-  // Can't match to "top: 0", since that would target "margin-top: 0" also, which all GWT PopupPanels have always
   @if $v-animations-enabled {
-    .v-Notification[style*=" top: 0"] {
-      @include valo-anim-slide-down(600ms);
-    }
 
-    .v-Notification[style*="bottom: 0"] {
-      @include valo-anim-slide-up(600ms);
-    }
+    .#{$primary-stylename}-animate-in {
+      @include animation(valo-placeholder-animate-in 100ms, valo-anim-fade-in 100ms);
 
-    .v-Notification[style*="right: 0"] {
-      @include valo-anim-slide-left(600ms);
-    }
+      &.v-position-left {
+        @include animation(valo-placeholder-animate-in 200ms, valo-anim-slide-in-right 200ms);
+      }
 
-    // Can't match to "left: 0", since that would target "margin-left: 0" also, which all GWT PopupPanels have always
-    .v-Notification[style*=" left: 0"]:not(.v-Notification-system):not(.bar) {
-      @include valo-anim-slide-right(600ms);
+      &.v-position-right {
+        @include animation(valo-placeholder-animate-in 200ms, valo-anim-slide-in-left 200ms);
+      }
     }
-  }
-
-
 
+    .#{$primary-stylename}-animate-out {
+      @include animation(valo-placeholder-animate-out 150ms 1s, valo-anim-fade-out 150ms 1s);
 
+      &.v-position-left,
+      &.v-position-right {
+        @include animation(valo-placeholder-animate-out 120ms, valo-anim-drop-fade-out 120ms);
+      }
+    }
+  }
 
   // Default style (a.k.a. humanized)
 
-  .v-Notification {
+  .#{$primary-stylename} {
     border-radius: $v-border-radius;
     text-align: center;
     position: fixed !important;
@@ -101,31 +94,14 @@ $v-notification-title-color: $v-focus-color !default;
 
     @include valo-notification-style;
 
-    @if $v-animations-enabled {
-      @include valo-anim-fade-in;
-    }
-
   }
 
-
-  // System notification
-
-  .v-Notification-system {
+  .#{$primary-stylename}-system {
     @include valo-notification-bar-style;
     @include valo-notification-system-style;
   }
 
-  // Needs a more specific selector to override positional margins
-  .v-Notification-system.v-Notification-system {
-    margin: 0 !important;
-  }
-
-
-
-
-  // Tray notification
-
-  .v-Notification.tray {
+  .#{$primary-stylename}.tray {
     text-align: left;
     h1 {
       //display: block;
@@ -138,47 +114,18 @@ $v-notification-title-color: $v-focus-color !default;
     @include valo-notification-tray-style;
   }
 
-  .v-Notification.warning {
+  .#{$primary-stylename}.warning {
     @include valo-notification-warning-style;
   }
 
-  .v-Notification.error {
+  .#{$primary-stylename}.error {
     @include valo-notification-error-style;
   }
-
-  .v-Notification.bar {
-    @include valo-notification-bar-style;
-  }
-
-  .v-Notification.closable {
-    @include valo-notification-closable-style;
-
-    &.error,
-    &.system {
-      &:after {
-        color: #fff;
-        border-color: #fff;
-        border-color: rgba(255,255,255,.3);
-      }
-      &:active:after {
-        background-color: #fff;
-        color: #000;
-      }
-    }
-
-    &.tray:after {
-      top: round($v-unit-size/2.3);
-      margin-top: 0;
-    }
-  }
-
 }
 
 
 
 
-
-
 @mixin valo-notification-closable-style {
   padding-right: $v-unit-size + round($v-unit-size/1.7);
   overflow: hidden !important; // Override GWT PopupPanel
@@ -225,11 +172,6 @@ $v-notification-title-color: $v-focus-color !default;
   box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15);
   padding: round($v-unit-size/2) round($v-unit-size/1.7);
 
-  // Make thigns easier to read
-  &[style*="opacity: 0.9;"] {
-    @include opacity(1 !important);
-  }
-
   h1 {
     color: $v-notification-title-color;
     font-size: round($v-font-size * 1.2);
@@ -252,10 +194,39 @@ $v-notification-title-color: $v-focus-color !default;
   p {
     max-width: 50em;
   }
+
+  &.v-position-top {
+    top: 0;
+
+    @if $v-animations-enabled {
+      &.v-Notification-animate-in {
+        @include animation(valo-placeholder-animate-in 200ms, valo-anim-slide-in-down 200ms);
+      }
+
+      &.v-Notification-animate-out {
+        @include animation(valo-placeholder-animate-out 200ms 1s, valo-anim-slide-out-up 200ms 1s);
+      }
+    }
+  }
+
+  &.v-position-bottom {
+    bottom: 0;
+
+    @if $v-animations-enabled {
+      &.v-Notification-animate-in {
+        @include animation(valo-placeholder-animate-in 200ms, valo-anim-slide-in-up 200ms);
+      }
+
+      &.v-Notification-animate-out {
+        @include animation(valo-placeholder-animate-out 200ms 1s, valo-anim-slide-out-down 200ms 1s);
+      }
+    }
+  }
 }
 
 @mixin valo-notification-system-style {
   background-color: #444;
+  background-color: rgba(#444, .9);
   font-weight: $v-font-weight + 100;
   line-height: round($v-font-size * 1.4);
 
@@ -274,7 +245,6 @@ $v-notification-title-color: $v-focus-color !default;
   }
 }
 
-
 @mixin valo-notification-tray-style {}
 
 @mixin valo-notification-warning-style {
@@ -302,3 +272,14 @@ $v-notification-title-color: $v-focus-color !default;
     color: valo-font-color($v-error-indicator-color, .8);
   }
 }
+
+@mixin valo-notification-small-style {
+  padding: round($v-unit-size/3.3) round($v-unit-size/2.8);
+
+  h1 {
+    font-size: $v-font-size;
+  }
+  p {
+    font-size: round($v-font-size * 0.85);
+  }
+}

diff --git a/WebContent/VAADIN/themes/valo/shared/_overlay.scss b/WebContent/VAADIN/themes/valo/shared/_overlay.scss
index 6f29b1efef9dcec6a2daeb553e9a88db631a9975..d0ff42fcce2a719892c17dbde0ec5b990db89802 100644 (file)
--- a/WebContent/VAADIN/themes/valo/shared/_overlay.scss
+++ b/WebContent/VAADIN/themes/valo/shared/_overlay.scss
@@ -9,7 +9,9 @@
 $v-overlay-background-color: valo-overlay-background-color() !default;
 $v-overlay-border-radius: $v-border-radius !default;
 $v-overlay-border-width: first-number($v-border) !default;
-$v-overlay-open-animation: valo-overlay-open 200ms !default;
+
+$v-overlay-animate-in: valo-overlay-animate-in 120ms !default;
+$v-overlay-animate-out: valo-placeholder-animate-out 120ms, valo-anim-fade-out 120ms !default;
 
 $v-overlay-padding: round($v-unit-size/9) !default;
 $v-overlay-padding-vertical: $v-overlay-padding !default;
@@ -52,7 +54,7 @@ $v-selection-item-selection-color: $v-selection-color !default;
     bottom: -$shadow-offset-y + $shadow-blur - $shadow-spread;
     left: $shadow-offset-x - $shadow-blur - $shadow-spread;
     background: $shadow-color;
-    filter: alpha(opacity=#{$shadow-color-opacity}) progid:DXImageTransform.Microsoft.blur(pixelradius=#{strip-units($shadow-blur)}, makeShadow=true);
+    filter: alpha(opacity=#{$shadow-color-opacity}) progid:DXImageTransform.Microsoft.blur(pixelradius=#{strip-units($shadow-blur)}, makeShadow=false);
   }
 }
 
@@ -69,17 +71,6 @@ $v-selection-item-selection-color: $v-selection-color !default;
   .v-ie8 & {
     display: block;
 
-    // Border simulation
-    /*.center {
-      position: absolute;
-      top: -$v-overlay-border-width;
-      right: -$v-overlay-border-width;
-      bottom: -$v-overlay-border-width;
-      left: -$v-overlay-border-width;
-      background: darken(valo-overlay-background-color(), $v-bevel-depth);
-      filter: alpha(opacity=round($v-bevel-depth/1%));
-    }*/
-
     // Up to 8 shadows are supported
     $elements: top, top-left, top-right, left, right, bottom, bottom-left, bottom-right;
     $shadows: valo-bevel-and-shadow($shadow: $v-overlay-shadow);
@@ -110,7 +101,8 @@ $v-selection-item-selection-color: $v-selection-color !default;
 @mixin valo-overlay-style (
     $background-color: $v-overlay-background-color,
     $shadow: $v-overlay-shadow,
-    $open-animation: $v-overlay-open-animation
+    $animate-in: $v-overlay-animate-in,
+    $animate-out: $v-overlay-animate-out
   ) {
   padding: $v-overlay-padding-vertical $v-overlay-padding-horizontal;
   border-radius: $v-overlay-border-radius;
@@ -120,8 +112,17 @@ $v-selection-item-selection-color: $v-selection-color !default;
 
   box-shadow:  valo-bevel-and-shadow($bevel: null, $shadow: $shadow);
 
-  @if $v-animations-enabled and $v-overlay-open-animation {
-    @include animation($open-animation);
+  @if $v-animations-enabled {
+    @if $animate-in {
+      &[class*="animate-in"] {
+        @include animation($animate-in);
+      }
+    }
+    @if $animate-out {
+      &[class*="animate-out"] {
+        @include animation($animate-out);
+      }
+    }
   }
 
   -webkit-backface-visibility: hidden;
@@ -132,22 +133,11 @@ $v-selection-item-selection-color: $v-selection-color !default;
 
 
 
-@if $v-animations-enabled {
-  @include keyframes(valo-overlay-open) {
-    0% {
-      @include transform(translatey(-3px));
-      opacity: 0;
-    }
-  }
-}
-
-
-
 
 
 
-@mixin valo-selection-overlay-style ($background-color: $v-selection-overlay-background-color, $open-animation: $v-overlay-open-animation) {
-  @include valo-overlay-style($background-color: $background-color, $open-animation: $open-animation);
+@mixin valo-selection-overlay-style ($background-color: $v-selection-overlay-background-color, $animate-in: $v-overlay-animate-in) {
+  @include valo-overlay-style($background-color: $background-color, $animate-in: $animate-in);
   padding: $v-selection-overlay-padding-vertical $v-selection-overlay-padding-horizontal;
 }
 

diff --git a/WebContent/VAADIN/themes/valo/shared/_tooltip.scss b/WebContent/VAADIN/themes/valo/shared/_tooltip.scss
index 197ef4d9d94c0da4a77e59f11ba100a7266716e8..386dc7c1b1ba931317e28b4ca5c1727f754e9389 100644 (file)
--- a/WebContent/VAADIN/themes/valo/shared/_tooltip.scss
+++ b/WebContent/VAADIN/themes/valo/shared/_tooltip.scss
@@ -65,8 +65,4 @@ $v-tooltip-border-radius: $v-border-radius - 1px !default;
   max-width: 35em;
   overflow: hidden !important;
   font-size: $v-tooltip-font-size;
-
-  @if $v-animations-enabled {
-    //@include valo-anim-fade-in;
-  }
 }

diff --git a/WebContent/VAADIN/themes/valo/util/_anim.scss b/WebContent/VAADIN/themes/valo/util/_anim.scss
index 122998e2b68e333047b9d25324fe2a0433a10cc3..9569e8415795c5b4707763b99c9ed5b63d744ddc 100644 (file)
--- a/WebContent/VAADIN/themes/valo/util/_anim.scss
+++ b/WebContent/VAADIN/themes/valo/util/_anim.scss
@@ -1,41 +1,93 @@
-@include keyframes(valo-anim-fade-in) {
-  0% {
-    opacity: 0;
+@if $v-animations-enabled {
+
+  // 'Placeholder' animation names to trigger VOverlay animation-in and animation-out
+  @include keyframes(valo-placeholder-animate-in) {
+    0% {
+      outline-color: transparent;
+    }
   }
-}
 
+  @include keyframes(valo-placeholder-animate-out) {
+    100% {
+      outline-color: transparent;
+    }
+  }
 
-@include keyframes(valo-anim-fade-out) {
-  100% {
-    opacity: 0;
+  @include keyframes(valo-anim-fade-in) {
+    0% {
+      opacity: 0;
+    }
   }
-}
 
+  @include keyframes(valo-anim-fade-out) {
+    100% {
+      opacity: 0;
+    }
+  }
 
-@include keyframes(valo-anim-slide-down) {
-  0% {
-    @include transform( translateY(-100%) );
+  @include keyframes(valo-anim-slide-in-down) {
+    0% {
+      @include transform( translateY(-100%) );
+    }
   }
-}
 
-@include keyframes(valo-anim-slide-up) {
-  0% {
-    @include transform( translateY(100%) );
+  @include keyframes(valo-anim-slide-in-up) {
+    0% {
+      @include transform( translateY(100%) );
+    }
   }
-}
 
-@include keyframes(valo-anim-slide-left) {
-  0% {
-    @include transform( translateX(100%) );
+  @include keyframes(valo-anim-slide-in-left) {
+    0% {
+      @include transform( translateX(100%) );
+    }
   }
-}
 
-@include keyframes(valo-anim-slide-right) {
-  0% {
-    @include transform( translateX(-100%) );
+  @include keyframes(valo-anim-slide-in-right) {
+    0% {
+      @include transform( translateX(-100%) );
+    }
   }
-}
 
+  @include keyframes(valo-anim-slide-out-down) {
+    100% {
+      @include transform( translateY(100%) );
+    }
+  }
+
+  @include keyframes(valo-anim-slide-out-up) {
+    100% {
+      @include transform( translateY(-100%) );
+    }
+  }
+
+  @include keyframes(valo-anim-slide-out-left) {
+    100% {
+      @include transform( translateX(-100%) );
+    }
+  }
+
+  @include keyframes(valo-anim-slide-out-right) {
+    100% {
+      @include transform( translateX(100%) );
+    }
+  }
+
+  @include keyframes(valo-overlay-animate-in) {
+    0% {
+      @include transform(translatey(-4px));
+      opacity: 0;
+    }
+  }
+
+  @include keyframes(valo-anim-drop-fade-out) {
+    100% {
+      opacity: 0;
+      @include transform(translatey(30%));
+    }
+  }
+
+}
 
 
 @mixin valo-anim-fade-in ($duration: 120ms, $delay: null){
@@ -60,4 +112,4 @@
 
 @mixin valo-anim-slide-right ($duration: 260ms, $delay: null){
   @include animation(valo-anim-slide-right $duration $delay);
-}
\ No newline at end of file
+}

diff --git a/WebContent/VAADIN/themes/valo/util/_color.scss b/WebContent/VAADIN/themes/valo/util/_color.scss
index 06c182f81b62dfeeee274decfa1435f84f93b9fe..4a276ba1f0566520e061f4bc745397969e0b1e44 100644 (file)
--- a/WebContent/VAADIN/themes/valo/util/_color.scss
+++ b/WebContent/VAADIN/themes/valo/util/_color.scss
@@ -39,11 +39,14 @@ $v-luminance-threshold: 150 !default;
 }
 
 
-@function darker-of($c1, $c2) {
-  @if color-luminance($c1) < color-luminance($c2) {
-    @return $c1;
+@function darkest-color($colors...) {
+  $darkest: first($colors);
+  @each $color in $colors {
+    @if color-luminance($color) < color-luminance($darkest) {
+      $darkest: $color;
+    }
   }
-  @return $c2;
+  @return $darkest;
 }
 
 // Returns a text color with enough contrast for the given background color