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