summaryrefslogtreecommitdiffstats
path: root/WebContent
diff options
context:
space:
mode:
authorJouni Koivuviita <jouni@vaadin.com>2014-06-02 14:37:00 +0300
committerMarc Englund <marc@vaadin.com>2014-06-05 10:59:53 +0000
commitdcb6cfd6bc050ad9451e14cb12345aa5a4c43727 (patch)
treed2c369ce3b81f7b9598c6cf46c95ad3869168613 /WebContent
parentfaaa02e1937f88c184ce4e88a548c9348de8f375 (diff)
downloadvaadin-framework-dcb6cfd6bc050ad9451e14cb12345aa5a4c43727.tar.gz
vaadin-framework-dcb6cfd6bc050ad9451e14cb12345aa5a4c43727.zip
Added new test app/ui for Valo
New “tests-valo” theme also included multiple variations to test with. Change-Id: I3dd3b91526b32ae8d080d2fa431d2a64f6f7fef4
Diffstat (limited to 'WebContent')
-rw-r--r--WebContent/VAADIN/themes/tests-valo/_blueprint.scss19
-rw-r--r--WebContent/VAADIN/themes/tests-valo/_dark.scss18
-rw-r--r--WebContent/VAADIN/themes/tests-valo/_default.scss3
-rw-r--r--WebContent/VAADIN/themes/tests-valo/_facebook.scss24
-rw-r--r--WebContent/VAADIN/themes/tests-valo/_flat-dark.scss20
-rw-r--r--WebContent/VAADIN/themes/tests-valo/_flat.scss42
-rw-r--r--WebContent/VAADIN/themes/tests-valo/_metro.scss26
-rw-r--r--WebContent/VAADIN/themes/tests-valo/styles.css7312
-rw-r--r--WebContent/VAADIN/themes/tests-valo/styles.scss133
9 files changed, 7597 insertions, 0 deletions
diff --git a/WebContent/VAADIN/themes/tests-valo/_blueprint.scss b/WebContent/VAADIN/themes/tests-valo/_blueprint.scss
new file mode 100644
index 0000000000..a876a5a528
--- /dev/null
+++ b/WebContent/VAADIN/themes/tests-valo/_blueprint.scss
@@ -0,0 +1,19 @@
+$v-app-loading-text: "Blueprint Valo";
+$v-background-color: #1a61b7;
+$v-focus-color: #fff;
+$v-panel-background-color: $v-background-color;
+$v-overlay-background-color: $v-background-color;
+$valo-menu-background-color: $v-background-color;
+$v-overlay-shadow: 0 0 0 1px rgba(#fff, .5);
+$v-window-shadow: $v-overlay-shadow;
+$v-bevel: false;
+$v-gradient: false;
+$v-shadow: false;
+$v-textfield-bevel: false;
+$v-textfield-shadow: false;
+$v-border: 1px solid (v-tint 1.5);
+$v-textfield-background-color: $v-background-color;
+$v-font-family: sans-serif;
+$v-font-size: 18px;
+
+@import "../valo/valo";
diff --git a/WebContent/VAADIN/themes/tests-valo/_dark.scss b/WebContent/VAADIN/themes/tests-valo/_dark.scss
new file mode 100644
index 0000000000..21bcd00ae9
--- /dev/null
+++ b/WebContent/VAADIN/themes/tests-valo/_dark.scss
@@ -0,0 +1,18 @@
+$v-app-loading-text: "Dark Valo";
+$v-background-color: #444d50;
+$v-focus-color: #07a9ca;
+$v-focus-style: 0 0 3px 2px $v-focus-color;
+$v-bevel-depth: 40%;
+$v-gradient: v-linear 12%;
+$v-border-radius: 10px;
+$v-font-family: Roboto, sans-serif;
+$v-font-weight: 400;
+$v-font-weight--header: 400;
+$v-bevel: inset 0 1px 2px v-tint, inset 0 0 1px (v-tint 0.1);
+$v-shadow: 0 0 0 3px darken($v-background-color, 3%), 0 1px 1px 3px lighten($v-background-color, 5%);
+$v-textfield-bevel: inset 0 2px 2px v-shade;
+$v-textfield-shadow: $v-shadow;
+$v-unit-size: 40px;
+$v-overlay-shadow: 0 0 0 3px (v-shade 8), 0 5px 10px (v-shade 4);
+
+@import "../valo/valo";
diff --git a/WebContent/VAADIN/themes/tests-valo/_default.scss b/WebContent/VAADIN/themes/tests-valo/_default.scss
new file mode 100644
index 0000000000..c227156e2e
--- /dev/null
+++ b/WebContent/VAADIN/themes/tests-valo/_default.scss
@@ -0,0 +1,3 @@
+$v-app-loading-text: "Default Valo";
+
+@import "../valo/valo";
diff --git a/WebContent/VAADIN/themes/tests-valo/_facebook.scss b/WebContent/VAADIN/themes/tests-valo/_facebook.scss
new file mode 100644
index 0000000000..5b83aae4ca
--- /dev/null
+++ b/WebContent/VAADIN/themes/tests-valo/_facebook.scss
@@ -0,0 +1,24 @@
+$v-app-loading-text: "Facebook Valo";
+$v-background-color: #fafafa;
+$v-app-background-color: #e7ebf2;
+$v-panel-background-color: #fff;
+$v-focus-color: #3b5998;
+$v-focus-style: 0 0 1px 1px rgba($v-focus-color, .5);
+$v-border-radius: 3px;
+$v-textfield-border-radius: 0;
+$v-font-family: Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif;
+$v-font-size: 14px;
+$v-font-color: #37404E;
+$v-font-weight: 400;
+$v-link-text-decoration: none;
+$v-shadow: 0 1px 0 (v-shade 0.2);
+$v-bevel: inset 0 1px 0 v-tint;
+$v-unit-size: 30px;
+$v-gradient: v-linear 12%;
+$v-overlay-shadow: 0 3px 8px v-shade, 0 0 0 1px (v-shade 0.7);
+$v-shadow-opacity: 20%;
+$v-selection-overlay-padding-horizontal: 0;
+$v-selection-overlay-padding-vertical: 6px;
+$v-selection-item-border-radius: 0;
+
+@import "../valo/valo";
diff --git a/WebContent/VAADIN/themes/tests-valo/_flat-dark.scss b/WebContent/VAADIN/themes/tests-valo/_flat-dark.scss
new file mode 100644
index 0000000000..f68f9c266d
--- /dev/null
+++ b/WebContent/VAADIN/themes/tests-valo/_flat-dark.scss
@@ -0,0 +1,20 @@
+$v-app-loading-text: "Dark & Flat Valo";
+
+$v-background-color: #000;
+$v-focus-color: orange;
+$v-font-size: 15px;
+$v-font-weight: 600;
+$v-unit-size: 42px;
+$v-bevel: false;
+$v-shadow: false;
+$v-gradient: false;
+$v-textfield-bevel: false;
+$v-textfield-shadow: false;
+$v-border-radius: 0;
+$v-border: 2px solid v-tone;
+$v-overlay-shadow: 0 0 0 2px (v-tint 10);
+$v-focus-style: $v-focus-color;
+$v-font-family: "Lato", sans-serif;
+$v-font-weight--header: 600;
+
+@import "../valo/valo";
diff --git a/WebContent/VAADIN/themes/tests-valo/_flat.scss b/WebContent/VAADIN/themes/tests-valo/_flat.scss
new file mode 100644
index 0000000000..d6e2857a83
--- /dev/null
+++ b/WebContent/VAADIN/themes/tests-valo/_flat.scss
@@ -0,0 +1,42 @@
+$v-app-loading-text: "Flat Valo";
+
+$v-font-family: "Roboto", sans-serif;
+$v-font-weight: 400;
+$v-background-color: #fff;
+$v-focus-color: rgb(150,190,90);
+$v-luminance-threshold: 180;
+$v-border: 2px solid v-shade;
+$v-border-radius: 6px;
+$v-bevel: false;
+$v-gradient: false;
+$v-shadow: false;
+$v-textfield-bevel: false;
+$v-textfield-shadow: false;
+$v-link-text-decoration: false;
+$v-selection-overlay-padding-horizontal: 0;
+$v-selection-overlay-padding-vertical: 6px;
+$v-selection-item-height: 30px;
+$v-selection-item-border-radius: 0;
+
+
+@import "../valo/valo";
+
+
+.valo-test {
+ .v-button-primary.v-button-primary {
+ background: #fff;
+ border-color: $v-focus-color;
+ color: $v-focus-color;
+ }
+
+ .v-button-danger.v-button-danger {
+ background: #fff;
+ border-color: $v-error-indicator-color;
+ color: $v-error-indicator-color;
+ }
+
+ .v-slider-base:before,
+ .v-slider-base:after {
+ border: none !important;
+ }
+}
diff --git a/WebContent/VAADIN/themes/tests-valo/_metro.scss b/WebContent/VAADIN/themes/tests-valo/_metro.scss
new file mode 100644
index 0000000000..f11cdb8b64
--- /dev/null
+++ b/WebContent/VAADIN/themes/tests-valo/_metro.scss
@@ -0,0 +1,26 @@
+$v-app-loading-text: "Metro Valo";
+
+$v-font-family: "Source Sans Pro", sans-serif;
+$v-app-background-color: #fff;
+$v-background-color: #eee;
+$v-focus-color: #0072C6;
+$v-focus-style: 0 0 0 1px $v-focus-color;
+$valo-menu-background-color: darken($v-focus-color, 10%);
+$v-border: 0 solid v-shade;
+$v-border-radius: 0px;
+$v-bevel: false;
+$v-gradient: false;
+$v-shadow: false;
+$v-textfield-bevel: false;
+$v-textfield-shadow: false;
+$v-textfield-border: 1px solid v-shade;
+$v-link-text-decoration: none;
+$v-overlay-shadow: 0 0 0 2px #000;
+$v-overlay-border-width: 2px; // For IE8
+$v-window-shadow: $v-overlay-shadow;
+$v-selection-overlay-background-color: #fff;
+$v-selection-overlay-padding-horizontal: 0;
+$v-selection-overlay-padding-vertical: 6px;
+$v-panel-border: 2px solid v-shade;
+
+@import "../valo/valo";
diff --git a/WebContent/VAADIN/themes/tests-valo/styles.css b/WebContent/VAADIN/themes/tests-valo/styles.css
new file mode 100644
index 0000000000..2e0c1b6143
--- /dev/null
+++ b/WebContent/VAADIN/themes/tests-valo/styles.css
@@ -0,0 +1,7312 @@
+@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[style*=" top: 0"] {
+ margin-top: 12px !important; }
+.tests-valo .v-Notification[style*="right: 0"] {
+ margin-right: 12px; }
+.tests-valo .v-Notification[style*="bottom: 0"] {
+ margin-bottom: 12px; }
+.tests-valo .v-Notification[style*=" left: 0"] {
+ margin-left: 12px !important; }
+.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
new file mode 100644
index 0000000000..2c825cc245
--- /dev/null
+++ b/WebContent/VAADIN/themes/tests-valo/styles.scss
@@ -0,0 +1,133 @@
+@import "default";
+// @import "flat";
+// @import "flat-dark";
+// @import "facebook";
+// @import "metro";
+// @import "dark";
+// @import "blueprint";
+
+
+@include valo-natural-page-scrolling;
+
+.tests-valo {
+ @include valo;
+
+ .valo-menu .v-checkbox {
+ margin: round($v-unit-size/2);
+ font-weight: 400;
+ }
+
+ .view {
+ min-height: 600px;
+ }
+
+ $color1: hsl(220, 5%, 38%);
+ $color2: #5d73c0;
+ $color3: #3dbc1a;
+ $color4: #d2f4f3;
+ $color5: #fe902a;
+ $colors: $color1, $color2, $color3, $color4, $color5;
+
+ .v-textfield-color1 {
+ @include valo-textfield-style($background-color: $color1);
+ }
+
+ .v-textfield-color2 {
+ @include valo-textfield-style($background-color: $color3);
+ }
+
+ .v-textfield-color3 {
+ @include valo-textfield-style($background-color: $color4);
+ }
+
+
+ .v-textarea-color1 {
+ @include valo-textarea-style($background-color: $color1);
+ }
+
+ .v-textarea-color2 {
+ @include valo-textarea-style($background-color: $color3);
+ }
+
+ .v-textarea-color3 {
+ @include valo-textarea-style($background-color: $color4);
+ }
+
+
+ .v-datefield-color1 {
+ @include valo-datefield-style($background-color: $color1);
+ }
+
+ .v-datefield-color2 {
+ @include valo-datefield-style($background-color: $color3);
+ }
+
+ .v-datefield-color3 {
+ @include valo-datefield-style($background-color: $color4);
+ }
+
+
+ .v-filterselect-color1 {
+ @include valo-combobox-style($background-color: $color1);
+ }
+
+ .v-filterselect-color2 {
+ @include valo-combobox-style($background-color: $color3);
+ }
+
+ .v-filterselect-color3 {
+ @include valo-combobox-style($background-color: $color4);
+ }
+
+
+ $copy: $v-selection-color;
+ $v-selection-color: white;
+ .v-checkbox-color1 {
+ @include valo-checkbox-style($background-color: $color1);
+ }
+
+ .v-checkbox-color2 {
+ @include valo-checkbox-style($background-color: $color2);
+ }
+ $v-selection-color: $copy;
+
+
+ .v-slider-color1 {
+ @include valo-slider-handle-style($background-color: $color1);
+ }
+
+ .v-slider-color2 {
+ @include valo-slider-track-style($background-color: $color3);
+ }
+
+ .v-slider-color3 {
+ @include valo-slider-indicator-style($background-color: #dcdc1e);
+ }
+
+ .v-slider-no-indicator {
+ @include valo-slider-no-indicator;
+ }
+
+
+ .v-panel-caption-color1 {
+ @include valo-panel-caption-style($background-color: $color1);
+ }
+
+ .v-panel-caption-color2 {
+ @include valo-panel-caption-style($background-color: $color3);
+ }
+
+ .v-panel-caption-color3 {
+ @include valo-panel-caption-style($background-color: $color5);
+ }
+
+ // Show splitpanel borders
+ .v-splitpanel-vertical,
+ .v-splitpanel-horizontal {
+ outline: 1px dotted rgba(gray, .2);
+ }
+
+ .v-slider-ticks {
+ @include valo-slider-ticks($tick-count: 5);
+ }
+}